:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#050611;color:#f1f3ff;font-family:'Space Grotesk',sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 49%,transparent 10%,rgba(2,3,12,.18) 48%,rgba(1,2,9,.78) 100%),linear-gradient(to bottom,rgba(2,3,12,.1),transparent 40%,rgba(2,3,12,.18));z-index:1}.identity{position:fixed;z-index:2;left:50%;top:36%;transform:translate(-50%,-50%);width:min(94vw,1100px);text-align:center;pointer-events:none;animation:arrive 1.6s ease-out both}.identity h1{margin:0;font-size:clamp(1.65rem,3.8vw,3.65rem);font-weight:600;letter-spacing:.15em;line-height:1.28;text-shadow:0 0 24px rgba(166,169,255,.21);white-space:nowrap}.identity h1 span{color:#d8d6f9}.identity p{font-family:Orbitron,'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(.65rem,1.08vw,.96rem);letter-spacing:.39em;color:#93e5ef;margin:1.25rem 0 0;text-shadow:0 0 14px rgba(48,221,255,.43)}@keyframes arrive{from{opacity:0;filter:blur(8px);transform:translate(-50%,-45%)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}}@media(max-width:680px){.identity{top:34%}.identity h1{font-size:clamp(1.4rem,5.5vw,2.4rem);white-space:normal;letter-spacing:.10em}.identity h1 span{display:block}.identity p{letter-spacing:.18em;font-size:.67rem;margin-top:1rem}}@media(prefers-reduced-motion:reduce){.identity{animation:none}}

/* V5: illuminated lettering with a realistic neon ignition sequence */
.identity{top:35%;}
.identity h1{font-family:'Orbitron','Space Grotesk',sans-serif;font-weight:500;font-size:clamp(1.25rem,2.85vw,2.65rem);letter-spacing:.105em;color:#e7faff;animation:neon-ignite 4.8s steps(1,end) both,neon-breathe 5s ease-in-out 4.8s infinite;text-shadow:0 0 3px #fff,0 0 11px #7ceeff,0 0 27px rgba(27,196,255,.7),0 0 62px rgba(49,117,255,.3)}
.identity h1 span{color:#f5eaff;text-shadow:0 0 4px #fff,0 0 14px #f4a6ff,0 0 34px rgba(216,83,255,.7),0 0 70px rgba(173,58,255,.35)}
.identity p{color:#b9f9ff;text-shadow:0 0 8px #21e5ff,0 0 23px rgba(26,207,255,.75);letter-spacing:.33em}
@keyframes neon-ignite{0%,7%,10%,13%,18%,22%{opacity:.08;text-shadow:none}8%,12%,19%,24%{opacity:.9}25%,30%{opacity:.18}32%,35%{opacity:1}36%,39%{opacity:.32}40%,100%{opacity:1}}
@keyframes neon-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
@media(max-width:680px){.identity h1{font-size:clamp(1.18rem,4.7vw,2rem);letter-spacing:.07em}.identity p{letter-spacing:.14em;font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.identity h1{animation:none}}

/* V6: subtler neon typography, illuminated like an old electric sign. */
.identity{top:36%}.identity h1{font-size:clamp(1.18rem,2.7vw,2.55rem);letter-spacing:.11em}.identity p{font-size:clamp(.65rem,1.08vw,.9rem);color:#b9f8ff}.identity h1{animation:neon-ignite 4.8s steps(1,end) both,neon-breathe 3.8s ease-in-out 4.8s infinite}@media(max-width:680px){.identity h1{font-size:clamp(1.1rem,4.7vw,1.85rem)}}

/* V7: brighter electric signage while preserving the dark nightdrive composition. */
.identity h1{ text-shadow:0 0 4px rgba(255,255,255,.92),0 0 14px rgba(99,234,255,.96),0 0 35px rgba(38,180,255,.78),0 0 75px rgba(40,113,255,.46)}
.identity h1 span{text-shadow:0 0 4px #fff,0 0 18px rgba(245,165,255,.95),0 0 42px rgba(218,87,255,.83),0 0 82px rgba(162,62,255,.45)}
.identity p{text-shadow:0 0 10px rgba(44,238,255,.98),0 0 29px rgba(37,213,255,.88)}

/* V8: refined sign glow and a little more visual energy without brightening the background. */
.identity h1{animation:neon-ignite 4.8s steps(1,end) both,neon-breathe-v8 3.2s ease-in-out 4.8s infinite}
@keyframes neon-breathe-v8{0%,100%{filter:brightness(1)}45%{filter:brightness(1.34)}58%{filter:brightness(1.13)}}
.identity p{text-shadow:0 0 7px rgba(206,252,255,.9),0 0 19px rgba(37,218,255,.9),0 0 39px rgba(50,130,255,.55)}
@media(prefers-reduced-motion:reduce){.identity h1{animation:none}}
