/* Scoped authentication pages: no fixed-height forms or global modal/body overrides. */
.club-auth,.club-auth-terms{font-family:Vazirmatn,Tahoma,sans-serif;--auth-green:#005da9;--auth-ink:#172c3d;--auth-muted:#6a7680;--auth-line:#dce3e8;--auth-soft:#eff3f7;color:var(--auth-ink)}
.club-auth{min-height:calc(100svh - 60px);padding:40px 24px;display:grid;place-items:center;background:radial-gradient(ellipse at 90% 5%,#d4e1eb,transparent 50%),radial-gradient(ellipse at 0 100%,#e1e7ec,transparent 50%),#f4f6f8}
.club-auth__shell{display:grid;grid-template-columns:1fr 1.15fr;width:100%;max-width:1040px;min-height:650px;border:1px solid #fff;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 24px 90px #17314712}
.club-auth__story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:60px;padding:40px;color:white;background:#082d4c;min-width:0}
.club-auth__story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00223db8,#00294b6b 40%,#001f38f0),url('../images/ferdowsi-gate-enhanced-v2.jpg') 37% center/cover}
.club-auth__story-brand{font-weight:800;font-size:18px;line-height:1.9;color:white;text-decoration:none}
.club-auth__story-brand>span{font-weight:400;font-size:12px;color:#dae5ee}
.club-auth__eyebrow{display:block;font-size:11px;font-weight:500;line-height:1.9;letter-spacing:0;color:var(--auth-muted);margin-bottom:12px}
.club-auth__story .club-auth__eyebrow{color:#c6d8e6}
.club-auth__story h2{font-size:30px;font-weight:800;line-height:1.8;color:white;margin:0 0 14px}
.club-auth__story p{font-size:13px;line-height:2.2;color:#e5ecf1;margin:0}
.club-auth__perks{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;line-height:1.9;color:#e3ebf1}
.club-auth__perks span{display:flex;align-items:center;gap:6px}.club-auth__perks i{font-size:20px;color:#a8c7e1}
.club-auth__panel{padding:36px 48px;min-width:0;display:flex;flex-direction:column;justify-content:center;background:#fff}
.club-auth__brand{display:block;align-self:center;margin:0 0 24px}
.club-auth__brand img{width:165px;height:72px;object-fit:contain;display:block}
.club-auth__heading{text-align:right;margin-bottom:26px}.club-auth__heading .club-auth__eyebrow{margin-bottom:6px;font-size:10px}
.club-auth__heading h1{font-size:24px;font-weight:800;line-height:1.7;color:var(--auth-ink);margin:0 0 10px}
.club-auth__heading p{font-size:13px;color:var(--auth-muted);line-height:2;margin:0}
.club-auth__form{display:grid;gap:22px;margin:0;min-width:0}
.club-auth__tabs{display:flex;gap:6px;padding:5px;background:var(--auth-soft);border-radius:14px}
.club-auth__tabs button{display:flex;align-items:center;justify-content:center;gap:7px;width:50%;padding:11px 5px;border:0;border-radius:10px;font-size:13px;font-weight:700;color:var(--auth-muted);background:transparent;cursor:pointer}
.club-auth__tabs button[aria-pressed=true]{background:#fff;color:var(--auth-green);box-shadow:0 2px 8px #20374a10}.club-auth__tabs i{font-size:21px}
.club-auth__field{display:grid;gap:9px;min-width:0}.club-auth__field>label,.club-auth__otp-fieldset legend{font-size:13px;font-weight:700;color:var(--auth-ink)}
.club-auth__field input{width:100%;min-width:0;height:52px;border:1px solid var(--auth-line);border-radius:12px;padding:12px 15px;background:#fff;color:var(--auth-ink);font-family:inherit;font-size:16px;outline:none;box-shadow:none}
.club-auth__field input:focus{border-color:var(--auth-green);box-shadow:0 0 0 3px #005da912}
.club-auth__input-wrap{position:relative;min-width:0}.club-auth__input-wrap input{padding-right:48px;direction:ltr;text-align:left}
.club-auth__input-wrap>i,.club-auth__input-wrap>button{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--auth-green)}
.club-auth__input-wrap>button{background:none;border:0;width:30px;height:34px;display:grid;place-items:center;cursor:pointer}
.club-auth__hint{margin:0;color:var(--auth-muted);font-size:11px;line-height:2}.club-auth__hint--center{text-align:center;margin-top:16px}
.club-auth__terms{display:flex;align-items:flex-start;gap:10px;color:var(--auth-muted);font-size:12px;line-height:2.1}
.club-auth__terms input{width:17px;height:17px;flex:0 0 17px;margin:4px 0 0;accent-color:var(--auth-green);cursor:pointer}
.club-auth__terms button{font:inherit;color:var(--auth-green);font-weight:700;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.club-auth__terms label{cursor:pointer}
.club-auth__primary,.club-auth__secondary{min-height:51px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:700;line-height:1.9;cursor:pointer;padding:11px 14px;transition:background .15s}
.club-auth__primary{background:var(--auth-green);color:#fff;box-shadow:0 5px 14px #005da918}.club-auth__primary:hover{background:#005da9}.club-auth__primary i{font-size:22px}
.club-auth__secondary{color:var(--auth-green);background:var(--auth-soft);border-color:var(--auth-line)}.club-auth__secondary i{font-size:23px}
.club-auth__switch{border-top:1px solid var(--auth-line);padding-top:20px;margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;line-height:1.9;color:var(--auth-muted)}
.club-auth__switch a{color:var(--auth-green);font-weight:700;text-decoration:none}
.club-auth__home{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--auth-muted);text-decoration:none}.club-auth__home i{font-size:18px}
.club-auth__alert{padding:12px 14px;background:#edf3f8;border:1px solid #ccdce9;color:#005da9;border-radius:12px;font-size:12px;line-height:2;margin-bottom:20px}.club-auth__alert.is-error,.club-auth__field-error{color:#a83131;background:#fff3f1;border-color:#f1d1cb}.club-auth__alert ul{margin:0;padding:0 16px 0 0}
.club-auth__identity{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid var(--auth-line);border-radius:12px;margin-bottom:24px;background:#f8fafb;font-size:13px}.club-auth__identity>i{font-size:25px;color:var(--auth-green)}.club-auth__identity>b{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left;font-weight:500}.club-auth__identity>a{font-size:11px;color:var(--auth-green);flex-shrink:0;text-decoration:underline;text-underline-offset:3px}
.club-auth__divider{display:flex;align-items:center;gap:14px;color:var(--auth-muted);font-size:12px;margin:22px 0}.club-auth__divider::before,.club-auth__divider::after{content:"";height:1px;flex:1;background:var(--auth-line)}
.club-auth__otp-fieldset{border:0;padding:0;margin:0;min-width:0}.club-auth__otp-fieldset legend{padding:0;margin-bottom:12px}
.club-auth__otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:360px;width:100%;margin:auto}
.club-auth__otp input{width:100%;min-width:0;height:56px;padding:0;text-align:center;font-size:24px;font-weight:700;line-height:1;border:1px solid var(--auth-line);border-radius:12px;color:var(--auth-ink);background:#fafbfc;outline:0;direction:ltr;caret-color:var(--auth-green)}
.club-auth__otp input:focus{border:2px solid var(--auth-green);box-shadow:0 0 0 3px #005da910;background:#fff}
.club-auth__resend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;margin-top:22px;color:var(--auth-muted)}
.club-auth__resend form{margin:0}.club-auth__resend button{border:0;padding:4px;background:transparent;color:var(--auth-green);font-size:12px;cursor:pointer}.club-auth__resend button:disabled{color:var(--auth-muted);cursor:default}.club-auth__resend [data-resend-timer]{display:inline-block;margin-right:6px;font-variant-numeric:tabular-nums}
.club-auth__field-error{font-size:12px;border-radius:8px;padding:8px 10px;line-height:1.9;margin:0}.club-auth [hidden]{display:none!important}
.club-auth :is(a,button,input):focus-visible,.club-auth-terms :is(button,a):focus-visible{outline:2px solid var(--auth-green);outline-offset:3px}
.club-auth-terms{width:min(660px,calc(100% - 32px));max-width:660px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--auth-line);border-radius:22px;background:#fff;box-shadow:0 30px 100px #132d3833}
.club-auth-terms[open]{display:flex;flex-direction:column}
.club-auth-terms::backdrop{background:#0a252bbb;backdrop-filter:blur(5px)}
.club-auth-terms>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--auth-line);flex-shrink:0}.club-auth-terms>header span{font-size:10px;color:var(--auth-muted)}.club-auth-terms h2{font-size:18px;line-height:1.9;font-weight:800;margin:5px 0 0;color:var(--auth-ink)}
.club-auth-terms>header button{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:10px;background:var(--auth-soft);color:var(--auth-green);font-size:22px;cursor:pointer}
.club-auth-terms__content{overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;min-height:0;font-size:13px;line-height:2.2;color:#43525f}.club-auth-terms__content h3{font-weight:800;color:var(--auth-green);font-size:14px;margin:22px 0 7px}.club-auth-terms__content p{margin:0 0 12px}.club-auth-terms__stored{white-space:pre-line;overflow-wrap:anywhere}
.club-auth-terms>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--auth-line);background:#f7f9fa}.club-auth-terms>footer p{font-size:10px;line-height:1.9;color:var(--auth-muted);margin:0}.club-auth-terms>footer button{background:var(--auth-green);color:white;border:0;border-radius:9px;min-height:40px;padding:8px 16px;font-size:12px;white-space:nowrap;cursor:pointer}
@media(max-width:900px){.club-auth__panel{padding:32px}.club-auth__story{padding:30px;gap:40px}.club-auth__story h2{font-size:25px}}
@media(max-width:767px){.club-auth{padding:24px 16px;min-height:calc(100svh - 60px)}.club-auth__shell{display:block;max-width:460px;min-height:0;border-radius:24px}.club-auth__story{display:none}.club-auth__panel{padding:28px}.club-auth__brand{margin-bottom:20px}.club-auth__brand img{height:65px;width:155px}.club-auth__heading h1{font-size:22px}.club-auth__heading{margin-bottom:24px}.club-auth__heading .club-auth__eyebrow{font-size:9px}.club-auth__heading p{font-size:12px}.club-auth__otp{gap:7px}.club-auth__otp input{height:50px;font-size:22px}}
@media(max-width:360px){.club-auth{padding:16px 12px}.club-auth__panel{padding:24px 20px}.club-auth__heading h1{font-size:20px}.club-auth__otp{gap:5px}.club-auth__otp input{height:45px;font-size:20px;border-radius:9px}.club-auth__terms{font-size:11px}.club-auth-terms>header{padding:16px}.club-auth-terms h2{font-size:16px}.club-auth-terms__content{padding:16px}.club-auth-terms>footer{padding:12px 16px;gap:10px}}
@media(prefers-reduced-motion:reduce){.club-auth *{transition:none!important;scroll-behavior:auto!important}}
.club-auth__footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--auth-line);text-align:center;color:#626f7a}
.club-auth__field input[type=tel]{font-variant-numeric:tabular-nums;letter-spacing:2.5px;font-size:21px!important;text-align:left;font-weight:650;padding-block:14px;min-height:58px;caret-color:var(--auth-green)}
.club-auth__field input[type=tel]:focus{border-color:#005da9;box-shadow:0 0 0 4px #005da912}
/* Compact authentication layout without reducing input readability. */
.club-auth{min-height:100svh;padding:28px 20px}
.club-auth__shell{max-width:880px;min-height:530px;border-radius:24px;grid-template-columns:.95fr 1.05fr}
.club-auth__story{padding:30px;gap:36px}
.club-auth__story-brand{font-size:16px}
.club-auth__story h2{font-size:25px;line-height:1.8}
.club-auth__story p{font-size:12px}
.club-auth__perks{font-size:10px;gap:8px 12px}
.club-auth__perks i{font-size:18px}
.club-auth__panel{padding:26px 34px}
.club-auth__brand{margin-bottom:16px}
.club-auth__brand img{width:125px;height:52px}
.club-auth__heading{margin-bottom:18px}
.club-auth__heading h1{font-size:21px;line-height:1.7;margin-bottom:5px}
.club-auth__form{gap:16px}
.club-auth__tabs{padding:4px;border-radius:11px}
.club-auth__tabs button{padding:8px 5px;font-size:12px;min-height:38px;border-radius:8px}
.club-auth__tabs i{font-size:19px}
.club-auth__field{gap:7px}
.club-auth__field>label{font-size:12px}
.club-auth__field input{height:46px;border-radius:10px;font-size:16px;padding-block:10px}
.club-auth__field input[type=tel]{height:46px;min-height:46px;font-size:18px!important;letter-spacing:1.2px;font-weight:550;padding-block:10px}
.club-auth__field input[type=tel]::placeholder{color:#8b969f;opacity:1;font-size:17px;letter-spacing:1px;font-weight:400}
.club-auth__input-wrap>i{font-size:20px}
.club-auth__primary,.club-auth__secondary{min-height:44px;padding:9px 12px;border-radius:10px;font-size:13px}
.club-auth__primary i{font-size:19px}
.club-auth__terms{font-size:11px;line-height:1.95;gap:8px}
.club-auth__terms input{width:16px;height:16px;flex-basis:16px}
.club-auth__switch{padding-top:14px;margin-top:18px;font-size:11px}
.club-auth__home{margin-top:18px}
.club-auth__footer{margin-top:18px;padding-top:12px}
.club-auth__otp{max-width:320px}
.club-auth__otp input{height:46px;font-size:21px;border-radius:10px}
@media(max-width:767px){.club-auth{padding:20px 14px}.club-auth__shell{display:block;max-width:380px;min-height:0;border-radius:20px}.club-auth__panel{padding:24px}.club-auth__heading h1{font-size:20px}.club-auth__brand img{height:48px;width:115px}.club-auth__heading .club-auth__eyebrow{font-size:9px}.club-auth__heading{margin-bottom:18px}}
@media(max-width:360px){.club-auth{padding:16px 12px}.club-auth__panel{padding:22px 20px}.club-auth__heading h1{font-size:19px}.club-auth__otp{gap:5px}.club-auth__otp input{height:42px;font-size:20px}}
.club-auth__brand{margin-bottom:12px}
.club-auth__brand img{height:46px;width:115px}
.club-auth__heading{margin-bottom:16px}
.club-auth__form{gap:14px}
.club-auth__primary,.club-auth__secondary{height:44px;line-height:1.5}
.club-auth__primary i,.club-auth__secondary i{line-height:1}
.club-auth__switch{padding-top:12px;margin-top:14px}
.club-auth__home{margin-top:14px}
.club-auth__footer{margin-top:14px;padding-top:10px}

/* Keep unfilled digit positions visible while the phone field is being edited. */
.club-auth__phone-mask{position:absolute;left:16px;right:49px;top:50%;transform:translateY(-50%);pointer-events:none;direction:ltr;text-align:left;white-space:pre;font-family:inherit;font-size:18px;font-weight:550;letter-spacing:1.2px;line-height:normal;font-variant-numeric:tabular-nums;color:#a4adb4;overflow:hidden}
.club-auth__phone-mask [data-phone-mask-prefix]{visibility:hidden}