:root{--bg-primary:#0a0a0a;--bg-surface:#1a1a1a;--text-primary:#e2e2e2;--text-secondary:#e3e3e3;--border-color:#fefffe;--matrix-color:#eefffe}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:VT323,ui-monospace,monospace;overflow:hidden}#matrix-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.portal-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.terminal{border:2px solid var(--border-color);backdrop-filter:blur(10px);background:#000000d9;border-radius:8px;width:min(720px,92%);padding:32px;animation:.8s ease-out fadeInUp;box-shadow:0 0 20px #00f7ff4d,0 0 40px #00ff411a,inset 0 0 60px #00ff410d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.titlebar{letter-spacing:.1em;border-bottom:2px solid var(--border-color);text-align:center;text-shadow:0 0 10px var(--matrix-color);margin-bottom:24px;padding-bottom:12px;font-size:28px;animation:3s infinite glitch}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{text-shadow:2px 0 var(--matrix-color), 0 0 10px var(--matrix-color);transform:translate(-2px)}94%{text-shadow:-2px 0 var(--matrix-color), 0 0 10px var(--matrix-color);transform:translate(2px)}96%{transform:translate(-2px)}}.screen{white-space:pre-wrap;margin-bottom:32px;font-size:22px;line-height:1.8}.muted{color:var(--text-secondary);opacity:.7}.highlight{color:var(--matrix-color);text-shadow:0 0 8px var(--matrix-color);font-weight:700}.cursor{background:var(--text-primary);vertical-align:-.2em;width:.6ch;height:1.2em;box-shadow:0 0 5px var(--matrix-color);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.lang-selection{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:24px;display:flex}.lang-btn{border:2px solid var(--border-color);color:var(--text-primary);background:#0009;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:220px;padding:40px 56px;font-size:20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.lang-btn:before{content:"";background:linear-gradient(90deg,#0000,#0099ff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.lang-btn:hover:before{left:100%}.lang-btn:hover{border-color:var(--matrix-color);background:#0055ff1a;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 32px #00aeff66,0 0 20px #006eff4d,inset 0 0 20px #003cff1a}.lang-btn:active{transform:translateY(-3px)scale(1)}.lang-flag{filter:drop-shadow(0 0 10px #00d5ff80);font-size:56px;line-height:1;animation:3s ease-in-out infinite float}.lang-btn:first-child .lang-flag{animation-delay:0s}.lang-btn:nth-child(2) .lang-flag{animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lang-label{letter-spacing:.08em;text-shadow:0 0 10px var(--matrix-color);font-size:26px;font-weight:700}.lang-code{color:var(--text-secondary);text-transform:uppercase;opacity:.8;font-size:18px}.portal-footer{text-align:center;color:var(--text-secondary);text-shadow:0 0 5px var(--matrix-color);margin-top:40px;font-size:18px;animation:1.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lang-btn.loading{pointer-events:none;opacity:.7}.lang-btn.loading:after{content:"";border:3px solid var(--matrix-color);width:24px;height:24px;box-shadow:0 0 10px var(--matrix-color);border-top-color:#0000;border-radius:50%;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}#matrix-loader{z-index:9999;background:#000000fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#matrix-loader.active{animation:.4s ease-in forwards fadeIn;display:flex}.matrix-loader-canvas{opacity:.3;width:100%;height:100%;position:absolute;top:0;left:0}.matrix-loader-text{color:#fff;letter-spacing:.1em;text-shadow:0 0 15px #d3d3d368;z-index:10;font-family:VT323,monospace;font-size:2rem;animation:1.2s infinite alternate flicker;position:relative}.matrix-loader-text .dot{animation:1.5s infinite dots}.matrix-loader-text .dot:nth-child(2){animation-delay:.2s}.matrix-loader-text .dot:nth-child(3){animation-delay:.4s}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes flicker{0%{opacity:.8}to{opacity:1}}.terminal:after{content:"";pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=640px){.terminal{padding:24px}.titlebar{font-size:22px}.screen{font-size:18px}.lang-btn{min-width:180px;padding:32px 40px}.lang-flag{font-size:48px}.lang-label{font-size:22px}.lang-code,.portal-footer{font-size:16px}.matrix-loader-text{font-size:1.5rem}}