.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);background:radial-gradient(circle at 20% 50%,rgba(0,112,243,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,217,255,.1) 0,transparent 50%),var(--color-bg-primary);position:relative}.login-theme-toggle{position:absolute;top:var(--space-xl);right:var(--space-xl)}.login-card{width:100%;max-width:420px;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.login-content{display:flex;flex-direction:column;gap:var(--space-xl)}.btn-google{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg)}.btn-google svg{flex-shrink:0}.login-features{flex-direction:column;padding-top:var(--space-lg);border-top:1px solid var(--color-border-primary)}.feature-item,.login-features{display:flex;gap:var(--space-md)}.feature-item{align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feature-icon{font-size:var(--font-size-xl);flex-shrink:0}.feature-text{flex:1}@media (max-width:480px){.login-card{padding:var(--space-lg)}.login-title{font-size:var(--font-size-2xl)}.login-theme-toggle{top:var(--space-md);right:var(--space-md)}}@media (max-width:320px){.login-features{gap:var(--space-sm)}.feature-item{font-size:var(--font-size-xs)}}