body{background:#f5f7fa;min-height:100vh}
.auth-wrap{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}
.auth-card{background:#fff;border-radius:14px;border:1px solid var(--border);padding:2.5rem 2.75rem;width:100%;max-width:460px;box-shadow:0 4px 24px rgba(11,37,69,0.08)}
.auth-logo{display:flex;align-items:center;gap:0.6rem;margin-bottom:2rem;justify-content:center;text-decoration:none}
.auth-logo span{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--navy);font-weight:700}
.auth-title{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--navy);text-align:center;margin-bottom:0.4rem}
.auth-sub{font-size:0.9rem;color:#5a6a74;text-align:center;margin-bottom:1.75rem;line-height:1.6}
.form-group{margin-bottom:1.2rem}
.form-group label{display:block;font-size:0.875rem;font-weight:600;color:var(--navy);margin-bottom:0.4rem}
.form-group input{width:100%;padding:0.7rem 0.9rem;border:1.5px solid var(--border);border-radius:6px;font-size:0.95rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .15s;box-sizing:border-box}
.form-group input:focus{border-color:var(--teal)}
.btn-auth{width:100%;padding:0.875rem;background:var(--teal);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:background .15s;position:relative}
.btn-auth:hover{background:var(--navy)}
.btn-auth:disabled{opacity:0.6;cursor:not-allowed}
.btn-auth .spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,0.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;position:absolute;right:1.1rem;top:50%;transform:translateY(-50%)}
.btn-auth.loading .spinner{display:block}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.auth-success{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:0.9rem 1rem;margin-bottom:1.4rem;font-size:0.875rem;color:#166534;line-height:1.6;display:none}
.auth-success.show{display:block}
.auth-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:0.9rem 1rem;margin-bottom:1.4rem;font-size:0.875rem;color:#c53030;line-height:1.6;display:none}
.auth-error.show{display:block}
.form-footer{font-size:0.82rem;color:#888;text-align:center;margin-top:1rem;line-height:1.6}
.form-footer a{color:var(--teal);text-decoration:none;font-weight:500}
.verify-icon{text-align:center;margin-bottom:1.5rem}
.verify-icon svg{color:var(--teal)}
.step{display:none}
.step.active{display:block}