:root{--bg: #050a09;--bg-1: #07110f;--surface: #081412;--surface-2: #0a1815;--text: #e8fff4;--muted: #8eb6a6;--accent: #25e089;--accent-2: #17b46a;--line: #14453b;--line-2: #0f2f27;--good: #25e089;--bad: #ff4d6a;--warn: #ffc14d;--radius: 18px;--radius-sm: 12px;--ring: 0 0 0 1px var(--line-2) inset, 0 30px 60px #0008;--shadow-soft: 0 10px 30px #0008;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:var(--sans);background:radial-gradient(1100px 520px at 10% -20%,#0e272017 0,transparent 60%),radial-gradient(900px 420px at 110% 10%,#11442b1a 0,transparent 60%),linear-gradient(180deg,#040707,var(--bg) 30%,#050a0a);background-attachment:fixed;overflow-y:overlay}body:before{content:"";position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(60% 60% at 20% 20%,rgba(37,224,137,.18) 0,transparent 60%),radial-gradient(45% 45% at 70% 10%,rgba(23,180,106,.15) 0,transparent 60%);filter:blur(26px) saturate(1.05);animation:aurora 26s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translateZ(0)}to{transform:translate3d(2%,-1%,0)}}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.02'/></svg>");opacity:.35;mix-blend-mode:soft-light}.wrap{max-width:1180px;margin:34px auto 80px;padding:0 16px}.header{display:flex;align-items:flex-start;gap:14px;margin:0 0 14px}.logo-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#25e08933 0,transparent 70%);border:1px solid var(--line);box-shadow:0 0 26px #25e08940}.title-wrap{position:relative;display:inline-block;padding:8px 14px 12px;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow-soft),inset 0 0 0 1px var(--line-2);overflow:hidden;isolation:isolate}.title{margin:0;font-weight:900;letter-spacing:.4px;line-height:1.05}.title .brand{color:#fff;filter:drop-shadow(0 1px 0 #00150f)}.title .accent{background:linear-gradient(90deg,var(--accent),#adffd7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(37,224,137,.18)}.title-scan{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(37,224,137,.1) 50%,transparent 100%);animation:titleScan 5s linear infinite}@keyframes titleScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.title-underline{position:absolute;left:12px;right:12px;bottom:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px #25e08961}.sub{color:var(--muted);margin:6px 0 8px}.hero-viz{position:relative;margin:8px 0 22px;padding:14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:var(--ring);overflow:hidden;isolation:isolate}.hero-viz>*{position:relative;z-index:1}.hero-scan{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(37,224,137,.07) 50%,transparent 100%);animation:scan 6s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hero-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:800}.hero-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#25e08926 0,transparent 70%);border:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:140px 1fr 140px 1fr;gap:8px 14px;font:13px var(--mono)}.dim{color:var(--muted)}.hero-viz:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(transparent 23px,#0f3028 24px),linear-gradient(90deg,transparent 23px,#0f3028 24px);background-size:24px 24px;opacity:.22;mask:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{position:relative;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--ring);overflow:hidden;transition:border-color .25s ease,background .25s ease}.card:hover{border-color:#1b5d4f}.card:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(220px 110px at 20% -10%,rgba(37,224,137,.1),transparent 60%)}.card h2{margin:0;padding:16px 16px 8px;font-size:18px;font-weight:850;letter-spacing:.35px}.card .inner{padding:0 16px 16px}.hr{height:1px;background:linear-gradient(90deg,transparent,#1a5649,transparent);margin:12px 0}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 14px;font:13px var(--mono)}.pre{margin:0;font:12px/1.45 var(--mono);background:#071412;color:var(--text);padding:12px;border-radius:12px;border:1px solid var(--line);max-height:320px;overflow:auto}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#0a1514;font:12px var(--mono);color:var(--text)}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.pill.ok{color:var(--good);border-color:#25e08973}.pill.bad{color:var(--bad);border-color:#ff4d6a73}.pill.warn{color:var(--warn);border-color:#ffc14d73}.btn{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#0b1c1a,#0c201e);color:var(--text);padding:9px 13px;border-radius:12px;cursor:pointer;font-family:var(--sans);transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:hover{border-color:#2be39b;box-shadow:0 0 0 2px #0f2f27 inset}.btn:active{transform:scale(.985)}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:translate(-100%);transition:transform .45s ease}.btn:hover:after{transform:translate(100%)}.footer{margin:24px 0 60px;color:#a5cabc;font-size:13px}@media (max-width: 640px){.kv{grid-template-columns:130px 1fr}.hero-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){body:before,.title-scan,.hero-scan{animation:none}}.kv>div:nth-child(2n){overflow-wrap:anywhere;word-break:break-word;min-width:0}.card{overflow:hidden}