:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--line:#e5e5e7;--paper:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #0071e3;outline-offset:5px}header{height:64px;padding:0 max(6%,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;background:#fafafccc;backdrop-filter:blur(22px);border-bottom:1px solid #0000000d;position:sticky;top:0;z-index:10}header>a:last-child{font-size:12px;color:#424245}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;width:26px;height:29px;font-size:23px;font-weight:700}.brand-icon span{display:none}main{max-width:1140px;margin:auto}.hero{text-align:center;padding:87px 24px 72px;overflow:hidden}.eyebrow{font-size:13px;letter-spacing:.03em;font-weight:600;color:var(--muted)}.hero .eyebrow{color:#6e6e73}h1{font-size:clamp(48px,6.2vw,80px);line-height:1.05;letter-spacing:-3.8px;font-weight:700;margin:23px 0}h1 em{font-style:normal;background:linear-gradient(100deg,#0071e3,#5856d6 60%,#bf4ba7);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{max-width:610px;margin:auto}.intro p{font-size:21px;line-height:1.45;letter-spacing:-.4px;color:var(--muted);margin:0 0 22px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:30px;padding:12px 24px;background:var(--blue);color:#fff;font-size:15px}.primary:hover{background:#0077ed}.hero-art{display:flex;justify-content:center;align-items:center;gap:26px;margin:55px auto 0;height:126px}.orbit,.art-label{display:none}.tile{height:104px;width:104px;border-radius:25px;display:grid;place-items:center;font-size:53px;box-shadow:0 12px 24px #0000000b}.t1{background:#fff}.t1 img{width:100%;height:100%;border-radius:25px;object-fit:cover}.t2{background:linear-gradient(140deg,#457bf6,#75b7ff);color:#fff}.t3{background:linear-gradient(140deg,#b681ef,#e2bcff);color:white;font-size:41px;font-weight:600}.t4{background:linear-gradient(140deg,#ffab5e,#ff7049);color:white}.tile:nth-child(2){transform:translateY(-12px)}.tile:nth-child(4){transform:translateY(12px)}.collection{padding:43px 0 0}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top .eyebrow{display:none}h2{font-size:34px;line-height:1.15;letter-spacing:-1.2px;font-weight:650;margin:0}.count{font-size:13px;color:var(--muted)}.filters{display:flex;gap:7px;margin:26px 0 29px}.filters button{background:#e8e8ed;border:0;border-radius:30px;padding:10px 20px;font-size:13px;font-weight:500}.filters button.active{background:#1d1d1f;color:#fff}.filters small{margin-left:6px;opacity:.65}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.app{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 18px #00000003;transition:transform .25s,box-shadow .25s}.app:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000009}.app[hidden]{display:none}.visual{height:215px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-label{display:none}.music .visual{background:linear-gradient(180deg,#edf7ff,#f8fbff)}.yasinjan-logo,.uyghur-man-icon{width:130px;height:130px;border-radius:29px;object-fit:contain;box-shadow:0 12px 22px #25587620}.uyghur-man .visual{background:linear-gradient(180deg,#eaf5ff,#f9fcff)}.keyboard .visual{background:linear-gradient(180deg,#edf0ff,#fafaff)}.scripts{display:flex;flex-direction:column;text-align:center;line-height:1.3;font-size:31px;color:#3e4794}.scripts span:nth-child(2){font-size:25px;font-weight:600;color:#6472b7}.scripts span:nth-child(3){font-size:25px;color:#8a95be}.keys{display:flex;gap:5px;position:absolute;bottom:19px;right:18px}.keys i{height:26px;width:26px;border:1px solid #d9dbeb;background:#fff;border-radius:6px;display:grid;place-items:center;font-size:12px;font-style:normal;box-shadow:0 2px 1px #d9dbeb}.vocabulary .visual{background:linear-gradient(180deg,#f7efff,#fdfaff)}.word-card{background:white;width:160px;padding:16px;border-radius:14px;box-shadow:0 10px 25px #70509012;transform:rotate(-5deg)}.word-card>span{font-size:7px;letter-spacing:1.5px;color:#8a6bb0}.word-card strong{display:block;text-align:center;font-size:33px;font-weight:500;margin:10px 0 17px;color:#684994}.word-card>div{background:#f2eaf9;border-radius:6px;padding:7px;font-size:10px;display:flex;justify-content:space-between;color:#77569f}.codenames .visual{background:linear-gradient(180deg,#fff1e9,#fffcfa)}.game-board{display:grid;grid-template-columns:repeat(3,56px);gap:6px;transform:rotate(-6deg)}.game-board i{height:35px;background:#fff;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:600;font-style:normal;box-shadow:0 2px 3px #0000000a}.game-board i:nth-child(3n+1){background:#e67060;color:white}.game-board i:nth-child(4n){background:#608ad4;color:white}.game-board i:last-child{background:#353640;color:white}.app-body{padding:24px;display:flex;flex-direction:column;flex:1}.meta{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#86868b;letter-spacing:.06em;font-weight:600}.meta span{font-size:11px;letter-spacing:0;font-weight:400}.meta>span.live{color:#6e6e73}h3{font-size:23px;line-height:1.16;letter-spacing:-.6px;font-weight:650;margin:15px 0 10px}.app p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}.app-availability{font-size:11px;color:#86868b;margin:-8px 0 17px}.app-link{background:none;border:0;color:#0066cc;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:13px;font-weight:500;margin-top:auto;padding:0}.app-link span{font-size:19px}.app-link:hover{text-decoration:underline}.note{margin:72px 0 54px;padding:59px 30px;text-align:center;border-radius:26px;background:white}.note>span{display:none}.note h2{font-size:32px}.note p{max-width:580px;margin:18px auto 0;font-size:17px;color:var(--muted);line-height:1.6;letter-spacing:-.2px}footer{max-width:1140px;margin:auto;border-top:1px solid #d2d2d7;padding:25px 0 32px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer .brand{font-size:12px;letter-spacing:0;font-weight:500}dialog{width:calc(100% - 40px);max-width:520px;padding:43px;border:0;border-radius:25px;color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#0006;backdrop-filter:blur(8px)}dialog h2{font-size:30px;margin:13px 0 21px}dialog p{color:var(--muted);line-height:1.65;font-size:15px}.status-note{font-size:13px;border-top:1px solid var(--line);padding-top:17px}.close{position:absolute;right:15px;top:13px;border:0;border-radius:50%;background:#eeeef0;width:30px;height:30px;font-size:23px;line-height:1}.close-bottom{margin-top:12px}@media(max-width:1250px){main,footer{margin-left:6%;margin-right:6%}}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:65px}.hero{padding-top:65px}.collection h2{font-size:30px}}@media(max-width:600px){header{height:57px;padding:0 6%}.brand{font-size:15px}header>a:last-child{font-size:11px}.hero{padding:55px 0 38px}h1{font-size:45px;letter-spacing:-2.2px;margin:20px -8px}.hero .eyebrow{font-size:10px;letter-spacing:.04em}.intro p{font-size:18px}.hero-art{gap:14px;margin-top:36px;height:95px}.tile{width:66px;height:66px;border-radius:17px;font-size:34px}.t1 img{border-radius:17px}.t3{font-size:29px}.collection{padding-top:30px}.section-top h2{font-size:29px}.count{display:none}.filters{gap:6px;margin-top:22px}.filters button{padding:9px 14px;font-size:12px}.grid{grid-template-columns:1fr;gap:20px}.visual{height:220px}.app-body{padding:27px}.meta{flex-direction:row;justify-content:space-between;align-items:center}h3{font-size:27px}.app p{font-size:15px}.app-link{font-size:14px}.note{padding:42px 25px;margin:45px 0}.note h2{font-size:28px}.note p{font-size:16px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}dialog{padding:36px 27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app{transition:none}.app:hover{transform:none}}
