@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f4f7f9;display:flex;justify-content:center;align-items:center;height:100vh;color:#333}.auth-container{width:100%;display:flex;justify-content:center}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;text-align:center}.logo{font-size:24px;font-weight:700;color:#2a6cb3;margin-bottom:20px}.logo a{color:#2a6cb3;text-decoration:none}.auth-card h2{margin-bottom:10px;color:#2c3e50}.auth-card p{color:#7f8c8d;margin-bottom:25px;font-size:.9rem}.error-message{color:#d9534f;background-color:#f2dede;border:1px solid #ebccd1;padding:10px;border-radius:5px;margin-bottom:20px;display:none;text-align:left;font-size:14px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#333;font-weight:600}.input-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.input-group input:focus{border-color:#2a6cb3;outline:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:.85rem}.form-options a{color:#2a6cb3;text-decoration:none;transition:color .3s}.form-options a:hover{color:#357abd}.auth-btn{width:100%;padding:12px;background-color:#2a6cb3;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px #4a90e24d}.auth-btn:hover{background-color:#357abd;transform:translateY(-2px)}.auth-link{margin-top:30px;font-size:.85rem}.auth-link a{color:#2a6cb3;text-decoration:none;font-weight:600}.password-group{position:relative}.password-group input{padding-right:44px}.toggle-password{position:absolute;right:10px;top:34px;transform:none;background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s;-webkit-appearance:none;appearance:none}.toggle-password:hover{color:#333}.auth-step{display:none;animation:stepFadeIn .2s ease-out}.auth-step.active{display:block}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.oauth-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.oauth-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:border-color .2s,background-color .2s,transform .1s}.oauth-btn:hover{border-color:#999;background:#fafafa}.oauth-btn:active{transform:translateY(1px)}.oauth-btn svg{width:18px;height:18px;flex-shrink:0}.oauth-btn.oauth-apple{background:#000;color:#fff;border-color:#000}.oauth-btn.oauth-apple:hover{background:#1a1a1a;border-color:#1a1a1a}.last-used-pill{position:absolute;top:-8px;right:12px;background:#eff6ff;color:#1e40af;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.oauth-btn.last-used,.auth-btn.last-used{box-shadow:0 0 0 3px #2a6cb326,0 4px 10px #4a90e24d;border-color:#2a6cb3}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#a0a8b0;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.remember-row{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:.85rem;color:#555;user-select:none;text-align:left}.remember-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2a6cb3;margin:0}.remember-row label{cursor:pointer;margin:0;font-weight:400}.email-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#f4f7f9;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;text-align:left}.email-pill-text{color:#333;font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-pill-edit{color:#2a6cb3;font-size:.8rem;font-weight:500;background:none;border:0;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;flex-shrink:0;transition:background-color .2s}.email-pill-edit:hover{background:#eff6ff}.check-email{text-align:center;padding:10px 0}.check-email-icon{width:56px;height:56px;margin:0 auto 16px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2a6cb3}.check-email-icon svg{width:28px;height:28px}.check-email h2{margin-bottom:10px}.check-email p{margin-bottom:8px}.check-email-address{color:#2c3e50;font-weight:600}.check-email-hint{font-size:.8rem;color:#95a1ab;margin-top:16px}.auth-btn-secondary{width:100%;padding:10px;background:transparent;color:#2a6cb3;border:0;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;margin-top:10px;transition:color .2s}.auth-btn-secondary:hover{color:#357abd;text-decoration:underline}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-btn:disabled:hover{background-color:#2a6cb3;transform:none}a.auth-btn{display:inline-block;text-align:center;text-decoration:none;box-sizing:border-box}.success-message{color:#3c763d;background-color:#dff0d8;border:1px solid #d6e9c6;padding:10px;border-radius:5px;margin-bottom:20px;text-align:left;font-size:14px}.success-message[hidden]{display:none}