.auth-overlay{z-index:1000;background:#0b25458c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-dialog{background:var(--white,#fff);border-radius:16px;outline:none;width:100%;max-width:420px;padding:1.5rem 1.5rem 1.75rem;animation:.18s ease-out auth-pop;box-shadow:0 24px 60px #0b254547}@keyframes auth-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-head{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.auth-logo{width:auto;height:42px}.auth-close{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;line-height:0}.auth-close:hover{background:var(--cream,#f7f4f0)}.auth-title{color:var(--navy,#0b2545);margin:.5rem 0 .25rem;font-size:1.6rem;font-weight:600}.auth-sub{color:var(--text-secondary,#666);margin:0 0 1rem;font-size:.9rem;line-height:1.45}.auth-form{flex-direction:column;display:flex}.auth-label{color:var(--navy,#0b2545);margin:.65rem 0 .35rem;font-size:.82rem;font-weight:600}.auth-label .req{color:var(--amber,#ff7c24)}select{padding:.75rem .8rem!important}.auth-input{border:1px solid var(--border,#e0dcd5);width:100%;color:var(--navy,#0b2545);background:#fff;border-radius:10px;padding:.7rem .8rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:#9aa3ad}.auth-input:focus{border-color:var(--amber,#ff7c24);outline:none;box-shadow:0 0 0 3px #ff7c2426}.auth-row{gap:.75rem;display:flex}.auth-col{flex-direction:column;flex:1;display:flex}.auth-phone{gap:.5rem;display:flex}.auth-dial{border:1px solid var(--border,#e0dcd5);color:var(--navy,#0b2545);background:var(--cream,#f7f4f0);cursor:pointer;border-radius:10px;flex:none;padding:.7rem .5rem;font-size:.9rem}.auth-dial:focus{border-color:var(--amber,#ff7c24);outline:none}.auth-phone .auth-input{flex:1}.auth-types{flex-wrap:wrap;gap:.5rem;display:flex}.auth-type{border:1px solid var(--border,#e0dcd5);min-width:96px;color:var(--navy,#0b2545);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:.55rem .5rem;font-size:.82rem;transition:all .15s}.auth-type.active{border-color:var(--amber,#ff7c24);color:var(--amber,#ff7c24);background:#ff7c2414;font-weight:600}.auth-btn{cursor:pointer;border:none;border-radius:10px;margin-top:1.15rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:opacity .15s,transform 50ms}.auth-btn.primary{background:var(--amber,#ff7c24);color:#fff}.auth-btn.primary:hover:not(:disabled){background:var(--amber-light,#e0782f)}.auth-btn:active:not(:disabled){transform:translateY(1px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary,#666);margin:1rem 0 0;font-size:.85rem}.auth-linkbtn{color:var(--amber,#ff7c24);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0}.auth-linkbtn:hover{text-decoration:underline}.auth-linkbtn:disabled{opacity:.5;cursor:default;text-decoration:none}.auth-notice{border-radius:10px;margin:.25rem 0 .5rem;padding:.6rem .75rem;font-size:.85rem;line-height:1.4}.auth-notice.error{color:#b3261e;background:#fdecea}.auth-notice.info{color:#12467b;background:#eaf1fb}.auth-notice.success{color:#1b7a3d;background:#e8f6ec}.auth-otp{justify-content:space-between;gap:.5rem;margin:.25rem 0;display:flex}.auth-otp-box{aspect-ratio:1;text-align:center;border:1px solid var(--border,#e0dcd5);width:100%;max-width:52px;color:var(--navy,#0b2545);border-radius:10px;font-size:1.25rem;font-weight:600}.auth-otp-box:focus{border-color:var(--amber,#ff7c24);outline:none;box-shadow:0 0 0 3px #ff7c2426}.auth-resend{text-align:center;color:var(--text-secondary,#666);margin-top:.9rem;font-size:.85rem}.auth-rules{margin:.5rem 0 0;padding:0;list-style:none}.auth-rules li{color:#b3261e;padding:.1rem 0 .1rem 1.1rem;font-size:.78rem;position:relative}.auth-rules li:before{content:"•";position:absolute;left:.2rem}.auth-rules li.ok{color:#1b7a3d}.auth-fieldwrap{flex-direction:column;display:flex}.rpi-wrap{position:relative}.rpi-wrap .react-tel-input{font-family:inherit}.rpi-wrap .react-tel-input .form-control{border:1px solid var(--border,#e0dcd5);width:100%;height:41px;color:var(--navy,#0b2545);background:#fff;border-radius:10px;padding-left:45px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.rpi-wrap .react-tel-input .form-control:focus{border-color:var(--amber,#ff7c24);outline:none;box-shadow:0 0 0 3px #ff7c2426}.rpi-wrap .react-tel-input .flag-dropdown,.rpi-wrap .react-tel-input .flag-dropdown.open,.rpi-wrap .react-tel-input .selected-flag,.rpi-wrap .react-tel-input .selected-flag:hover,.rpi-wrap .react-tel-input .selected-flag:focus,.rpi-wrap .react-tel-input .flag-dropdown.open .selected-flag{border:none;background:0 0!important}.rpi-wrap .react-tel-input .flag-dropdown{border-radius:10px 0 0 10px}.rpi-wrap .react-tel-input .selected-flag{border-radius:10px 0 0 10px;width:52px;padding-left:14px}.rpi-wrap .react-tel-input .selected-flag .arrow{border-top-color:#6b7280}.rpi-error .react-tel-input .form-control{border-color:#d9534f}.rpi-error .react-tel-input .form-control:focus{box-shadow:0 0 0 3px #d9534f26}.rpi-wrap .react-tel-input .country-list{border-radius:10px;margin-top:6px;box-shadow:0 12px 30px #0b254526}.rpi-hint{color:#9aa3ad;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:77px;transform:translateY(-50%)}.auth-error{color:#b3261e;margin-top:.3rem;font-size:.76rem;line-height:1.35}.auth-input.has-error,.auth-phone.has-error .auth-input{border-color:#d9534f}.auth-input.has-error:focus{box-shadow:0 0 0 3px #d9534f26}.auth-input-icon{position:relative}.auth-input-ico{pointer-events:none;line-height:0;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.auth-input-icon .auth-input{padding-left:2rem}.auth-page{background:radial-gradient(1200px 500px at 50% -10%, #ff7c2414, transparent 60%), var(--cream,#f7f4f0);justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1rem;display:flex}.auth-dialog--page{border:1px solid var(--border,#e0dcd5);max-width:440px}.auth-dialog--split{max-width:860px;padding:0;overflow:hidden}.auth-split{align-items:stretch;width:100%;display:flex}.auth-split-media{display:none}.auth-split-body{width:100%;max-height:calc(100vh - 2rem);padding:1.5rem;overflow-y:auto}@media (min-width:768px){.auth-split{min-height:70vh}.auth-split-media{flex:0 0 45%;align-self:stretch;display:block}.auth-split-body{width:55%;padding:1.75rem}}@media (max-width:480px){.auth-dialog{border-radius:14px;padding:1.15rem}.auth-row{flex-direction:column;gap:0}.auth-title{font-size:1.4rem}}