:root{--tron-cyan:#00f7ff;--tron-cyan-soft:#48ffff;--tron-blue:#0b1b2b;--tron-deep:#07101a;--tron-dark:#03080f;--glow:0 0 12px #00f7ffcc,0 0 24px #00f7ff80,0 0 48px #00f7ff40}html,body,#root{height:100%}body{background:radial-gradient(ellipse at 50% 20%,var(--tron-blue)0%,var(--tron-deep)40%,var(--tron-dark)100%);color:#fff;margin:0;font-family:Orbitron,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell;overflow:hidden}.tron-grid{perspective:800px;pointer-events:none;position:absolute;inset:0}.tron-grid:before{content:"";transform-origin:top;filter:drop-shadow(0 0 10px #00f7ff59);background-image:linear-gradient(#00f7ff40 2px,#0000 2px),linear-gradient(90deg,#00f7ff40 2px,#0000 2px);background-size:40px 40px,40px 40px;height:75vh;animation:12s linear infinite gridShift;position:absolute;bottom:-10vh;left:-5vw;right:-5vw;transform:rotateX(70deg)translateZ(0);box-shadow:inset 0 0 100px #00f7ff26}@keyframes gridShift{0%{background-position:0 0,0 0}to{background-position:0 40px,40px 0}}.horizon{background:linear-gradient(90deg,transparent,var(--tron-cyan),transparent);filter:blur(.6px)drop-shadow(0 0 8px #00f7ffe6);height:2px;position:absolute;top:35vh;left:0;right:0}.scanlines{mix-blend-mode:soft-light;pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 3px 6px);position:absolute;inset:0}.grid-wrapper{text-align:center;place-items:center;height:100%;display:grid;position:relative}.title{letter-spacing:.25em;text-transform:uppercase;color:var(--tron-cyan);text-shadow:var(--glow);margin:0 0 .35rem;font-family:Audiowide,Orbitron,sans-serif;font-size:clamp(2.4rem,8vw,6rem);font-weight:700}.subtitle{color:#c8f9ff;letter-spacing:.15em;text-transform:uppercase;opacity:.9;margin:0 0 2rem;font-weight:300}.cta{appearance:none;border:2px solid var(--tron-cyan);color:var(--tron-cyan);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow),inset 0 0 20px #00f7ff14;background:#00f7ff14;border-radius:8px;padding:.9rem 1.4rem;font-size:.95rem;transition:transform .12s,box-shadow .15s,background .15s}.cta:hover{background:#00f7ff1f;transform:translateY(-1px)}.cta:active{transform:translateY(0)}.hint{color:#9fe8ee;letter-spacing:.08em;opacity:.85;margin-top:1rem;font-size:.8rem}.rings{pointer-events:none;position:absolute;inset:0}.rings span{border:2px solid #00f7ff2e;border-radius:50%;width:min(70vmin,900px);height:min(70vmin,900px);animation:4.5s ease-in-out infinite pulse;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 40px #00f7ff1f}.rings span:nth-child(2){width:min(55vmin,720px);height:min(55vmin,720px);animation-delay:.6s}.rings span:nth-child(3){width:min(40vmin,520px);height:min(40vmin,520px);animation-delay:1.2s}@keyframes pulse{0%,to{filter:drop-shadow(0 0 10px #00f7ff40)}50%{filter:drop-shadow(0 0 26px #00f7ff8c)}}.credit{color:#89d9df;opacity:.8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.credit a{color:var(--tron-cyan-soft);text-decoration:none}.credit a:hover{text-decoration:underline}