.reg-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#FAFAF7;padding:24px}.reg-card{width:100%;max-width:420px;background:white;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:48px;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reg-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px;text-decoration:none}.reg-logo-text{font-size:22px;font-weight:700;color:#0F172A;letter-spacing:-.04em}.reg-badge,.reg-logo-text span{color:#7C3AED}.reg-badge{display:inline-flex;align-items:center;gap:6px;background:#F5F3FF;border:1px solid rgba(124,58,237,.2);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600;margin-bottom:16px}.reg-title{font-size:26px;font-weight:700;color:#0F172A;letter-spacing:-.04em;line-height:1.15;margin-bottom:8px}.reg-sub{font-size:14px;color:#64748B;margin-bottom:28px;line-height:1.5}.reg-field{margin-bottom:18px}.reg-field label{display:block;font-size:11px;font-weight:600;color:rgba(15,23,42,.45);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.reg-field input{width:100%;background:#F8F7F4;border:1px solid rgba(15,23,42,.09);border-radius:10px;padding:13px 14px;font-size:15px;font-family:var(--font-geist-sans),sans-serif;color:#0F172A;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.reg-field input::placeholder{color:#CBD5E1}.reg-field input:focus{border-color:rgba(124,58,237,.4);background:white;box-shadow:0 0 0 3px rgba(124,58,237,.08)}.btn-reg{width:100%;background:#0F172A;color:white;border:none;cursor:pointer;padding:15px;border-radius:10px;font-size:15px;font-weight:600;font-family:var(--font-geist-sans),sans-serif;transition:background .15s,transform .15s;margin-top:6px}.btn-reg span{display:block}.btn-reg:hover:not(:disabled){background:#4C1D95;transform:translateY(-1px)}.btn-reg:disabled{opacity:.5;cursor:not-allowed;transform:none}.reg-error{background:#FEF2F2;border:1px solid #fecaca;color:#DC2626;border-radius:10px;padding:11px 14px;font-size:13px;margin-bottom:16px}.reg-terms{font-size:12px;margin-top:14px;line-height:1.5}.reg-login,.reg-terms{text-align:center;color:#94A3B8}.reg-login{font-size:13px;margin-top:24px}.reg-login a{color:#7C3AED;text-decoration:none;font-weight:500}.reg-login a:hover{text-decoration:underline}.reg-code-sent{gap:12px;background:#F5F3FF;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:12px 16px;margin-bottom:20px}.reg-check,.reg-code-sent{display:flex;align-items:center}.reg-check{width:30px;height:30px;border-radius:50%;background:rgba(124,58,237,.12);color:#7C3AED;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.reg-code-sent p{font-size:13px;color:#475569;line-height:1.4}.reg-code-sent strong{color:#0F172A;font-weight:600}.otp-boxes{display:flex;gap:8px;margin-bottom:24px;justify-content:center}.otp-box{width:52px;height:60px;background:#F8F7F4;border:1px solid rgba(15,23,42,.1);border-radius:12px;text-align:center;font-size:22px;font-weight:700;color:#0F172A;font-family:var(--font-geist-mono),monospace;outline:none;transition:all .15s}.otp-box:focus{border-color:rgba(124,58,237,.4);background:white;box-shadow:0 0 0 3px rgba(124,58,237,.08)}.reg-otp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.reg-back{background:none;border:none;color:#94A3B8;font-size:13px;cursor:pointer;font-family:var(--font-geist-sans),sans-serif;padding:0;transition:color .15s}.reg-back:hover{color:#0F172A}.reg-resend{background:none;border:none;color:#7C3AED;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-geist-sans),sans-serif;padding:0;transition:color .15s}.reg-resend:hover{color:#4C1D95}.reg-resend:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.reg-screen{align-items:flex-start;padding:60px 16px 16px}.reg-card{padding:36px 24px;border-radius:20px}.otp-box{width:44px;height:52px;font-size:18px}}