:root{--bg:#0b0b12;--bg-panel:#10101c;--fg:#c8ffe0;--accent:#39ff88;--accent-dim:#1d8a4c;--muted:#5c6b7a;--border:4px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{color:var(--fg);background:var(--bg);min-height:100vh;image-rendering:pixelated;font-family:"Press Start 2P",Courier New,monospace}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;min-height:100vh;padding:4.5rem 1rem 3rem;display:flex;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:10;background:repeating-linear-gradient(#0000 0 3px,#00000040 3px 4px);position:fixed;inset:0}.lang-switch{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.lang-switch button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.4rem .3rem}.lang-switch button:hover{color:var(--fg)}.lang-switch button.active{color:var(--accent);text-shadow:0 0 8px var(--accent)}.logo{letter-spacing:.08em;color:var(--accent);text-shadow:0 0 2px var(--accent), 0 0 18px #39ff888c, 6px 6px 0 #063d1f;font-size:clamp(2rem,9vw,4.5rem)}.tagline{color:var(--fg);font-size:clamp(.65rem,2.6vw,1rem);line-height:1.8}.construction{color:var(--muted);font-size:clamp(.55rem,2.2vw,.8rem)}.cursor{color:var(--accent);margin-left:.2em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.progress{border:var(--border) solid var(--accent-dim);background:var(--bg-panel);width:min(320px,80vw);height:18px;padding:2px}.progress-fill{background:repeating-linear-gradient(to right, var(--accent) 0px, var(--accent) 8px, transparent 8px, transparent 12px);width:40%;height:100%;animation:3s steps(6,end) infinite alternate load;display:block}@keyframes load{0%{width:25%}to{width:70%}}.contacts{border:var(--border) solid var(--accent-dim);background:var(--bg-panel);padding:1.5rem 2rem;box-shadow:8px 8px #39ff881f}.contacts h2{color:var(--accent);margin-bottom:1.25rem;font-size:.8rem}.contacts ul{text-align:left;flex-direction:column;gap:1rem;list-style:none;display:flex}.contacts li{align-items:center;gap:.75rem;font-size:clamp(.6rem,2.4vw,.8rem);display:flex}.pix-icon{color:var(--accent)}.contacts a{color:var(--fg);border-bottom:2px dashed var(--accent-dim);padding-bottom:.15em;line-height:1.6;text-decoration:none}.contacts a:hover,.contacts a:focus-visible{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 6px #39ff8899}
