:root{--neon:#39ff8b;--neon-soft:#1fcf6c;--bg:#02060a;--scan-strength:.35;--vignette:.85}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--neon);overflow:hidden}body{-webkit-font-smoothing:antialiased;cursor:default;font-family:Share Tech Mono,VT323,ui-monospace,monospace}.crt-bg{z-index:0;background:radial-gradient(#061a10 0%,#020806 60%,#000 100%);position:fixed;inset:0}.crt-grid{z-index:1;pointer-events:none;opacity:.5;background-image:linear-gradient(#39ff8b0d 1px,#0000 1px),linear-gradient(90deg,#39ff8b0d 1px,#0000 1px);background-size:48px 48px,48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.crt-scan{z-index:50;pointer-events:none;background-image:repeating-linear-gradient(to bottom, #0000 0px, #0000 2px, rgba(0,0,0,var(--scan-strength)) 3px, rgba(0,0,0,var(--scan-strength)) 4px);mix-blend-mode:multiply;position:fixed;inset:0}.crt-roll{z-index:51;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0%,#39ff8b0a 49.9%,#39ff8b14 50%,#39ff8b0a 50.1%,#0000 100%) 0 0/100% 220%;animation:8s linear infinite roll;position:fixed;inset:0}@keyframes roll{0%{background-position:0 -110%}to{background-position:0 110%}}.crt-vignette{z-index:52;pointer-events:none;background:radial-gradient(ellipse at center, transparent 35%, rgba(0,0,0,var(--vignette)) 100%);position:fixed;inset:0}.crt-noise{z-index:53;pointer-events:none;opacity:.04;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.6s steps(2,end) infinite jitter;position:fixed;inset:-50%}@keyframes jitter{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}#root{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,4vh,48px);width:100%;min-height:100vh;padding:clamp(24px,4vw,64px);display:flex;position:relative}.title-frame{width:min(1100px,92vw);padding:clamp(8px,2vw,22px) clamp(16px,3vw,36px);position:relative}.title{text-align:center;letter-spacing:.04em;color:var(--neon);text-shadow:0 0 6px #39ff8be6,0 0 18px #39ff8bb3,0 0 38px #39ff8b80,0 0 80px #39ff8b59;flex-wrap:wrap;justify-content:center;gap:clamp(2px,.6vw,10px);font-family:Major Mono Display,Share Tech Mono,monospace;font-size:clamp(54px,9vw,132px);font-weight:400;line-height:1;display:flex;position:relative}.title .word{display:flex}.title .ch{text-align:center;opacity:0;will-change:transform, opacity;min-width:.55em;display:inline-block;position:relative;transform:translateY(-120vh)}.title-frame .led-stripes{pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(#0000 0 7px,#02060a8c 7px 9px);position:absolute;inset:0}.subtitle{letter-spacing:.22em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 4px #39ff8be6,0 0 14px #39ff8b99,0 0 28px #39ff8b66;text-align:center;opacity:0;flex-wrap:wrap;justify-content:center;gap:.25em;font-family:Share Tech Mono,monospace;font-size:clamp(15px,2.2vw,26px);animation:.6s 1.8s forwards fadeIn;display:flex}.subtitle .sep{color:#39ff8b73}.subtitle .flick{animation:5.2s infinite brokenNeon;display:inline-block}.subtitle .flick.f2{animation-duration:6.7s;animation-delay:1.3s}.subtitle .flick.f3{animation-duration:4.1s;animation-delay:2.6s}.subtitle .flick.f4{animation-duration:7.3s;animation-delay:3.4s}@keyframes fadeIn{to{opacity:1}}@keyframes brokenNeon{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 4px #39ff8be6,0 0 14px #39ff8b99,0 0 28px #39ff8b66}20%,24%,55%{opacity:.22;text-shadow:none}22%{opacity:.55;text-shadow:0 0 2px #39ff8b66}70%,72%{opacity:.15;text-shadow:none}71%{opacity:.9;text-shadow:0 0 10px #39ff8bb3}}.socials{opacity:0;flex-direction:column;align-items:center;gap:2px;animation:.6s 2s forwards fadeIn;display:flex}.sbtn{color:var(--neon);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 4px #39ff8bb3,0 0 14px #39ff8b59;background:0 0;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:14px;padding:10px 22px;font-family:Share Tech Mono,monospace;font-size:17px;text-decoration:none;transition:background .18s;display:inline-grid}.sbtn .idx{letter-spacing:.1em;color:#39ff8b8c;text-shadow:0 0 4px #39ff8b4d;font-variant-numeric:tabular-nums;font-size:12px}.sbtn svg{filter:drop-shadow(0 0 4px #39ff8b80);flex-shrink:0;width:20px;height:20px}.sbtn .lbl{text-align:left;white-space:nowrap}.sbtn:hover{background:#39ff8b0f}.sbtn:hover .lbl{text-shadow:0 0 4px var(--neon), 0 0 14px #39ff8bcc, 0 0 28px #39ff8b80;animation:2.2s infinite brokenNeon}.sbtn:hover svg{animation:2.6s .15s infinite brokenNeon}.sbtn:hover .idx{color:var(--neon);text-shadow:0 0 6px var(--neon)}.matrix-canvas{z-index:5;pointer-events:none;opacity:1;transition:opacity 1.2s;position:fixed;inset:0}.matrix-canvas.fade{opacity:0}@media (width<=480px){.title{font-size:clamp(54px,14vw,132px)}.sbtn{letter-spacing:.16em;gap:12px;padding:9px 14px;font-size:15px}}@media (prefers-reduced-motion:reduce){.crt-roll,.crt-noise,.subtitle .flick{animation:none!important}.title .ch{opacity:1!important;transform:none!important}}