@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--paper:#f4f1ea;--ink:#181816;--muted:#706e68;--line:#dcd8cf;--purple:#6d42d8;--dark:#0f0f1a;--gold:#f5b82e}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.page{width:min(100% - 48px,1180px);min-height:100svh;margin:auto;display:grid;grid-template-rows:84px 1fr 50px}header{display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand img{width:44px;height:44px;border-radius:12px}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:.94rem}.brand small{margin-top:6px;color:#85827b;font-size:.62rem}nav{display:flex;gap:24px;margin-right:auto}nav a{color:#77746e;font-size:.72rem}nav a:hover{color:var(--ink)}
main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(330px,.72fr);align-items:center;gap:clamp(70px,10vw,150px);padding:54px 0}.copy{max-width:560px}.label{margin:0 0 15px;color:var(--purple);font-size:.75rem;font-weight:700}h1{margin:0;font-size:clamp(3.5rem,5.5vw,5.8rem);line-height:1.12;letter-spacing:-.05em}h1 span{color:var(--purple)}.lead{max-width:520px;margin:24px 0 25px;color:var(--muted);font-size:1rem;line-height:2}.bazaar{display:inline-block;width:205px;line-height:0;transition:transform .2s}.bazaar:hover{transform:translateY(-2px)}.bazaar img{width:100%;height:auto}.facts{display:flex;align-items:center;gap:17px;margin-top:30px}.facts span{display:flex;flex-direction:column}.facts b{font-size:.72rem}.facts small{margin-top:3px;color:#918e87;font-size:.6rem}.facts i{width:1px;height:27px;background:var(--line)}
.game-preview{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0}.phone{width:min(100%,330px);padding:10px;color:#fff;background:#080811;border:1px solid #333348;border-radius:32px;box-shadow:0 30px 75px rgba(28,22,50,.2)}.phone-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#aaa9bd;font-size:.62rem}.coin{color:var(--gold)}.photo{position:relative;overflow:hidden;border-radius:21px;background:#1a1a2e}.photo img{width:100%;aspect-ratio:4/4.8;object-fit:cover}.level{position:absolute;top:12px;right:12px;padding:5px 9px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);border-radius:20px;font-size:.6rem}.question{padding:17px 12px 11px}.question h2{margin:0 0 13px;text-align:center;font-size:.9rem}.letters{direction:ltr;display:flex;justify-content:center;gap:6px}.letters i{width:29px;height:31px;background:#1a1a2e;border:1px solid #34344f;border-radius:6px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.actions button{height:39px;color:#ddd;background:#1a1a2e;border:1px solid #34344f;border-radius:9px;font-family:inherit;font-size:.65rem}.actions button:last-child{color:#fff;background:var(--purple);border-color:var(--purple)}.actions small{display:block;color:var(--gold);font-size:.52rem}.preview-note{position:absolute;left:-74px;bottom:45px;width:190px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(30,28,23,.1)}.preview-note b,.preview-note span{display:block}.preview-note b{font-size:.72rem}.preview-note span{margin-top:4px;color:var(--muted);font-size:.6rem}
footer{display:flex;align-items:center;justify-content:space-between;color:#96928a;border-top:1px solid var(--line);font-size:.62rem}
@media(max-width:820px){.page{grid-template-rows:72px auto 46px}main{grid-template-columns:1fr;gap:55px;padding:52px 0}.copy{max-width:620px}.game-preview{width:min(100%,480px);margin:auto}.preview-note{left:0}}
@media(max-width:520px){.page{width:calc(100% - 32px)}header{height:66px}.brand img{width:38px;height:38px}.brand b{font-size:.82rem}.brand small{font-size:.56rem}nav{gap:12px}nav a{font-size:.58rem}main{gap:44px;padding:42px 0}.copy{text-align:center}.label{font-size:.66rem}h1{font-size:clamp(2.7rem,12vw,3.7rem);line-height:1.16}.lead{margin:18px auto 22px;font-size:.85rem;line-height:1.9}.bazaar{width:190px}.facts{justify-content:center;gap:11px;margin-top:25px}.facts b{font-size:.65rem}.facts small{font-size:.54rem}.phone{width:min(100%,310px);border-radius:28px}.preview-note{display:none}footer{justify-content:center}footer span:last-child{display:none}}
@media(max-width:360px){nav{display:none}.facts span:last-child,.facts i:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}