@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root{--bg:#04070F;--surface:#0D1420;--surface2:#141D2E;--line:rgba(120,190,255,.13);--line2:rgba(120,190,255,.22);--text:#F2F7FF;--body:#C6D4E6;--dim:#8FA0B8;--mag:#1FA8FF;--vio:#1E5BE0;--cyan:#41E5FF;--flame:#FF8A2B;--green:#3DE89B;--grad:linear-gradient(120deg,#41E5FF 0%,#1FA8FF 48%,#1E5BE0 100%);--grad-cy:linear-gradient(120deg,#41E5FF 0%,#1E5BE0 100%);--grad-fl:linear-gradient(120deg,#FFB347 0%,#FF6A1A 100%);--r:12px;--sans:'Space Grotesk',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--t:170ms cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4{color:var(--text);font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.1}
p{margin:0}
a{color:var(--mag);text-decoration:none;transition:color var(--t)}
a:hover{color:#7FD4FF}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select{font-family:inherit}
.mono{font-family:var(--mono)}
.label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.card-hov{transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.card-hov:hover{border-color:rgba(65,229,255,.5);box-shadow:0 0 0 1px rgba(65,229,255,.16),0 16px 46px -14px rgba(31,168,255,.6);transform:translateY(-2px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.01em;transition:filter var(--t),background var(--t),border-color var(--t),box-shadow var(--t),transform var(--t)}
.btn-p{background:var(--grad);background-size:160% 100%;color:#04070F;font-weight:700;box-shadow:0 8px 30px -10px rgba(31,168,255,.6),0 2px 0 0 rgba(255,255,255,.3) inset;transition:background-position .5s var(--t),filter var(--t),transform var(--t)}
.btn-p:hover{background-position:100% 0}
.btn-p:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn-g{border:1px solid var(--line2);color:var(--text)}
.btn-g:hover{border-color:rgba(65,229,255,.55);background:rgba(65,229,255,.08);color:#fff}
.btn-sm{height:38px;padding:0 16px;font-size:13px}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}
.dot{width:6px;height:6px;border-radius:50%;flex:none}
.pill-run{color:var(--green);border-color:rgba(61,232,155,.3);background:rgba(61,232,155,.08)}
.pill-run .dot{background:var(--green);box-shadow:0 0 8px var(--green)}
.pill-prov{color:#E8C43D;border-color:rgba(232,196,61,.3);background:rgba(232,196,61,.08)}
.pill-prov .dot{background:#E8C43D}
.pill-susp{color:#E8546A;border-color:rgba(232,84,106,.3);background:rgba(232,84,106,.08)}
.pill-susp .dot{background:#E8546A}
.tabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}
.tab{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;border-radius:999px;color:var(--dim);transition:color var(--t),background var(--t)}
.tab:hover{color:var(--text)}
.tab[aria-selected=true]{background:var(--grad);color:#fff}
.inp{width:100%;height:46px;background:#0D0B11;border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:var(--mono);font-size:14px;padding:0 14px;outline:none;transition:border-color var(--t),box-shadow var(--t)}
.inp::placeholder{color:#6D6879}
.inp:focus{border-color:rgba(65,229,255,.6);box-shadow:0 0 0 3px rgba(65,229,255,.12)}
::selection{background:rgba(65,229,255,.35);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2A2436;border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#3D3450}
@media(max-width:720px){.wrap{padding:0 20px}}