.auth-page{position:relative;overflow:hidden;min-height:calc(100vh - 180px);padding:clamp(3rem,7vw,7rem) 0;background:linear-gradient(135deg,#f7f3ec 0%,#fff 48%,#f4eee5 100%)}
.auth-page__glow{position:absolute;border-radius:50%;pointer-events:none}.auth-page__glow--one{width:32rem;height:32rem;inset:-18rem auto auto -10rem;background:rgba(198,164,98,.16)}.auth-page__glow--two{width:24rem;height:24rem;inset:auto -10rem -12rem auto;background:rgba(97,72,42,.08)}
.auth-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,29rem);align-items:center;gap:clamp(3rem,8vw,8rem)}.auth-story{max-width:38rem}.auth-story__eyebrow,.auth-card__step{display:block;margin-bottom:1rem;color:#8b6a30;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.auth-story h1{max-width:13ch;margin:0;color:#1d1a17;font-family:"Playfair Display",serif;font-size:clamp(2.6rem,5.5vw,5.1rem);font-weight:600;line-height:1.02}.auth-story p{max-width:32rem;margin:1.5rem 0 2rem;color:#665f56;font-size:1.05rem;line-height:1.9}.auth-benefits{display:grid;gap:.8rem;margin:0;padding:0;list-style:none;color:#3c3731}.auth-benefits li{display:flex;align-items:center;gap:.75rem}.auth-benefits span{display:grid;width:1.6rem;height:1.6rem;place-items:center;border:1px solid #d5ba80;border-radius:50%;color:#8b6a30;font-size:.72rem}
.auth-card{padding:clamp(1.6rem,4vw,2.7rem);border:1px solid rgba(138,107,55,.2);border-radius:1.5rem;background:rgba(255,255,255,.91);box-shadow:0 1.5rem 4rem rgba(49,39,25,.1);backdrop-filter:blur(14px)}.auth-card__header h2{margin:0;color:#201d19;font-size:clamp(1.65rem,3vw,2.1rem)}.auth-card__header p{margin:.8rem 0 1.8rem;color:#716a61;line-height:1.75}.auth-form{display:grid;gap:1.15rem}.auth-field{display:grid;gap:.55rem;color:#302c27;font-size:.86rem;font-weight:600}.auth-field input{width:100%;height:3.35rem;padding:0 1rem;border:1px solid #ded6ca;border-radius:.8rem;outline:none;background:#fff;color:#1e1b18;transition:.2s}.auth-field input:focus{border-color:#aa8441;box-shadow:0 0 0 3px rgba(170,132,65,.12)}.auth-input-wrap{position:relative}.auth-input-wrap svg{position:absolute;top:50%;left:1rem;width:1.25rem;fill:none;stroke:#8a8177;stroke-width:1.5;transform:translateY(-50%)}.auth-input-wrap input{padding-left:3rem}.auth-code{text-align:center;font-size:1.45rem;letter-spacing:.55em}.auth-submit{display:flex;min-height:3.35rem;align-items:center;justify-content:center;gap:.7rem;border-radius:.8rem}.auth-submit.is-loading{opacity:.72;pointer-events:none}.auth-submit i{display:none;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-submit.is-loading i{display:block}.auth-alert{margin-bottom:1.2rem;padding:.8rem 1rem;border:1px solid #e9b9b2;border-radius:.7rem;background:#fff4f2;color:#8b2f25;font-size:.86rem;line-height:1.65}.auth-back,.auth-resend button{padding:0;border:0;background:none;color:#87662f;cursor:pointer}.auth-back{justify-self:start}.auth-phone-preview{padding:.75rem 1rem;border-radius:.7rem;background:#f6f2ec;color:#595249;text-align:center;direction:ltr}.auth-resend{display:flex;justify-content:space-between;color:#777067;font-size:.84rem}.auth-resend button:disabled{color:#aaa39a;cursor:not-allowed}.auth-recaptcha{display:flex;justify-content:center}.auth-legal{margin:1.5rem 0 0;color:#8a837a;font-size:.75rem;line-height:1.8;text-align:center}.auth-legal a{color:#715225;text-decoration:underline;text-underline-offset:3px}@keyframes auth-spin{to{transform:rotate(360deg)}}
[dir="rtl"] .auth-story h1{max-width:15ch;font-family:inherit}[dir="rtl"] .auth-input-wrap svg{right:1rem;left:auto}[dir="rtl"] .auth-input-wrap input{padding-right:3rem;padding-left:1rem}@media(max-width:850px){.auth-page{padding:2.2rem 0 4rem}.auth-shell{grid-template-columns:1fr;gap:2rem}.auth-story{text-align:center;margin-inline:auto}.auth-story h1{margin-inline:auto;font-size:2.5rem}.auth-story p{margin-inline:auto}.auth-benefits{display:none}.auth-card{width:min(100%,31rem);margin-inline:auto}}@media(max-width:480px){.auth-card{padding:1.35rem;border-radius:1rem}.auth-story h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){.auth-submit i{animation:none}}