@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@100..900&display=swap";
.reg-container{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;font-family:Noto Sans Georgian,sans-serif;display:flex}.reg-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:460px;padding:40px 36px;display:flex;box-shadow:0 4px 32px #0000000f}.reg-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.reg-logo-text{flex-direction:column;gap:1px;line-height:1;display:flex}.reg-logo-main{color:#111;letter-spacing:.12em;font-size:1.1rem;font-weight:800}.reg-logo-sub{color:#e63c1e;letter-spacing:.28em;text-transform:uppercase;font-size:.5rem;font-weight:500}.reg-steps{align-items:center;gap:0;display:flex}.reg-step{align-items:center;gap:8px;display:flex}.reg-step-num{color:#aaa;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.reg-step--active .reg-step-num{color:#fff;background:#e63c1e}.reg-step--done .reg-step-num{color:#fff;background:#111}.reg-step-label{color:#bbb;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.reg-step--active .reg-step-label{color:#111}.reg-step--done .reg-step-label{color:#555}.reg-step-line{background:#eee;flex:1;height:1.5px;margin:0 12px}.reg-header{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:6px;padding-bottom:20px;display:flex}.reg-title{color:#111;letter-spacing:.04em;margin:0;font-size:1.4rem;font-weight:800}.reg-subtitle{color:#999;margin:0;font-size:.78rem;line-height:1.6}.reg-form{flex-direction:column;gap:16px;display:flex}.reg-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reg-field{flex-direction:column;gap:7px;display:flex}.reg-label{letter-spacing:.12em;text-transform:uppercase;color:#444;font-size:.68rem;font-weight:700}.reg-input-wrap{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;align-items:center;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.reg-input-wrap:focus-within{border-color:#e63c1e;box-shadow:0 0 0 3px #e63c1e1a}.reg-prefix{color:#555;white-space:nowrap;letter-spacing:.04em;background:#fff;border-right:1.5px solid #e0e0e0;align-self:stretch;align-items:center;padding:0 14px;font-size:.88rem;font-weight:500;display:flex}.reg-input{color:#111;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;flex:1;width:100%;padding:11px 14px;font-family:Noto Sans Georgian,sans-serif;font-size:.88rem;transition:border-color .18s,box-shadow .18s}.reg-input:focus{border-color:#e63c1e;box-shadow:0 0 0 3px #e63c1e1a}.reg-input::placeholder{color:#ccc}.reg-input-wrap .reg-input{box-shadow:none;border:none;border-radius:0}.reg-input--phone{letter-spacing:.1em;font-weight:500}.reg-eye{cursor:pointer;background:0 0;border:none;align-self:stretch;align-items:center;padding:0 12px;transition:opacity .15s;display:flex}.reg-eye:hover{opacity:.6}.reg-otp-wrap{justify-content:center;gap:12px;padding:8px 0;display:flex}.reg-otp-input{text-align:center;color:#111;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:12px;outline:none;width:64px;height:64px;font-family:Noto Sans Georgian,sans-serif;font-size:1.4rem;font-weight:700;transition:border-color .18s,box-shadow .18s}.reg-otp-input:focus{background:#fff;border-color:#e63c1e;box-shadow:0 0 0 3px #e63c1e1a}.reg-otp-input--error{background:#fff5f3;border-color:#e63c1e}.reg-error{color:#e63c1e;text-align:center;margin:0;font-size:.72rem}.reg-submit{letter-spacing:.06em;color:#fff;cursor:pointer;background:#e63c1e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:13px;font-family:Noto Sans Georgian,sans-serif;font-size:.85rem;font-weight:700;transition:background .18s,box-shadow .18s,transform .1s;display:flex;box-shadow:0 2px 12px #e63c1e40}.reg-submit:hover{background:#c9320f;transform:translateY(-1px);box-shadow:0 4px 20px #e63c1e59}.reg-submit:active{transform:translateY(0)}.reg-resend{color:#999;cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-family:Noto Sans Georgian,sans-serif;font-size:.72rem;transition:color .15s}.reg-resend:hover{color:#e63c1e}.reg-back{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:Noto Sans Georgian,sans-serif;font-size:.72rem;transition:color .15s}.reg-back:hover{color:#555}.reg-done{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.reg-done-icon{background:#fff5f3;border:2px solid #e63c1e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.reg-done-title{color:#111;text-align:center;margin:0;font-size:1rem;font-weight:700}.reg-done-sub{color:#aaa;margin:0;font-size:.75rem}.reg-login-link{text-align:center;color:#999;margin:0;font-size:.75rem}.reg-login-link a{color:#e63c1e;font-weight:600;text-decoration:none;transition:opacity .15s}.reg-login-link a:hover{opacity:.7}@media (max-width:480px){.reg-card{border-radius:12px;padding:28px 20px}.reg-row{grid-template-columns:1fr}.reg-otp-input{width:56px;height:56px;font-size:1.2rem}}