.auth-page,.account-page{min-height:100vh;background:radial-gradient(circle at 12% 10%,#e3ead2 0,transparent 32%),var(--cream);color:var(--forest);font-family:'Vazirmatn',Tahoma,sans-serif}.auth-header,.account-header{position:sticky;top:0;z-index:5;background:rgba(255,253,247,.9);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(21,55,44,.08)}.auth-back{font-size:12px;color:var(--forest-2)}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 82px);padding:40px 18px 80px}.auth-card{width:min(470px,100%);padding:clamp(28px,6vw,58px);border:1px solid var(--line);border-radius:28px;background:rgba(255,253,247,.92);box-shadow:0 24px 70px rgba(23,63,49,.1)}.auth-card h1{margin:0 0 12px;font:600 clamp(32px,6vw,52px)/1.2 Estedad,sans-serif}.auth-lede{margin:0;color:var(--muted);font-size:14px;line-height:2}.auth-form{display:grid;gap:15px;margin-top:28px}.auth-form label,.account-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.auth-form input,.account-form input,.account-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fffefa;color:var(--forest);font:inherit;outline:none}.auth-form input:focus,.account-form input:focus,.account-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,159,84,.16)}.form-message{min-height:22px;margin:0;color:#8b5b2b;font-size:12px;line-height:1.8}.text-button{border:0;background:transparent;color:var(--forest-2);cursor:pointer;font:inherit;font-size:12px}.dev-code{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#f1ead5;color:#6e5f3d;font-size:12px;line-height:1.8}.auth-note{margin:28px 0 0;color:var(--muted);font-size:11px;line-height:1.9}.account-link{display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:12px;white-space:nowrap}.account-link::before{content:'◌';font-size:18px;color:var(--accent)}
.auth-page{--auth-forest:#173f32;--auth-ivory:#f8f6ef;--auth-sage:#e9efe8;--auth-gold:#c7a66b;--auth-border:#e4e7df;background:radial-gradient(circle at 10% 5%,rgba(217,230,205,.8),transparent 32%),radial-gradient(circle at 95% 85%,rgba(233,239,232,.8),transparent 30%),var(--auth-ivory);color:var(--auth-forest);font-family:'Vazirmatn','Tahoma',sans-serif}.auth-page,.auth-page button,.auth-page input{font-family:'Vazirmatn','Tahoma',sans-serif}.auth-header{position:sticky!important;inset:auto 0 auto;padding:15px clamp(18px,6vw,90px);background:rgba(248,246,239,.86);color:var(--auth-forest);border-bottom:1px solid rgba(228,231,223,.8);backdrop-filter:blur(16px)}.auth-back{font-size:12px;color:#52645a;transition:color .2s}.auth-back:hover{color:var(--auth-gold)}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 80px);padding:50px 18px 80px}.auth-card{position:relative;width:min(480px,100%);padding:clamp(28px,5vw,54px);border:1px solid var(--auth-border);border-radius:28px;background:rgba(255,253,247,.91);box-shadow:0 28px 80px rgba(23,63,49,.1)}.auth-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.auth-mini-link{color:#6c7b72;font-size:11px}.auth-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(199,166,107,.6);border-radius:14px;color:var(--auth-gold);font-size:24px}.auth-card h1{margin:0 0 12px;color:var(--auth-forest);font:600 clamp(32px,6vw,52px)/1.25 'Estedad','Vazirmatn',sans-serif;letter-spacing:-.04em}.auth-lede{margin:0;color:#6b7a70;font-size:13px;line-height:2}.auth-steps{display:flex;align-items:center;width:110px;margin:27px 0 4px}.auth-steps span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ccd5ca;border-radius:50%;color:#8d9a90;font-size:10px}.auth-steps span.active{border-color:var(--auth-forest);background:var(--auth-forest);color:#fff}.auth-steps i{display:block;width:38px;height:1px;background:#d8ded6}.auth-form{display:grid;gap:15px;margin-top:25px}.auth-form[hidden]{display:none}.auth-form label{display:grid;gap:8px;color:#52645a;font-size:12px;font-weight:500}.auth-form input{width:100%;min-height:52px;box-sizing:border-box;padding:12px 15px;border:1px solid var(--auth-border);border-radius:12px;background:#fffefa;color:var(--auth-forest);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:#a4aea5}.auth-form input:focus{border-color:#73937f;box-shadow:0 0 0 4px rgba(115,147,127,.14)}.auth-form .otp-input{direction:ltr;text-align:center;letter-spacing:.55em;font-size:22px;font-weight:600}.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:5px;border-radius:12px;font-size:12px}.auth-submit span{font-size:18px;line-height:1}.auth-submit[disabled]{opacity:.55;cursor:wait}.otp-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-button{min-height:36px;border:0;background:transparent;color:#526f5d;cursor:pointer;font:500 11px 'Vazirmatn',sans-serif}.text-button:hover{text-decoration:underline}.resend-button:disabled{color:#a2aba4;cursor:default;text-decoration:none}.form-message{min-height:22px;margin:0;color:#8b5b2b;font-size:11px;line-height:1.9}.dev-code{margin:18px 0 0;padding:12px 14px;border:1px solid #e6d6ad;border-radius:12px;background:#fbf2d9;color:#80683c;font-size:11px;line-height:1.8}.auth-note{margin:28px 0 0;color:#869289;font-size:11px;line-height:1.9}.account-link{display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:12px;white-space:nowrap}.account-link::before{content:'◌';font-size:18px;color:var(--accent)}@media(max-width:480px){.auth-header{padding:13px 15px}.auth-shell{min-height:calc(100vh - 70px);padding:28px 10px 55px}.auth-card{padding:25px 19px;border-radius:22px}.auth-card-top{margin-bottom:24px}.auth-card h1{font-size:36px}.auth-lede{font-size:12px}.auth-form input{min-height:50px}.otp-tools{align-items:flex-start;flex-direction:column;gap:2px}.auth-note{margin-top:22px}}
