@font-face{font-family:vazir;src:url('/static/ashnaping-together/assets/Vazirmatn.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;color:#f5f2fc;background:radial-gradient(ellipse at 75% 4%,#6e26a52b,transparent 35%),#080812;font-family:vazir,system-ui,sans-serif}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:5;border-bottom:1px solid #ffffff14;background:#090913e8;backdrop-filter:blur(16px)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px}.mark{display:grid;place-items:center;width:36px;height:36px;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(145deg,#ed4bff,#7727f4);clip-path:polygon(50% 0,100% 100%,69% 100%,50% 58%,31% 100%,0 100%)}.nav-actions{display:flex;align-items:center;gap:10px}.back,.cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:1px solid #ffffff1e;border-radius:999px;font-size:12px;font-weight:800;color:#eee8f6;text-decoration:none}.cta{border-color:transparent;background:linear-gradient(110deg,#d93cff,#8624f3);box-shadow:0 8px 22px #ae23f53d}.hero{padding:35px 0 23px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #ffffff20;border-radius:99px;background:#ffffff08;color:#d8c9ec;font-size:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#cf64ff;box-shadow:0 0 12px #c44eff}.hero h1{margin:14px 0 5px;font-size:clamp(28px,4vw,44px);line-height:1.3}.hero h1 em{font-style:normal;color:#d039fa}.hero p{margin:0;color:#aaa5b9;font-size:13px}.catalog{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:18px;align-items:start;padding-bottom:34px}.panel{border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(145deg,#121426,#0d0d19);box-shadow:0 15px 48px #0004}.choices{padding:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.section-head h2{margin:0;font-size:17px}.section-head small{color:#8f899d;font-size:10px}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.game{position:relative;isolation:isolate;overflow:hidden;min-height:144px;display:flex;align-items:end;padding:12px;border:1px solid color-mix(in srgb,var(--tone),transparent 30%);border-radius:17px;background-image:linear-gradient(0deg,#080812ee 0%,#08081209 78%),url('/static/ashnaping-together/assets/ashnaping-category-grid.jpg');background-size:auto,300% 200%;background-position:center,var(--scene,0% 0%);color:#fff;text-align:right;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;box-shadow:0 8px 24px color-mix(in srgb,var(--tone),transparent 89%)}.game:hover,.game:focus-visible{transform:translateY(-4px);border-color:var(--tone);box-shadow:0 13px 30px color-mix(in srgb,var(--tone),transparent 64%);outline:none}.game[aria-pressed="true"]{border-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone),0 0 25px color-mix(in srgb,var(--tone),transparent 66%)}.game::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 35%,color-mix(in srgb,var(--tone),transparent 65%),transparent 50%);opacity:.6;transition:opacity .2s}.game[aria-pressed="true"]::before{opacity:1}.game-copy{width:100%;text-shadow:0 2px 10px #000}.game b{display:block;font-size:13px}.game small{display:block;margin-top:4px;color:#ded8e7;font-size:9px}.check{position:absolute;top:9px;left:9px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #ffffff62;border-radius:50%;background:#080812aa;color:#fff;font-size:12px;opacity:0;transform:scale(.7);transition:.18s}.game[aria-pressed="true"] .check{opacity:1;transform:scale(1);background:var(--tone);border-color:transparent}.summary{position:sticky;top:84px;padding:20px}.summary .eyebrow{font-size:9px}.summary h2{margin:15px 0 4px;font-size:21px}.summary p{margin:0;color:#aaa5b9;font-size:11px;line-height:1.9}.selected-line{display:flex;align-items:center;gap:8px;margin:18px 0;padding:11px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff06;color:#c9c3d4;font-size:10px}.selected-line i{width:8px;height:8px;border-radius:50%;background:#66edc4;box-shadow:0 0 10px #66edc4}.plans{display:grid;gap:9px}.plan{padding:13px;border:1px solid color-mix(in srgb,var(--tone),transparent 55%);border-radius:15px;background:color-mix(in srgb,var(--tone),transparent 95%)}.plan h3{margin:0 0 4px;font-size:12px}.plan p{margin:0 0 10px;font-size:9px}.plan-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:10px;color:#bbb6c7}.price b{display:block;color:#fff;font-size:14px}.plan a{color:#f2caff;font-size:9px;font-weight:800;text-decoration:none}.plan a:hover{text-decoration:underline}.hint{margin:12px 0 0!important;color:#797487!important;font-size:9px!important}.footer{padding:16px 0 26px;border-top:1px solid #ffffff12;color:#817b90;font-size:10px}.footer-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.footer a{color:#d2c4e1;text-decoration:none}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.catalog{grid-template-columns:1fr}.summary{position:static}.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.wrap{width:calc(100% - 24px)}.nav{height:60px}.brand{font-size:16px}.back,.cta{padding:9px 11px;font-size:10px}.hero{padding:25px 0 16px}.hero p{font-size:11px}.choices{padding:12px;border-radius:19px}.games{gap:8px}.game{min-height:120px;padding:9px;border-radius:14px}.game b{font-size:11px}.game small{font-size:8px}.section-head h2{font-size:15px}.section-head small{font-size:8px}.summary{padding:15px}.footer-row{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.service-links{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 12px}.service-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #ffffff19;border-radius:999px;color:#d8c5ee;font-size:10px;font-weight:800;text-decoration:none;transition:.18s}.service-links a:hover{border-color:#c94cff80;background:#bd39ff12;color:#fff}.plan-points{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}.plan-points span{padding:4px 6px;border:1px solid #ffffff12;border-radius:999px;color:#aaa5b9;font-size:8px}.plan{transition:transform .2s,border-color .2s,box-shadow .2s}.plan:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone),transparent 30%);box-shadow:0 8px 24px color-mix(in srgb,var(--tone),transparent 88%)}