@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--background:#02050c;--foreground:#fff;--accent-cyan:#00e5ff;--accent-amber:#ffb400;--glass-bg:#02050c66;--glass-border:#00e5ff33;--panel-bg:#ffffff05}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:#02050c url(/assets/images/hero_v5.png) 50%/cover fixed;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0%,#02050c80 100%);position:fixed;inset:0}.tech-data{letter-spacing:1px;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.8rem}.hud-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:4px;box-shadow:0 8px 32px #000c}.btn-v5{color:var(--accent-cyan);border:1px solid var(--accent-cyan);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;padding:14px 28px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-v5:hover{background:var(--accent-cyan);color:var(--background);box-shadow:0 0 30px #00e5ff99}
.navbar{z-index:1000;border-radius:50px;justify-content:space-between;align-items:center;width:90%;padding:1rem 4rem;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nav-logo{letter-spacing:-1px;color:#fff;font-size:1.8rem;font-weight:800}.nav-logo span{color:var(--accent-purple)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#ffffffb3;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-blue)}.nav-actions{align-items:center;gap:1rem;display:flex}.btn-login{color:#fff;cursor:pointer;background:0 0;border:none;font-weight:600}