:root{--neon:#cf0;--bg:#0a0a0a}.hero-container{background:var(--bg);color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Orbitron,sans-serif;display:flex;position:relative;overflow:hidden}.particle-canvas{z-index:1;filter:blur(.5px);position:absolute;inset:0}.hero-nav{z-index:10;justify-content:space-between;align-items:center;width:90%;display:flex;position:absolute;top:40px}.logo-section{align-items:center;gap:12px;display:flex}.logo-box{border:1px solid #fff;border-radius:4px;padding:4px 8px;font-weight:900}.event-tag{letter-spacing:2px;font-weight:700}.event-tag small{opacity:.6;margin-left:8px;font-size:.5em;font-weight:400}.nav-btns{gap:15px;display:flex}.btn-yellow{background:var(--neon);color:#000;cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;padding:8px 20px;font-weight:900}.btn-outline{color:#fff;cursor:pointer;clip-path:polygon(15% 0,100% 0,100% 70%,85% 100%,0 100%,0 30%);background:#ffffff0d;border:1px solid #444;padding:8px 24px}.hero-content{z-index:5;padding:40px;position:relative}.hero-video{object-fit:cover;z-index:0;opacity:.6;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle-canvas{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-title{letter-spacing:-2px;margin:0;font-size:clamp(3rem,12vw,7.5rem);font-weight:900;line-height:.85}.hero-subtitle{color:var(--neon);letter-spacing:.6em;text-align:center;width:100%;margin-top:100px;font-size:clamp(10px,2vw,14px)}.hud-bracket{width:120px;height:120px;position:absolute}.hud-bracket svg{width:100%;height:100%;overflow:visible}.tr{top:-20px;right:-20px}.bl{bottom:20px;left:-40px}.side-ruler{z-index:10;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;right:40px}.marks{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.mark{opacity:.6;background:#fff;width:40px;height:1px;position:relative}.mark.active{background:var(--neon);width:50px}.val{white-space:nowrap;font-family:monospace;font-size:15px;position:absolute;top:-10px;right:60px}.arrow{color:var(--neon);font-size:50px}.arrow.active{color:var(--neon)}@media (max-width:768px){.hero-nav{text-align:center;flex-direction:column;gap:15px;top:20px}.side-ruler{display:none}.tr{right:0}.bl{left:0}.hero-title{text-align:center}}