/* ===== صفحهٔ ورود / ثبت نام v1.2.2 - هم‌سبک با تم تیره-نیلی سایت ===== */
body.au{color:var(--tx);min-height:100vh;min-height:100dvh;overflow-x:hidden;font-family:Vazirmatn,Tahoma,sans-serif;--ok:#38d996;--warn:#f0b34a}
.shell{position:relative;max-width:460px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}
.toprow{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.au .back{background:#101019;border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:.88rem;color:var(--mu)}
.au .brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem;color:var(--tx)}.au .brand b{color:var(--a2)}
.au .brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--g,linear-gradient(135deg,#14b8a6,#6c63f5));color:#fff}
.gcard{border-radius:34px;padding:22px 20px 20px;background:linear-gradient(160deg,#12121d,#0d0d15);border:1px solid var(--line)}
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#0a0a12;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:20px}
.seg button{position:relative;z-index:1;background:none;border:0;color:var(--mu);font:inherit;font-weight:700;padding:11px 0;border-radius:999px;cursor:pointer;transition:color .25s}
.seg button.on{color:#0d0b24}
.seg .thumb{position:absolute;z-index:0;top:4px;bottom:4px;right:4px;width:calc(50% - 4px);border-radius:999px;background:var(--g);transition:transform .3s ease}
.seg.up .thumb{transform:translateX(-100%)}
.au h1{font-size:1.4rem;margin:2px 0 4px;text-align:center}
.au .sub{color:var(--mu);text-align:center;margin:0 0 20px;font-size:.92rem}
.pane,.st{animation:pin .3s ease}@keyframes pin{from{opacity:0;transform:translateY(8px)}}
.fld{position:relative;display:flex;align-items:center;gap:10px;background:#0a0a12;border:1px solid var(--line);border-radius:20px;padding:0 16px;margin:0 0 12px;transition:border-color .2s;min-height:56px}
.fld:focus-within{border-color:var(--pr)}
.fld .ic{color:var(--mu);display:grid;flex:none}.fld:focus-within .ic{color:var(--a2)}
.fld input{flex:1;min-width:0;width:auto;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;color:var(--tx);font:inherit;font-size:1rem;padding:14px 0;margin:0;border-radius:0}
.fld input::placeholder{color:#6b6c86;font-size:.92rem}
.fld input[dir=ltr]{text-align:left}.fld input[dir=ltr]::placeholder{text-align:right}
.au input:-webkit-autofill{-webkit-text-fill-color:var(--tx);-webkit-box-shadow:0 0 0 40px #0a0a12 inset;caret-color:#fff}
.eye{background:none;border:0;color:var(--mu);cursor:pointer;display:grid;padding:6px;border-radius:10px}.eye:hover{color:var(--a2)}
.state{font-style:normal;font-size:.8rem;flex:none;white-space:nowrap}.state.ok{color:var(--ok)}.state.bad{color:var(--bad)}.state.wait{color:var(--mu)}
.fld.ok{border-color:#38d99655}.fld.bad{border-color:#ff6b7d77;animation:shk .3s}
@keyframes shk{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}
.hint{color:var(--mu);font-size:.78rem;margin:-4px 6px 12px;line-height:1.7}.hint.bad{color:var(--bad)}
.meter{display:flex;align-items:center;gap:10px;margin:-2px 4px 8px}
.meter .mbars{display:flex;gap:5px;flex:1}.meter .mbars i{flex:1;height:5px;border-radius:5px;background:var(--line);transition:.3s}
.meter small{color:var(--mu);min-width:60px;text-align:left;font-size:.78rem}
.meter[data-s="1"] i:nth-child(-n+1){background:var(--bad)}
.meter[data-s="2"] i:nth-child(-n+2){background:var(--warn)}
.meter[data-s="3"] i:nth-child(-n+3){background:var(--a2)}
.meter[data-s="4"] i{background:var(--ok)}
.rules{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:0 4px 12px;padding:0;font-size:.76rem;color:var(--mu)}
.rules li::before{content:"○";margin-left:6px;color:#55567a}.rules li.ok{color:var(--ok)}.rules li.ok::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-inline-end:6px;vertical-align:middle}
.neon{display:block;width:100%;border:0;border-radius:999px;padding:15px;margin:6px 0 0;font:inherit;font-weight:800;font-size:1.02rem;color:#0d0b24;cursor:pointer;background:var(--g);transition:filter .2s,transform .1s}
.neon:hover{filter:brightness(1.08)}.neon:active{transform:scale(.98)}.neon:disabled{opacity:.6;cursor:wait}
.neon.load span::after{content:"";display:inline-block;width:15px;height:15px;margin-right:10px;vertical-align:-3px;border:2.5px solid #0d0b2455;border-top-color:#0d0b24;border-radius:50%;animation:rot .7s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.ghostb{display:block;width:100%;background:transparent;color:var(--tx);border:1px solid var(--line);border-radius:999px;padding:13px;font:inherit;cursor:pointer;transition:.2s}
.ghostb:hover{border-color:var(--pr);color:var(--a2)}.ghostb.sm{padding:10px;font-size:.88rem;margin-bottom:6px}
.or{display:flex;align-items:center;gap:12px;color:var(--mu);font-size:.82rem;margin:16px 0}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.row2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 4px 12px;font-size:.86rem}
.au .lnk{color:var(--a2)}.au .lnk.b{font-weight:800}
.chk{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:.86rem;cursor:pointer;margin:6px 4px 14px;line-height:1.7}
.chk input{position:absolute;opacity:0;width:0;height:0;margin:0}
.chk i{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid #4a4885;background:#0a0a12;display:grid;place-items:center;transition:.2s}
.chk input:checked+i{background:var(--g);border-color:transparent}
.chk input:checked+i::after{content:"";width:15px;height:15px;background:#0d0b24;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.chk input:focus-visible+i{outline:2px solid var(--pr);outline-offset:2px}
.two{display:grid;grid-template-columns:1fr 2fr;gap:10px}.two .neon{margin:0}
.steps{display:flex;align-items:center;gap:8px;margin:0 0 18px}
.steps b{display:flex;align-items:center;gap:8px;color:var(--mu);font-weight:600;font-size:.86rem}
.steps b i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#171726;font-style:normal;font-size:.85rem;transition:.3s}
.steps b.on{color:var(--tx)}.steps b.on i{background:var(--g);color:#0d0b24}
.steps u{flex:1;height:2px;border-radius:2px;background:var(--line);position:relative;overflow:hidden}.steps u::after{content:"";position:absolute;inset:0;background:var(--g);transform:scaleX(var(--p,0));transform-origin:right;transition:transform .4s}
.foot{text-align:center;color:var(--mu);margin:22px 0 2px;font-size:.92rem}
.trust{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--mu);font-size:.76rem;margin:16px 0 0;text-align:center;opacity:.8}
.toast.err{border-color:var(--bad)}
@media(max-width:380px){.rules{grid-template-columns:1fr}.gcard{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v1.2.5: لوگو */
.mk{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--g);color:#0d0b24;font-style:normal;flex:none;box-shadow:0 4px 14px #00000040}
.mk svg{width:24px;height:24px;display:block}
/* v1.2.5: رفع سفید شدن فیلدها (autofill مرورگر) */
.au,.au input{color-scheme:dark}
.au .fld input:-webkit-autofill,.au .fld input:-webkit-autofill:hover,.au .fld input:-webkit-autofill:focus,.au .fld input:-webkit-autofill:active{
 -webkit-text-fill-color:var(--tx)!important;-webkit-box-shadow:0 0 0 1000px #0a0a12 inset!important;box-shadow:0 0 0 1000px #0a0a12 inset!important;
 caret-color:#fff;background-color:#0a0a12!important;border-radius:0!important;transition:background-color 99999s ease-out 0s}
.au .fld input::selection{background:#6c63f566;color:#fff}

/* v1.2.5: کپچا و تأیید ایمیل */
.fld.cap{gap:8px;padding-inline-end:8px}
.fld.cap .cq{flex:none;direction:rtl;font-size:1.05rem;letter-spacing:1px;background:#14142a;color:var(--a2);border-radius:12px;padding:7px 12px;white-space:nowrap;user-select:none}
.fld.cap input{text-align:center}
.fld.cap .cr{flex:none;width:38px;height:38px;border-radius:12px;border:0;background:#171726;color:var(--a2);font-size:1.1rem;cursor:pointer;transition:transform .3s}
.fld.cap .cr:hover{transform:rotate(180deg)}
.vtxt{font-size:.9rem;text-align:center;margin:0 0 14px}
.vtxt b{color:var(--tx);direction:ltr;unicode-bidi:embed}
.steps.v3 b#s2 i::after{content:""}
