#lights{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#lights canvas{width:100%;height:100%}
.intro-wrapper{background:#fff;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.intro-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;transition:opacity .8s ease-out;display:flex;position:absolute;inset:0}.intro-overlay--fading{opacity:0}.intro-particles{position:absolute;inset:0;overflow:hidden}.intro-particle{background:#ff102a99;border-radius:50%;width:2px;height:2px;animation:linear infinite particleFloat;position:absolute;bottom:-10px;box-shadow:0 0 6px #ff102a33}.intro-particle:nth-child(2n){background:#0006}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(.3)}}.intro-content{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:20px;display:flex}.intro-name{font-family:var(--font-geist-mono),"Courier New",monospace;letter-spacing:.5em;color:#000000d9;text-transform:uppercase;padding-left:.5em;font-size:clamp(14px,1.8vw,18px);font-weight:600}.intro-title{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:0;line-height:1;display:flex}.intro-title-the{font-family:var(--font-geist-sans),"Inter",sans-serif;letter-spacing:1.2em;color:#0006;text-transform:uppercase;padding-left:1.2em;font-size:clamp(14px,2vw,20px);font-weight:300}.intro-title-nexus{font-family:var(--font-geist-sans),"Inter",sans-serif;letter-spacing:.15em;background:linear-gradient(135deg,#000 0%,#ff102a 35%,#333 55%,#ff102a 80%,#000 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #0000001a);-webkit-background-clip:text;background-clip:text;padding-left:.15em;font-size:clamp(48px,10vw,120px);font-weight:800;animation:4s ease-in-out infinite titleShimmer}@keyframes titleShimmer{0%,to{background-position:0%}50%{background-position:100%}}.intro-tagline{font-family:var(--font-geist-mono),"Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#ff102acc,#000c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:-8px;font-size:clamp(12px,1.5vw,16px);font-weight:400}.intro-subtitle{font-family:var(--font-geist-mono),"Courier New",monospace;color:#0006;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(12px,1.5vw,16px);animation:2.5s ease-in-out infinite subtitlePulse}@keyframes subtitlePulse{0%,to{opacity:.5}50%{opacity:1}}.intro-progress-wrapper{align-items:center;gap:16px;width:min(400px,80vw);display:flex}.intro-progress-track{background:#00000014;border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000000d}.intro-progress-fill{background:linear-gradient(90deg,#ff102a,#333,#000);border-radius:4px;height:100%;transition:width 30ms linear;position:absolute;top:0;left:0}.intro-progress-glow{filter:blur(8px);background:linear-gradient(90deg,#ff102a4d,#3333334d,#0003);border-radius:4px;height:calc(100% + 8px);transition:width 30ms linear;position:absolute;top:-4px;left:0}.intro-progress-text{font-family:var(--font-geist-mono),"Courier New",monospace;color:#0009;text-align:right;letter-spacing:.05em;min-width:40px;font-size:13px;font-weight:600}@media (max-width:640px){.intro-progress-wrapper{width:85vw}.intro-content{gap:18px}}
