.neon-stage{--mx:0;--my:0;--push:0px;--turn:0deg;--bright:1;--pscale:1;--portrait-op:1;--sculpt-op:1;box-sizing:border-box;width:100%;min-height:100vh;color:var(--foreground);background:radial-gradient(50% 60% at 74% 52%,#ff3dc02b 0%,#0000 70%),radial-gradient(40% 50% at 62% 58%,#5aaaff21 0%,#0000 70%),#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.neon-stage[data-step="1"]{--turn:9deg;--push:60px}.neon-stage[data-step="2"]{--turn:-12deg;--push:120px}.neon-stage[data-step="3"]{--push:620px;--pscale:1.18;--portrait-op:.55;--sculpt-op:.45}.neon-stage[data-step="2"] .neon-portrait{filter:brightness(1.12)}.neon-stage[data-step="3"] .neon-portrait{filter:brightness(1.5)}.neon-sculpt{perspective:1500px;pointer-events:none;z-index:2;opacity:.6;width:760px;height:760px;margin-top:-380px;position:absolute;top:50%;right:6%}.neon-sculpt-inner{transform-style:preserve-3d;transform:translateZ(var(--push)) rotateX(calc(var(--my) * -8deg)) rotateY(calc(var(--mx) * 12deg + var(--turn))) rotateZ(-8deg);opacity:var(--sculpt-op);transition:transform 1.5s var(--ease), opacity 1.2s ease;position:absolute;inset:0}.neon-sculpt-origin{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.neon-core{background:linear-gradient(var(--cyan), var(--mag));width:2px;height:660px;box-shadow:0 0 22px var(--mag), 0 0 50px var(--cyan);animation:5s ease-in-out infinite neon-core-glow;position:absolute;top:-330px;left:-1px}.neon-tilt{animation:9s ease-in-out infinite neon-tilt}.neon-spin-dash{animation:26s linear infinite neon-spin-dash}.neon-shard{animation:8s ease-in-out infinite neon-shard;position:absolute}@keyframes neon-tilt{0%,to{transform:rotateX(68deg)}50%{transform:rotateX(87deg)}}@keyframes neon-spin-dash{0%{transform:rotateX(78deg)rotate(0)}to{transform:rotateX(78deg)rotate(360deg)}}@keyframes neon-core-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes neon-shard{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(90deg)}}.neon-portrait{z-index:3;pointer-events:none;transform-origin:60% 55%;width:min(58%,720px);transform:scale(var(--pscale));opacity:var(--portrait-op);mix-blend-mode:screen;transition:transform 1.5s var(--ease), opacity 1.2s ease, filter 1.2s ease;position:absolute;top:72px;bottom:0;right:1%}.neon-portrait-img{object-fit:contain;object-position:right bottom;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26%);mask-image:linear-gradient(90deg,#0000 0%,#000 26%)}.neon-hair{mix-blend-mode:screen;opacity:.6;filter:url(#neon-hair-wave);-webkit-mask-composite:source-in;width:50%;height:78%;position:absolute;top:0;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 40%),linear-gradient(#000 74%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 40%),linear-gradient(#000 74%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.neon-hair-inner{width:200%;height:128.2%;position:absolute;top:0;left:-100%}.neon-strands{mix-blend-mode:screen;width:52%;height:72%;position:absolute;top:3%;right:0;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 32%);mask-image:linear-gradient(90deg,#0000 0%,#000 32%)}.neon-strand{transform-box:fill-box;animation:6s linear infinite neon-strand-flow,9s ease-in-out infinite neon-strand-sway}@keyframes neon-strand-flow{0%{stroke-dashoffset:70px}to{stroke-dashoffset:-400px}}@keyframes neon-strand-sway{0%,to{transform:translate(0,0)}50%{transform:translate(-9px,10px)}}.neon-overlay{z-index:4;pointer-events:none;mix-blend-mode:screen;width:min(62%,780px);position:absolute;top:72px;bottom:0;right:1%;overflow:hidden}.neon-overlay-inner{transform:translate3d(calc(var(--mx) * -22px), calc(var(--my) * -12px), 0);transition:transform 1.3s var(--ease);position:absolute;inset:0}.neon-scan{height:160px;animation:8s ease-in-out infinite neon-scan;position:absolute;top:0;left:0;right:0}.neon-streak{width:38%;height:1px;animation:8s linear infinite neon-streak;position:absolute;left:0}.neon-dot{border-radius:50%;animation:14s linear infinite neon-dot-rise;position:absolute;bottom:-12px}.neon-hud-ring{opacity:.75;animation:40s linear infinite neon-ring-turn;position:absolute;top:52%;left:7%}.neon-blink{animation:1.6s ease-in-out infinite neon-blink}@keyframes neon-scan{0%{opacity:0;transform:translateY(-160px)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes neon-dot-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.95}85%{opacity:.7}to{transform:translate3d(var(--dx), -90vh, 0);opacity:0}}@keyframes neon-streak{0%{opacity:0;transform:translate(-70%)}15%{opacity:.85}85%{opacity:.85}to{opacity:0;transform:translate(290%)}}@keyframes neon-ring-turn{to{transform:rotate(360deg)}}@keyframes neon-blink{0%,to{opacity:.35}50%{opacity:1}}.neon-grain{z-index:7;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px);animation:8s linear infinite neon-grain;position:absolute;inset:-6px 0}@keyframes neon-grain{0%{transform:translateY(0)}to{transform:translateY(3px)}}.neon-header{z-index:6;border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 40px 18px;display:flex;position:relative}.neon-main{z-index:5;box-sizing:border-box;flex:1;align-items:center;padding:28px 40px 48px;display:flex;position:relative}.neon-drift{width:min(620px,100%);transform:translate3d(calc(var(--mx) * -8px), calc(var(--my) * -6px), 0);transition:transform 1s var(--ease)}.neon-headline{letter-spacing:.01em;margin:0;font-size:clamp(22px,3.4vw,46px);line-height:1.12}.neon-field label{transition:color .35s}.neon-field:focus-within label{color:var(--cyan)}.neon-line{box-sizing:border-box;color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff61;border-radius:0;height:46px;padding:0;font-family:inherit;font-size:16px;transition:border-color .35s,box-shadow .45s}.neon-line:focus{border-bottom-color:var(--cyan);box-shadow:0 10px 18px -12px var(--cyan), 0 1px 0 var(--cyan);outline:none}.neon-go{border:1.5px solid var(--cyan);width:60px;height:60px;color:var(--cyan);cursor:pointer;transition:transform .4s var(--ease), background .4s ease, box-shadow .5s ease, color .3s ease;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 0 22px #7bc4ff40}.neon-go:hover:not([aria-disabled=true]){background:var(--mag);border-color:var(--mag);color:#000;box-shadow:0 0 34px var(--mag);transform:scale(1.06)}.neon-go:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.neon-lnk{color:var(--muted-foreground);text-decoration:none;transition:color .25s}.neon-lnk:hover{color:var(--mag)}@media (max-width:1000px){.neon-sculpt{opacity:.3;margin-right:-380px;right:50%}.neon-portrait{--portrait-op:.35;width:100%;right:-12%}.neon-drift{background:#0006;box-shadow:0 0 36px 28px #0006}.neon-stage[data-step="3"]{--portrait-op:.3}.neon-hair{display:none}.neon-header,.neon-main{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){.neon-tilt,.neon-spin-dash,.neon-core,.neon-shard,.neon-strand,.neon-hud-ring,.neon-blink,.neon-grain{animation:none}.neon-hair,.neon-strands,.neon-scan,.neon-streak,.neon-dot{display:none}.neon-sculpt-inner,.neon-overlay-inner,.neon-drift{transition:none}}
