*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:#fff;border-radius:16px;padding:40px 36px;width:100%;max-width:420px;box-shadow:0 24px 64px #00000059}.card--narrow{max-width:360px;text-align:center}.logo{display:flex;justify-content:center;margin-bottom:28px}.card h1{font-size:22px;font-weight:700;color:#111;text-align:center;margin-bottom:6px}.subtitle{font-size:14px;color:#666;text-align:center;margin-bottom:28px}.subtitle a{color:#6c63ff;text-decoration:none;font-weight:500}.subtitle a:hover{text-decoration:underline}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.field-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.field-row label{margin-bottom:0}.field input{width:100%;padding:11px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;color:#111;outline:none;transition:border-color .15s;background:#fafafa}.field input:focus{border-color:#6c63ff;background:#fff}.field input.invalid{border-color:#e74c3c}.field .hint{font-size:12px;color:#999;margin-top:5px}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-input{text-align:center;font-size:24px;letter-spacing:8px;font-weight:600}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s,background .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#6c63ff;color:#fff;margin-top:4px}.btn-primary:hover:not(:disabled){background:#5a52d5}.btn-social{background:#fff;border:1.5px solid #ddd;color:#333;margin-bottom:10px}.btn-social:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-social svg{width:20px;height:20px;flex-shrink:0}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#aaa;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.alert{border-radius:8px;padding:11px 14px;font-size:14px;margin-bottom:18px}.alert-error{background:#fff0f0;border:1px solid #ffb3b3;color:#c0392b}.alert-success{background:#f0fff4;border:1px solid #b3ffd0;color:#1a7a4a}.forgot{font-size:13px;color:#6c63ff;text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.forgot:hover{text-decoration:underline}.resend{display:block;text-align:center;font-size:13px;color:#6c63ff;font-weight:500;background:none;border:none;cursor:pointer;padding:0;margin-top:12px}.resend:hover{text-decoration:underline}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-large{width:36px;height:36px;border:3px solid #e5e5e5;border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite}.spinner-wrap,.check-wrap{display:flex;justify-content:center;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}