*{box-sizing:border-box}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--panel-bg:#1a1a1a;--panel-bg-soft:#222;--text-primary:#d7ffe1;--text-muted:#93b39c;--accent:#00ff41;--accent-alt:#00f5ff;--danger:#ff4d6d;--success:#00ff9d;--line:#00ff4159}body{background:radial-gradient(circle at 20% 20%, #00f5ff14, transparent 28%), radial-gradient(circle at 80% 10%, #00ff4112, transparent 24%), linear-gradient(145deg, var(--bg-primary), var(--bg-secondary));color:var(--text-primary);min-height:100vh;margin:0;font-family:Fira Code,JetBrains Mono,Share Tech Mono,Consolas,monospace;line-height:1.45;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.22;z-index:0;background:repeating-linear-gradient(#00ff410a 0 1px,#0000 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.1;z-index:0;background-image:linear-gradient(#00f5ff0d 1px,#0000 1px),linear-gradient(90deg,#00f5ff0d 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}#app{z-index:1;min-height:100vh;padding:28px;position:relative}.container{max-width:1120px;margin:0 auto}.header{border:1px solid var(--line);background:linear-gradient(#00ff410f,#0006);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex;box-shadow:0 0 22px #00ff411f,inset 0 0 0 1px #00f5ff14}h1{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-alt);text-shadow:0 0 8px #00f5ff80;white-space:nowrap;border-right:2px solid var(--accent);width:fit-content;margin:0;font-size:1.5rem;animation:2.8s steps(26,end) typing,1s step-end infinite cursor-blink;overflow:hidden}h2{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-top:0;margin-bottom:14px;font-size:1.1rem}.card{border:1px solid var(--line);background:linear-gradient(160deg,#1a1a1af2,#222222e6);border-radius:12px;padding:22px 20px 20px;position:relative;box-shadow:0 0 18px #00ff411f,inset 0 0 0 1px #00f5ff12}.card:before{content:"";background:linear-gradient(90deg, var(--accent-alt), var(--accent));opacity:.5;border-radius:12px 12px 0 0;height:10px;position:absolute;top:0;left:0;right:0}.card:after{content:"SYSTEM ONLINE";letter-spacing:.09em;color:var(--text-muted);font-size:.62rem;position:absolute;top:13px;right:14px}.form{gap:13px;display:grid}label{color:var(--accent-alt);text-transform:uppercase;letter-spacing:.03em;gap:6px;font-size:.95rem;display:grid}input{color:var(--text-primary);background:#070707d9;border:1px solid #00f5ff59;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,transform .2s}input::placeholder{color:#7ea89a}input:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 2px #00ff4126,0 0 12px #00ff4159}button{border:1px solid var(--accent);color:var(--accent);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#121212,#090909);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:600;transition:box-shadow .25s,transform .25s,border-color .25s,color .25s}button:hover{border-color:var(--accent-alt);color:var(--accent-alt);transform:translateY(-1px);box-shadow:0 0 12px #00f5ff80,inset 0 0 8px #00f5ff26}button:active{transform:translateY(0)}button.secondary{border-color:var(--accent-alt);color:var(--accent-alt);box-shadow:inset 0 0 8px #00f5ff1a}button.link-button{color:var(--accent-alt);text-transform:none;letter-spacing:.03em;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}button.link-button:hover{color:var(--accent);box-shadow:none;text-decoration:underline;transform:none}.hint{color:var(--text-muted);margin-top:12px}.help-text{color:#84a390;font-size:.82rem}.grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.output{background:#030303a6;border:1px solid #00ff4138;border-radius:8px;margin-top:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border:1px solid #00f5ff33;padding:8px 10px}th{color:var(--accent-alt);text-transform:uppercase;letter-spacing:.06em;background:#00f5ff14}tbody tr:nth-child(2n){background:#00ff4108}tbody tr:hover{background:#00f5ff0f}.alert{border:1px solid;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.92rem;animation:3.6s infinite flicker}.alert.error{color:#ff9aae;background:#ff4d6d1f;border-color:#ff4d6d80;box-shadow:0 0 12px #ff4d6d40}.alert.success{color:#a8ffda;background:#00ff9d1f;border-color:#00ff9d80;box-shadow:0 0 12px #00ff9d38}.hidden{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-alt), var(--accent));border-radius:6px}@keyframes cursor-blink{0%,45%{border-color:var(--accent)}46%,to{border-color:#0000}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes flicker{0%,to{opacity:1}45%{opacity:.95}47%{opacity:.86}49%{opacity:1}65%{opacity:.94}}@media (width<=840px){.grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}