:root{--bg-page: #020617;--bg-panel: #0f172a;--accent-dev: #10b981;--accent-user: #f43f5e;--budget: #f59e0b}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-page)}::selection{background:#10b98159;color:#ecfdf5}.scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(15,23,42,.18) 2px,rgba(15,23,42,.18) 4px)}.grid-glow{background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(244,63,94,.05) 1px,transparent 1px);background-size:48px 48px}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-border{0%,to{box-shadow:0 0 #10b98159}50%{box-shadow:0 0 0 8px #10b98100}}@keyframes lane-scroll{0%{background-position:0 0}to{background-position:120px 0}}.animate-float{animation:float-y 5s ease-in-out infinite}.animate-cta{animation:pulse-border 2.4s ease-in-out infinite}.lane-motion{background-image:linear-gradient(90deg,transparent 0%,rgba(244,63,94,.12) 40%,transparent 70%);background-size:120px 100%;animation:lane-scroll 8s linear infinite}.nav-link.active{color:#ecfdf5}.nav-link.active:after{content:"";display:block;height:2px;margin-top:.35rem;background:linear-gradient(90deg,var(--accent-dev),var(--accent-user))}.brand-title{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.brand-title__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.45em;font-family:"Press Start 2P",monospace;font-size:clamp(1.15rem,4.6vw,2.75rem);line-height:1.35;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.85),0 8px 28px rgba(0,0,0,.55)}.brand-title__devs{color:var(--accent-dev)}.brand-title__vs{color:#94a3b8;font-size:.55em;transform:translateY(-.1em)}.brand-title__users{color:var(--accent-user)}.brand-title__sub{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(.7rem,1.6vw,.95rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#86efac;text-shadow:0 2px 12px rgba(0,0,0,.8)}.brand-title__sub:before{content:"> ";color:var(--accent-dev)}.hero-stage{object-position:center 62%}.hero-panel{border:1px solid rgba(148,163,184,.35);border-radius:.75rem;background:#020617b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 0 0 1px #10b98114,0 24px 60px #00000073}.hero-scroll-cue{text-shadow:0 2px 10px rgba(0,0,0,.85);box-shadow:0 10px 30px #00000073}