@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0A0A0A;--color-surface: #141414;--color-surface-hover: #1E1E1E;--color-accent: #9A9A9A;--color-accent-light: #E0E0E0;--color-text-primary: #FFFFFF;--color-text-secondary: #777777;--color-border: #2A2A2A;--gradient-start: #404040;--gradient-mid: #9A9A9A;--gradient-end: #606060;--glow-color: rgba(154, 154, 154, .4);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-bg)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-text-primary)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::selection{background-color:var(--color-accent);color:var(--color-bg)}.g4-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0a0a0a;position:relative;overflow:hidden}.g4-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,65,.025) 1px,rgba(0,255,65,.025) 3px);pointer-events:none;z-index:3}.g4-noise{position:absolute;inset:-50%;width:200%;height:200%;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:g4-grain .4s steps(3) infinite;pointer-events:none;z-index:2}.g4-content{text-align:center;z-index:4;opacity:0;animation:g4-fade 1s ease-out .3s forwards}.g4-text{font-family:Courier New,Courier,monospace;font-size:clamp(1.8rem,5vw,4rem);font-weight:500;color:#00ff41;letter-spacing:.2em;position:relative;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(0,255,65,.25),0 0 20px rgba(0,255,65,.1);animation:g4-flicker 6s ease-in-out infinite}.g4-text:before,.g4-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#00ff41;text-shadow:0 0 6px rgba(0,255,65,.25)}.g4-text:before{animation:g4-shift-1 4s infinite linear alternate-reverse;clip-path:inset(0 0 70% 0)}.g4-text:after{animation:g4-shift-2 4s infinite linear alternate-reverse;clip-path:inset(70% 0 0 0)}.g4-bar{width:200px;height:2px;background:#0a1f0e;margin:2rem auto 1.5rem;border-radius:1px;overflow:hidden}.g4-bar-fill{width:40%;height:100%;background:linear-gradient(90deg,transparent,#00FF41,transparent);border-radius:1px;animation:g4-bar-slide 2s ease-in-out infinite}.g4-sub{font-family:Courier New,Courier,monospace;font-size:clamp(.9rem,2vw,1.25rem);letter-spacing:.25em}.g4-bracket{color:#0d6b24}.g4-label{color:#1a8a35}.g4-cursor{animation:g4-blink 1.2s step-end infinite;color:#00ff41;font-size:.8em}.g4-meta{margin-top:2rem;display:flex;gap:2.5rem;justify-content:center;font-family:Courier New,Courier,monospace;font-size:.6rem;color:#0d3a16;letter-spacing:.12em}@keyframes g4-grain{0%{transform:translate(0)}33%{transform:translate(-2%,-1%)}66%{transform:translate(1%,2%)}to{transform:translate(0)}}@keyframes g4-flicker{0%,96%{opacity:1}97%{opacity:.5}97.5%{opacity:1}98%{opacity:.7}98.5%,to{opacity:1}}@keyframes g4-shift-1{0%,85%{transform:translate(0)}87%{transform:translate(-3px,1px)}89%{transform:translate(2px,-1px)}91%,to{transform:translate(0)}}@keyframes g4-shift-2{0%,88%{transform:translate(0)}90%{transform:translate(3px,-1px)}92%{transform:translate(-2px,1px)}94%,to{transform:translate(0)}}@keyframes g4-bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes g4-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes g4-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.g4-text{letter-spacing:.08em}.g4-meta{gap:1.5rem;font-size:.5rem}}