.login-section{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-primary)}.login-container{max-width:480px;width:100%;margin:0 auto}.login-card{background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);box-shadow:var(--shadow-lg);overflow:hidden}.login-header{text-align:center;padding:40px 30px 30px;border-bottom:1px solid var(--card-border)}.login-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.login-header p{font-size:16px;color:var(--text-secondary)}.login-body{padding:30px}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;background:#FFF;color:#3C4043;border:1px solid #DADCE0;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.google-login-btn:hover{background:#F8F9FA;box-shadow:0 2px 4px rgba(0,0,0,0.1);transform:translateY(-1px)}.google-login-btn svg{flex-shrink:0}[data-theme="dark"] .google-login-btn{background:#FFF!important;color:#000!important;border:1px solid #DADCE0!important}[data-theme="dark"] .google-login-btn span{color:#000!important}[data-theme="dark"] .google-login-btn:hover{background:#F5F5F5!important}.login-benefits{margin-top:30px;padding-top:30px;border-top:1px solid var(--card-border)}.login-benefits h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.login-benefits ul{list-style:none;padding:0;margin:0}.login-benefits li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;color:var(--text-secondary);font-size:14px}.benefit-icon{color:var(--accent-primary);font-weight:700;flex-shrink:0}.login-privacy{margin-top:24px;text-align:center}.login-privacy p{font-size:13px;color:var(--text-tertiary);line-height:1.5}@media(max-width:768px){.login-section{padding:20px}.login-header{padding:30px 20px 20px}.login-header h1{font-size:24px}.login-body{padding:20px}}