.login-page{background:#f9fafb;justify-content:center;align-items:center;min-height:calc(100vh - 4rem);padding:2rem 1rem;display:flex}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 20px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:flex}.login-header h1{color:#111827;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.login-header p{color:#6b7280;font-size:.875rem}.login-form{margin-bottom:1.5rem}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.form-group{margin-bottom:1rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:2px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary,#22c55e);outline:none}.add-name-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:1rem;padding:.5rem;font-size:.875rem;display:block}.add-name-btn:hover{color:var(--color-primary,#22c55e)}.login-btn{color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:opacity .2s}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-benefits{border-top:1px solid #e5e7eb;margin-bottom:1.5rem;padding-top:1.5rem}.login-benefits h3{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.login-benefits ul{margin:0;padding:0;list-style:none}.login-benefits li{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.login-benefits li svg{color:#10b981;flex-shrink:0}.login-footer{text-align:center}.login-footer p{color:#9ca3af;font-size:.75rem}.login-footer a{color:#6b7280;text-decoration:underline}.login-footer a:hover{color:var(--color-primary,#22c55e)}@media (prefers-color-scheme:dark){.login-page{background:#111827}.login-card{background:#1f2937;box-shadow:0 4px 20px #0000004d}.login-header h1{color:#f9fafb}.login-header p{color:#9ca3af}.form-group label{color:#d1d5db}.form-group input{color:#f9fafb;background:#374151;border-color:#4b5563}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:var(--color-primary,#22c55e)}.add-name-btn{color:#9ca3af}.login-benefits{border-top-color:#374151}.login-benefits h3{color:#d1d5db}.login-benefits li{color:#9ca3af}.login-footer p{color:#6b7280}.login-footer a{color:#9ca3af}}@media (max-width:480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.25rem}}