.login-page{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{color:#1e293b;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.signup-card{padding:30px}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-logo img{object-fit:contain;width:40px;height:40px}.login-header h1{color:#1e293b;margin:0;font-size:24px;font-weight:700}.login-header p{color:#64748b;margin:0;font-size:14px}.login-footer{color:#64748b}.login-footer a{color:#2563eb}.login-footer a:hover{color:#1d4ed8}.login-form{flex-direction:column;gap:20px;display:flex}.signup-form{gap:16px}.signup-card .login-header{margin-bottom:24px}.signup-divider{color:#64748b;text-align:center}.signup-email-summary{color:#475569;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;font-size:14px;display:grid}.signup-email-summary>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signup-email-summary small{color:#64748b;grid-column:2;font-size:12px}.signup-email-summary button{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;grid-area:1/3/span 2;padding:6px 0 6px 8px}.signup-help{color:#64748b;line-height:1.4}.password-requirements{color:#64748b;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.password-requirements li{align-items:center;gap:7px;display:flex}.password-requirements li>span{width:14px;font-weight:700}.password-requirements .is-met{color:#15803d}.password-requirements .is-unmet{color:#64748b}.password-match,.password-mismatch{font-size:12px}.password-match{color:#15803d}.password-mismatch{color:#dc2626}.signup-footer{text-align:center;margin:0}.login-error{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:600}.input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}.input-wrapper input::placeholder{color:#9ca3af}.toggle-password{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.toggle-password:hover{color:#6b7280}.toggle-password:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3b82f6}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}.login-btn:hover{opacity:.95}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width:480px){.login-card{padding:28px 20px}.signup-card{padding:24px 20px}}