:root{--bg:#070b14;--panel:rgba(18,26,44,.6);--line:rgba(120,160,255,.14);--cyan:#3ef0ff;--lime:#b6ff3b;--mag:#ff3ec8;--gold:#ffc94a;--txt:#dce6ff;--dim:#7d8aa8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font-family:'Bricolage Grotesque',sans-serif;min-height:100vh;
background-image:radial-gradient(circle at 15% 10%,rgba(62,240,255,.10),transparent 40%),radial-gradient(circle at 85% 30%,rgba(255,62,200,.08),transparent 40%),linear-gradient(rgba(120,160,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.05) 1px,transparent 1px);
background-size:auto,auto,40px 40px,40px 40px}
.mono{font-family:'JetBrains Mono',monospace}
.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:14px}
.btn{border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;font-weight:500;transition:.2s;background:rgba(255,255,255,.03)}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
.btn:active{transform:scale(.96)}
.btn:disabled{opacity:.4;pointer-events:none}
.b-cyan{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px rgba(62,240,255,.25)}
.b-lime{border-color:var(--lime);color:var(--lime);box-shadow:0 0 18px rgba(182,255,59,.2)}
.b-mag{border-color:var(--mag);color:var(--mag);box-shadow:0 0 18px rgba(255,62,200,.22)}
input,textarea,select{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;color:var(--txt);outline:none;font-family:'JetBrains Mono',monospace;font-size:.85rem}
input:focus,textarea:focus{border-color:var(--cyan)}
.chip{font-size:.65rem;padding:.1rem .45rem;border-radius:999px;font-family:'JetBrains Mono';text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor}
.t-mtproto{color:#b58cff}.t-socks5{color:#5aa8ff}.t-http{color:#ffa04a}.t-webproxy{color:var(--lime)}
.pulse{animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.25}}
.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.crown{box-shadow:inset 3px 0 0 var(--gold);background:rgba(255,201,74,.05)}
.fly{animation:fly 1.2s ease-in-out infinite alternate}
@keyframes fly{from{transform:translateY(-2px) rotate(-4deg)}to{transform:translateY(3px) rotate(4deg)}}
.rise{animation:rise .5s both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
th{cursor:pointer;user-select:none;font-weight:500;color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
th:hover{color:var(--cyan)}
tr{transition:background .2s}
a{color:var(--cyan)}