:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8eef7;background:#0b1018;--muted:#91a0b5;--line:#243044;--card:#121a26;--blue:#65a8ff;--green:#65e0ad}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#142844 0,#0b1018 42%);min-height:100vh}.shell{max-width:940px;margin:auto;padding:54px 24px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.06em;margin:8px 0}.eyebrow,.label{font-size:.72rem;letter-spacing:.14em;color:var(--blue);font-weight:700}.muted{color:var(--muted)}.pill{border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:.78rem}.card{background:rgba(18,26,38,.88);border:1px solid var(--line);border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 14px 50px #0003}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:22px}label{display:grid;gap:8px;font-size:.8rem;color:var(--muted)}select,input{width:100%;background:#0c131e;border:1px solid var(--line);color:#fff;border-radius:9px;padding:12px;font:inherit}.current{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.current strong{display:block;margin-top:6px}.vpn-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.upload{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.secondary,.primary{border:0;border-radius:9px;padding:12px 16px;font-weight:700;cursor:pointer}.secondary{background:#1c2a3e;color:#d8e7fb}.primary{background:var(--blue);color:#07111e;font-size:1rem}.primary:disabled,.secondary:disabled{opacity:.5;cursor:wait}.step{display:flex;gap:15px}.step>span{color:var(--green);font-weight:800;font-size:1.4rem}.step h3{margin:0}.result{white-space:pre-wrap;background:#0b111a;border:1px solid var(--line);border-radius:10px;padding:14px;color:#b7c8df;min-height:50px;overflow:auto}footer{color:var(--muted);font-size:.8rem;margin-top:24px}code{color:#d8e7fb}@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}.current{align-items:flex-start;gap:12px}.upload{grid-template-columns:1fr}.vpn-actions{justify-content:flex-start}header{gap:15px}}@media(max-width:430px){.grid{grid-template-columns:1fr}}