@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg: oklch(.16 .014 256);--bg-deep: oklch(.13 .012 256);--panel: oklch(.205 .018 256);--panel-hi: oklch(.235 .02 256);--ink: oklch(.94 .008 240);--muted: oklch(.68 .014 250);--faint: oklch(.52 .016 252);--line: oklch(1 0 0 / .09);--line-2: oklch(1 0 0 / .16);--maxw: 1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 70%,oklch(.11 .01 258) 100%)}.bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(oklch(1 0 0 / .018) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0 / .018) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 95%);mask-image:linear-gradient(180deg,#000 0%,transparent 95%)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 240px 40px #010203e6}.scan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000024 3px);mix-blend-mode:multiply}.pixfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.px{position:absolute;bottom:-10px;width:3px;height:3px;background:#44d7ff;background:oklch(.82 .15 220);image-rendering:pixelated;opacity:0;will-change:transform,opacity;animation:drift linear infinite}@keyframes drift{0%{transform:translateY(0);opacity:0}12%{opacity:.55}88%{opacity:.55}to{transform:translateY(-120vh);opacity:0}}.px:nth-child(1){left:6%;animation-duration:22s;animation-delay:-3s}.px:nth-child(2){left:15%;animation-duration:17s;animation-delay:-11s;background:#6de18b;width:4px;height:4px}.px:nth-child(3){left:24%;animation-duration:26s;animation-delay:-7s}.px:nth-child(4){left:33%;animation-duration:15s;animation-delay:-14s}.px:nth-child(5){left:41%;animation-duration:24s;animation-delay:-1s;background:#6de18b}.px:nth-child(6){left:49%;animation-duration:19s;animation-delay:-9s}.px:nth-child(7){left:57%;animation-duration:27s;animation-delay:-17s;width:4px;height:4px}.px:nth-child(8){left:66%;animation-duration:16s;animation-delay:-5s;background:#6de18b}.px:nth-child(9){left:74%;animation-duration:23s;animation-delay:-13s}.px:nth-child(10){left:82%;animation-duration:18s;animation-delay:-2s;background:#6de18b}.px:nth-child(11){left:90%;animation-duration:25s;animation-delay:-19s}.px:nth-child(12){left:96%;animation-duration:20s;animation-delay:-8s;width:4px;height:4px}.shell{position:relative;z-index:2;flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(28px,5vh,56px) clamp(20px,4vw,52px) 44px;display:flex;flex-direction:column}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:clamp(40px,8vh,80px);font-family:Silkscreen,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.topbar .cocreation .brand{color:#44d7ff;color:oklch(.82 .15 220)}.topbar .cocreation .brand-cgh{color:#6de18b}.masthead{display:inline-flex;flex-direction:column;align-items:flex-start}.masthead .sg-flag{margin-top:12px;image-rendering:pixelated;opacity:.92}.topbar .right{display:inline-flex;align-items:center;gap:12px;color:var(--muted)}#logout-button{font-family:Silkscreen,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid var(--line-2);padding:5px 10px;cursor:pointer}#logout-button:hover{color:var(--ink);border-color:#01b7dd;border-color:oklch(.72 .16 220)}.blk{display:inline-block;width:9px;height:13px;background:#75df8f;box-shadow:0 0 9px #75df8f99;animation:blink 1.1s steps(1) infinite;transform:translateY(1px)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.12}}.hero{text-align:center;margin-bottom:clamp(38px,6vh,68px)}.wordmark{font-family:Silkscreen,monospace;font-weight:700;font-size:clamp(34px,6.4vw,78px);line-height:1;letter-spacing:.02em;color:var(--ink);text-shadow:3px 0 0 oklch(.72 .16 220),6px 3px 0 oklch(.62 .17 295 / .55)}.tagline{margin-top:26px;display:inline-flex;align-items:center;gap:12px;font-family:Silkscreen,monospace;font-size:clamp(10px,1.3vw,12px);letter-spacing:.26em;text-transform:uppercase;color:var(--faint)}.tagline .sq{width:5px;height:5px;background:#01b7dd;background:oklch(.72 .16 220);flex:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}.card{--hue: 220;--accent: oklch(.82 .15 var(--hue));--accent-dim: oklch(.66 .13 var(--hue));position:relative;display:flex;flex-direction:column;padding:22px 24px 24px;background:var(--panel);border:1px solid var(--line-2);clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.card:nth-child(1){animation-delay:.04s}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.2s}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.card:hover{background:var(--panel-hi);transform:translateY(-4px)}.corner{position:absolute;width:14px;height:14px;border:2px solid var(--accent);opacity:0;transition:opacity .15s ease;pointer-events:none}.corner.tl{top:8px;left:8px;border-right:0;border-bottom:0}.corner.tr{top:8px;right:8px;border-left:0;border-bottom:0}.corner.bl{bottom:8px;left:8px;border-right:0;border-top:0}.corner.br{bottom:8px;right:8px;border-left:0;border-top:0}.card:hover .corner{opacity:1}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.idx{font-family:Silkscreen,monospace;font-size:13px;letter-spacing:.08em;color:var(--accent)}.labels{display:inline-flex;align-items:center;gap:9px;font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.labels .sep{width:4px;height:4px;background:var(--accent-dim);flex:none}.icon-wrap{height:96px;display:flex;align-items:flex-end;margin-bottom:22px}.icon{display:block;image-rendering:pixelated}.card-title{font-family:Silkscreen,monospace;font-weight:700;font-size:19px;line-height:1.25;letter-spacing:.01em;text-transform:uppercase;margin-bottom:14px}.card-desc{font-size:14.5px;line-height:1.62;color:var(--muted);text-wrap:pretty}.spacer{flex:1;min-height:26px}.rule{height:1px;width:100%;background:var(--line);margin-bottom:18px}.launch{display:inline-flex;align-items:center;gap:11px;font-family:Silkscreen,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);width:fit-content}.launch .tri{width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--accent);transition:transform .16s ease}.card:hover .launch{color:var(--accent)}.card:hover .launch .tri{transform:translate(4px)}.footer{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:20px clamp(20px,4vw,52px) 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:Silkscreen,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-top:1px solid var(--line)}.footer .meta{display:inline-flex;align-items:center;gap:9px}.footer .meta .sep{width:4px;height:4px;background:var(--faint);flex:none}@media(max-width:900px){.grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;width:100%}}@media(max-width:560px){.topbar{margin-bottom:34px}.topbar .right span.txt{display:none}.footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){.card{animation:none;opacity:1;transform:none}.blk{animation:none}.pixfield{display:none}*{transition-duration:.001ms!important}}