*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0b0d16}::selection{background-color:#1a34f5;color:#fff}.hero{position:relative;width:100%;height:100svh;background:radial-gradient(ellipse 70% 55% at 50% 44%,#222944,#131728 55%,#0b0d16);overflow:hidden}.hero canvas{position:absolute;inset:0;z-index:1}.hud{position:absolute;left:0;right:0;z-index:2;pointer-events:none}.hud-top{top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem}.brand{display:flex;flex-direction:column;gap:.4rem;max-width:24rem}.brand-mark{font-family:VT323,monospace;font-size:3rem;line-height:.85;letter-spacing:.02em;text-transform:uppercase;color:#e8ecff;text-shadow:0 0 14px rgba(125,141,255,.35)}.brand-sub{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:400;line-height:1.6;letter-spacing:0;color:#7a819f}.signal{display:flex;align-items:center;gap:.55rem;padding-top:.5rem}.rec-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#ff4b3e;box-shadow:0 0 8px #ff4b3ecc;animation:rec-pulse 1.6s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.signal-label{font-family:VT323,monospace;font-size:1rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase;line-height:1;color:#d9def5}.signal-tag{font-family:VT323,monospace;font-size:.95rem;font-weight:400;letter-spacing:.02em;line-height:1;color:#9daaff;padding:.18rem .45rem .12rem;border:1px solid rgba(125,141,255,.45);background-color:#1a34f524}.hud-bottom{bottom:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0 1.5rem 2rem}.tune-hint{font-family:VT323,monospace;font-size:1rem;letter-spacing:.02em;line-height:1;color:#7a819f}.hint-mobile{display:none}.projects{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;list-style:none;pointer-events:auto}.projects li{display:flex;align-items:baseline;gap:.5rem;text-transform:uppercase;font-family:VT323,monospace;font-size:1.1rem;font-weight:400;letter-spacing:.02em;line-height:1;color:#e8ecff;width:max-content;padding:.6rem 1rem .5rem;background-color:#0b0d1ad1;border:1px solid rgba(232,236,255,.16);cursor:pointer;transition:background-color .12s linear,border-color .12s linear,box-shadow .12s linear}.projects li .ch{font-size:1rem;font-weight:400;letter-spacing:.02em;color:#6e7fff}.projects li:hover{background-color:#1a34f5;border-color:#5c6eff;color:#fff;box-shadow:0 0 22px #1a34f580}.projects li:hover .ch{color:#c3ccff}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}@media(max-width:768px){.hud-top{padding:1.25rem}.brand{max-width:16rem;gap:.35rem}.brand-mark{font-size:2.3rem}.brand-sub{font-size:.62rem}.signal{padding-top:.55rem}.signal-label,.signal-tag{display:none}.hud-bottom{gap:.65rem;padding:0 1rem 1.5rem}.hint-desktop{display:none}.hint-mobile{display:inline}.projects{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:22rem;margin:0 auto}.projects li{width:auto;justify-content:flex-start;font-size:1.05rem;padding:.55rem .85rem .45rem;gap:.45rem}.projects li:nth-child(5){grid-column:1 / -1;justify-content:center}}