:root{--primary:#0f8;--secondary:#00d4ff;--danger:#f05;--bg:#0a0a0f;--surface:#12121a;--text:#e0e0e8;--glow:#00ff884d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);width:100vw;height:100vh;font-family:Courier New,monospace;position:relative;overflow:hidden}#root{width:100vw;height:100vh}.grid-bg{pointer-events:none;z-index:1;background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridScroll;position:fixed;top:0;left:0}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.scanline{pointer-events:none;z-index:10;background:linear-gradient(#0000 50%,#00ff8805 50%) 0 0/100% 4px;width:100%;height:100%;animation:8s linear infinite scan;position:fixed;top:0;left:0}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}.terminal-header{background:var(--surface);border-bottom:2px solid var(--primary);z-index:100;opacity:0;align-items:center;height:40px;padding:0 1rem;font-size:.75rem;animation:.5s .5s forwards fadeIn;display:flex;position:fixed;top:0;left:0;right:0}.terminal-dots{gap:8px;margin-right:auto;display:flex}.dot{background:var(--danger);border-radius:50%;width:12px;height:12px}.dot:nth-child(2){background:#fa0}.dot:nth-child(3){background:var(--primary)}.terminal-title{color:var(--primary);text-transform:uppercase;letter-spacing:2px}.corner{border:2px solid var(--primary);opacity:.5;z-index:2;width:60px;height:60px;animation:3s ease-in-out infinite cornerPulse;position:fixed}.corner-tl{border-bottom:none;border-right:none;top:60px;left:20px}.corner-tr{border-bottom:none;border-left:none;top:60px;right:20px}.corner-bl{border-top:none;border-right:none;bottom:20px;left:20px}.corner-br{border-top:none;border-left:none;bottom:20px;right:20px}@keyframes cornerPulse{0%,to{opacity:.3}50%{opacity:.8}}.container{z-index:5;flex-direction:column;justify-content:center;align-items:center;max-width:1400px;height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative}.content{text-align:center;opacity:0;animation:1s 1s forwards fadeInUp}.access-granted{color:var(--primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.7rem,2vw,.9rem);animation:2s ease-in-out infinite pulse}.name{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-2px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;animation:5s infinite glitchText;position:relative}.roles{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin-bottom:3rem;display:flex}.role{color:var(--text);cursor:default;background:#12121acc;border:1px solid #00ff884d;border-radius:4px;padding:.8rem 1.5rem;font-size:clamp(.8rem,2vw,1rem);transition:all .3s;position:relative;overflow:hidden}.role:before{content:"";background:linear-gradient(90deg,#0000,#0f83,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.role:hover{border-color:var(--primary);box-shadow:0 0 20px var(--glow);transform:translateY(-2px)}.role:hover:before{left:100%}.download-btn{text-transform:uppercase;letter-spacing:2px;color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:0 0;padding:1.2rem 3rem;font-family:Courier New,monospace;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;transition:all .3s;position:relative;overflow:hidden}.download-btn:before{content:"";background:var(--primary);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.download-btn:hover{color:var(--bg);box-shadow:0 0 30px var(--glow),inset 0 0 30px var(--glow)}.download-btn:hover:before{width:400px;height:400px}.download-btn span{z-index:1;position:relative}.download-btn:active{transform:scale(.95)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.download-progress{background:var(--surface);border:2px solid var(--primary);opacity:0;pointer-events:none;z-index:1000;box-shadow:0 0 30px var(--glow);border-radius:4px;padding:1rem 2rem;transition:opacity .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.download-progress.show{opacity:1;pointer-events:auto}.progress-bar{background:#00ff881a;border-radius:5px;width:300px;height:10px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:5px;width:0%;height:100%;transition:width .5s}.status-bar{background:var(--surface);z-index:100;opacity:0;border-top:1px solid #00ff884d;justify-content:space-between;align-items:center;height:35px;padding:0 1rem;font-size:.7rem;animation:.5s 1.5s forwards fadeIn;display:flex;position:fixed;bottom:0;left:0;right:0}.status-item{color:var(--primary);align-items:center;gap:.5rem;display:flex}.status-indicator{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1s infinite blink}.particle{background:var(--primary);pointer-events:none;z-index:1;opacity:0;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite particleFloat;position:fixed}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)scale(1)}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes glitchText{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.corner{width:40px;height:40px}.corner-tl,.corner-tr{top:50px}.roles{gap:.7rem}.role{padding:.6rem 1rem}.download-btn{padding:1rem 2rem}.progress-bar{width:250px}}@media (max-width:480px){.terminal-title{display:none}.status-bar{padding:0 .5rem;font-size:.6rem}.progress-bar{width:200px}}