:root{--a:#42efff;--b:#b8ff37;--bg:#050d18;--ink:#eaffff;--surface:#ffffff0b;--soft:#ffffff12;--line:#ffffff1c;--shadow:0 22px 60px #00000013}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}button,input{font:inherit}.skip{position:fixed;top:-80px;left:15px;z-index:99;padding:10px 16px;background:var(--ink);color:var(--bg)}.skip:focus{top:15px}.topline{display:flex;justify-content:center;align-items:center;gap:9px;padding:7px 20px;background:color-mix(in srgb,var(--a) 20%,var(--bg));font-size:12px;font-weight:800}.topline span{width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 0 5px color-mix(in srgb,var(--a) 15%,transparent)}header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;max-width:1280px;margin:auto;padding:15px 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 89%,transparent);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{border-radius:13px}.brand b{letter-spacing:-.03em}header nav{display:flex;justify-content:center;gap:25px}header nav a,footer a{text-decoration:none;font-size:13px;font-weight:750;opacity:.72}.account{display:flex;gap:8px}.account a,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid var(--line);border-radius:13px;text-decoration:none;font-weight:850}.primary{background:var(--a)!important;color:#050d18!important;border-color:transparent!important}.secondary{background:var(--surface)}.menu{display:none}.hero,.catalog,.quick,.benefits,.comparison,.leader,.insight,.faq,.cta,footer,.subhero,.prose{width:min(1180px,calc(100% - 36px));margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:530px;padding:52px 0 38px}.kicker,.section-title>span,.quick-copy>span,.insight>div>span,.faq>div>span,.leader>div>span,.comparison>div>span,.subhero>span{display:inline-block;margin-bottom:10px;color:var(--a);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:650px;margin:0 0 18px;font-size:clamp(44px,5.6vw,75px);line-height:.96;letter-spacing:-.06em}.hero-copy>p{max-width:610px;font-size:17px;opacity:.68}.hero-actions{display:flex;gap:9px;margin:25px 0}.hero-meta{display:flex;gap:12px}.hero-meta span{padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px;opacity:.78}.hero-meta b{font-size:16px;margin-right:4px}.hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 45px #0002)}.catalog{padding:76px 0}.section-title{display:grid;grid-template-columns:1fr auto;align-end;gap:15px;margin-bottom:25px}.section-title span{grid-column:1/-1}.section-title h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.045em}.section-title p{max-width:500px;margin:0;opacity:.65}.catalog-tools{display:grid;grid-template-columns:minmax(220px,330px) 1fr auto;align-items:center;gap:15px;margin-bottom:24px}.search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.search input{width:100%;height:45px;border:0;outline:0;background:transparent;color:var(--ink)}.filters{display:flex;gap:7px;overflow:auto}.filters button{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.filters button.active{background:var(--ink);color:var(--bg)}.count{font-size:12px;opacity:.65}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.item-card{min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 12px 30px #0000000a;transition:.2s}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.item-card[hidden]{display:none}.cover{position:relative;display:block;aspect-ratio:1.38;overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:.25s}.item-card:hover .cover img{transform:scale(1.035)}.badge{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--ink);font-size:10px;font-weight:900}.cover i{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--a);color:#050d18;font-style:normal}.card-body{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 15px 6px}.card-body h3{margin:0;font-size:16px;letter-spacing:-.025em}.card-body p{margin:2px 0 0;font-size:11px;color:var(--a);font-weight:800}.card-body a{padding:7px 10px;border-radius:9px;background:var(--a);color:#050d18;text-decoration:none;font-size:11px;font-weight:900}.item-card>small{display:block;min-height:53px;padding:4px 15px 14px;font-size:11px;opacity:.6}.score{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--a);color:#050d18;font-size:14px}.quick{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px;margin-top:30px;padding:50px;border:1px solid var(--line);border-radius:30px;background:var(--soft)}.quick h2,.insight h2,.faq h2,.leader h2,.comparison h2,.subhero h1{margin:0 0 12px;font-size:clamp(31px,4vw,50px);line-height:1;letter-spacing:-.045em}.quick-copy p{opacity:.63}.quick-game{min-height:260px;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.quiz,.mission{display:grid;gap:10px}.quiz p{margin:4px 0}.quiz button,.picker button,.tap-start,.reaction button,.memory-reset,.sequence-start{padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-weight:800;cursor:pointer}.quiz button:hover,.picker button:hover{border-color:var(--a)}output{display:block;margin-top:8px;color:var(--a);font-size:12px;font-weight:850}.mission label{padding:10px;border:1px solid var(--line);border-radius:10px}.meter{height:9px;border-radius:7px;background:var(--line);overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--a);transition:.2s}.score-tool{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:25px}.dial{display:grid;place-items:center;align-content:center;aspect-ratio:1;border:16px solid var(--a);border-radius:50%}.dial b{font-size:42px;line-height:1}.score-tool label{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:10px;font-size:12px}.score-tool input{accent-color:var(--a)}.picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.tap-screen{position:relative;height:170px;border:5px solid var(--a);border-radius:9px;background:#0a0318}.tap-screen>button{position:absolute;left:48%;top:42%;border:0;background:none;color:var(--b);font-size:40px;cursor:pointer}.tap-stats{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.lights{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.lights i{width:22px;height:22px;border-radius:50%;background:#d23d55}.reaction-panel{display:block;width:100%;height:100px;margin-bottom:10px;background:#142239!important;color:#fff!important;font-size:26px}.reaction-panel.go{background:#35d47c!important;color:#07150d!important}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.memory-grid button,.sequence-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:13px;background:var(--a);color:#fff;font-size:26px;cursor:pointer}.memory-grid button span{visibility:hidden}.memory-grid button.open span,.memory-grid button.matched span{visibility:visible}.sequence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sequence-grid button{background:color-mix(in srgb,var(--a) 30%,var(--surface));transition:.15s}.sequence-grid button.flash{background:var(--a);transform:scale(.95)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:70px 0}.benefits article{padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.benefits b{color:var(--a)}.benefits h3{margin:22px 0 7px}.benefits p{font-size:13px;opacity:.62}.comparison,.leader{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:60px;padding:75px 0}.comparison>article{display:grid;grid-template-columns:100px 1fr 45px;align-items:center;gap:14px;margin:12px 0}.comparison article span{height:11px;border-radius:9px;background:var(--line);overflow:hidden}.comparison article i{display:block;height:100%;background:var(--a)}.leader ol{margin:0;padding:0;list-style:none}.leader li{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 18px;border-bottom:1px solid var(--line);font-family:monospace}.leader li:first-child{background:var(--a);color:#050d18}.insight{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:90px 0;border-top:1px solid var(--line)}.insight article p{font-size:17px;opacity:.72}.insight article a{display:inline-block;margin-top:15px;color:var(--a);font-weight:850;text-decoration:none}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;padding:80px 0}.faq details{padding:17px 3px;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:850}.faq details p{opacity:.64}.cta{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:25px;padding:48px;border-radius:28px;background:var(--ink);color:var(--bg)}.cta span{color:var(--a);font-size:11px;font-weight:900;letter-spacing:.15em}.cta h2{margin:8px 0;font-size:34px}.cta p{margin:0;opacity:.7}.cta>div:last-child{display:flex;gap:8px}.cta .secondary{color:var(--ink)}footer{display:grid;grid-template-columns:1.4fr .5fr .5fr;gap:45px;padding:65px 0 105px}footer>div p{max-width:480px;font-size:12px;opacity:.6}footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}footer nav strong{font-size:13px}footer small{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line);opacity:.55}.mobile-bar{display:none}.subhero{padding:90px 0 60px}.subhero h1{font-size:clamp(50px,7vw,80px)}.subhero p{max-width:700px;font-size:18px;opacity:.67}.prose{display:grid;grid-template-columns:1fr 250px;gap:70px;padding:20px 0 90px}.prose article{display:grid;gap:20px}.prose article section{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.prose article b{color:var(--a)}.prose article h2{margin:12px 0 6px}.prose article p{opacity:.68}.prose aside{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.prose aside a{text-decoration:none;font-size:13px}
/* eight genuinely different catalog compositions */
.layout-library .catalog{display:grid;grid-template-columns:250px 1fr;column-gap:26px}.layout-library .section-title,.layout-library .catalog-tools{grid-column:1/-1}.layout-library .card-grid{grid-template-columns:repeat(3,1fr)}.layout-library .catalog:before{content:"PUSTAKAA01  MulaiA02  AkunA03  KeamananA04  Bantuan";white-space:pre;grid-row:3/span 2;padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface);font-size:12px;font-weight:850;line-height:3;color:var(--a)}.layout-discover .hero-art{order:-1}.featured-row{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin:12px 0 25px}.featured-row>article{min-height:260px;padding:35px;border-radius:25px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff}.featured-row article span{font-size:11px;font-weight:900;text-transform:uppercase}.featured-row article h3{font-size:38px;margin:30px 0 8px}.featured-row article a{font-weight:850;text-decoration:none}.mini-stack{display:grid;gap:10px}.mini-stack a{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);text-decoration:none}.mini-stack span{font-size:11px;color:var(--a)}.layout-discover .card-grid{grid-template-columns:repeat(3,1fr)}.layout-bento .card-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.layout-bento .item-1,.layout-bento .item-6{grid-column:span 2}.layout-bento .item-1 .cover,.layout-bento .item-6 .cover{aspect-ratio:2.8}.layout-bento .item-4,.layout-bento .item-9{grid-row:span 2}.layout-bento .item-4 .cover,.layout-bento .item-9 .cover{aspect-ratio:.92}.editorial-lead{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;padding:28px 0;border-top:6px solid var(--ink);border-bottom:2px solid var(--ink)}.editorial-lead>.item-card .cover{aspect-ratio:2}.latest>span{font-size:11px;font-weight:900;letter-spacing:.15em}.latest a{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}.latest a>b{font-family:Georgia;font-size:24px;color:var(--a)}.latest strong,.latest small{display:block}.latest small{opacity:.55}.layout-editorial .card-grid{grid-template-columns:repeat(3,1fr)}.layout-editorial .hero h1,.layout-editorial .section-title h2{font-family:Georgia,serif}.layout-arcade{background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:32px 32px}.layout-arcade .hero-copy{text-align:center}.layout-arcade .hero{display:flex;flex-direction:column}.layout-arcade .hero-art{max-width:720px}.layout-arcade .hero-actions,.layout-arcade .hero-meta{justify-content:center}.layout-arcade .item-card{border-radius:5px;box-shadow:7px 7px 0 color-mix(in srgb,var(--a) 60%,transparent)}.layout-arcade .cover{border-radius:0}.layout-arcade .section-title{text-align:center;display:block}.layout-neon .hero-art{position:relative;right:-25px}.rail{display:flex;gap:12px;overflow:auto;padding:17px;border:1px solid var(--line);border-radius:20px;background:#0b1727}.rail>span{writing-mode:vertical-rl;color:var(--a);font:900 11px monospace;letter-spacing:.12em}.rail a{position:relative;flex:0 0 210px;text-decoration:none}.rail img{display:block;width:100%;border-radius:12px}.rail a>b{position:absolute;top:8px;left:8px;padding:4px 7px;background:var(--a);color:var(--bg)}.rail a>strong{display:block;margin-top:7px}.layout-neon .card-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:15px 5px}.layout-neon .item-card{flex:0 0 265px;scroll-snap-align:start}.shelf{padding:28px;border-radius:30px;background:#fffdf6;box-shadow:0 28px 65px #65432a18}.shelf>span{font-size:11px;font-weight:900;color:var(--a)}.layout-cozy .card-grid{grid-template-columns:repeat(3,1fr);margin-top:18px}.layout-cozy .item-card:nth-child(3n+1){transform:rotate(-.7deg)}.layout-cozy .item-card:nth-child(3n+2){transform:rotate(.8deg)}.layout-mosaic .card-grid{grid-template-columns:repeat(5,1fr);grid-auto-flow:dense}.layout-mosaic .item-1,.layout-mosaic .item-7{grid-column:span 2;grid-row:span 2}.layout-mosaic .item-1 .cover,.layout-mosaic .item-7 .cover{aspect-ratio:1.05}.layout-mosaic .item-card{border-radius:26px 8px 26px 8px;box-shadow:none}.layout-mosaic .item-4,.layout-mosaic .item-10{grid-column:span 2}.layout-mosaic .item-4 .cover,.layout-mosaic .item-10 .cover{aspect-ratio:2.5}
@media(max-width:960px){header{grid-template-columns:1fr auto}.menu{display:block;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}header nav{display:none;grid-column:1/-1;flex-direction:column;padding:12px 0}header nav.open{display:flex}.account{display:none}.hero{grid-template-columns:1fr;min-height:auto}.layout-discover .hero-art{order:0}.section-title{grid-template-columns:1fr}.catalog-tools{grid-template-columns:1fr}.filters{order:3}.count{display:none}.card-grid,.layout-library .card-grid,.layout-discover .card-grid,.layout-bento .card-grid,.layout-editorial .card-grid,.layout-cozy .card-grid,.layout-mosaic .card-grid{grid-template-columns:repeat(2,1fr)}.layout-library .catalog{display:block}.layout-library .catalog:before{display:none}.layout-bento .item-card,.layout-mosaic .item-card{grid-column:auto!important;grid-row:auto!important}.layout-bento .cover,.layout-mosaic .cover{aspect-ratio:1.38!important}.quick,.insight,.faq,.comparison,.leader{grid-template-columns:1fr;gap:35px}.featured-row,.editorial-lead{grid-template-columns:1fr}.score-tool{grid-template-columns:130px 1fr}.benefits{grid-template-columns:1fr}.cta{padding:38px}.prose{grid-template-columns:1fr}.prose aside{position:static}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1}}
@media(max-width:560px){header{padding:11px 15px}.topline{font-size:10px}.brand b{font-size:13px}.hero,.catalog,.quick,.benefits,.comparison,.leader,.insight,.faq,.cta,footer,.subhero,.prose{width:calc(100% - 26px)}.hero{padding-top:38px}.hero h1{font-size:44px}.hero-art{margin-top:-8px}.hero-meta{overflow:auto}.hero-meta span{white-space:nowrap}.catalog{padding:55px 0}.section-title h2{font-size:36px}.card-grid,.layout-library .card-grid,.layout-discover .card-grid,.layout-bento .card-grid,.layout-editorial .card-grid,.layout-cozy .card-grid,.layout-mosaic .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item-card{border-radius:14px}.card-body{display:block;padding:10px 10px 4px}.card-body h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body p{font-size:9px}.card-body>a,.score{display:none}.item-card>small{display:none}.badge{left:7px;top:7px;font-size:8px}.cover i{right:7px;bottom:7px;width:29px;height:29px;font-size:10px}.featured-row article h3{font-size:30px}.mini-stack{display:none}.catalog-tools{gap:10px}.filters{margin-right:-13px}.quick{padding:25px;margin-top:10px}.score-tool{grid-template-columns:1fr}.dial{width:130px;margin:auto}.picker>div{grid-template-columns:1fr}.tap-stats{gap:7px}.cta{display:block}.cta>div:last-child{margin-top:20px}.cta h2{font-size:28px}footer{grid-template-columns:1fr;padding-bottom:110px}.mobile-bar{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--bg) 93%,transparent);box-shadow:0 18px 40px #0004;backdrop-filter:blur(16px)}.mobile-bar a{display:grid;place-items:center;min-height:43px;border-radius:11px;text-decoration:none;font-size:10px;font-weight:850}.subhero{padding:60px 0 35px}.subhero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}