:root{--navy-950: #0b1238;--navy-900: #121b52;--navy-800: #1d2770;--neon: #3ec8ff;--neon-soft: rgba(62, 200, 255, .45);--neon-faint: rgba(62, 200, 255, .14);--cube-pink: #ff4fa3;--cube-blue: #3fa7ff;--cube-yellow: #ffd23f;--title-yellow: #ffe14a;--ink: #0a0a14;--white: #ffffff;--text-soft: #b8c2f2;--font-display: "Bungee", "Arial Black", system-ui, sans-serif;--font-body: "Fredoka", system-ui, sans-serif;--radius-lg: 24px;--radius-md: 14px;--glow: 0 0 10px var(--neon-soft), 0 0 34px var(--neon-faint);--topbar-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;font-family:var(--font-body);color:var(--white);background:radial-gradient(ellipse 90% 60% at 50% 0%,var(--navy-800),transparent 70%),linear-gradient(180deg,var(--navy-900),var(--navy-950));background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:3px solid var(--neon);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66 0 50V16L28 0l28 16v34L28 66v34' fill='none' stroke='%233ec8ff' stroke-opacity='.09' stroke-width='1.2'/%3E%3C/svg%3E");background-size:56px 100px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000 30%,transparent 80%)}.backdrop__icon{position:absolute;color:var(--neon);opacity:.28;transform:rotate(var(--rot, 0deg));filter:drop-shadow(0 0 6px var(--neon-soft));animation:twinkle 4.8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.22}50%{opacity:.6}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 34px;font-family:var(--font-display);font-size:20px;letter-spacing:.04em;color:var(--ink);text-decoration:none;background:var(--cube-yellow);border:3px solid var(--ink);border-radius:var(--radius-md);box-shadow:0 6px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 0 var(--ink)}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.hex-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hex-frame polygon{fill:#0b12388c;stroke:var(--neon);stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--neon)) drop-shadow(0 0 12px var(--neon-soft))}.cube{position:absolute;inset:16%}.cube__svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.cube__pixels{position:absolute;inset:0}.cube__pixels span{position:absolute;border-radius:1px}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-6%)}40%{transform:translate(4%)}60%{transform:translate(-3%)}80%{transform:translate(2%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}