:root{--bg:#0a0c14;--bg-panel:#12142090;--bg-panel-solid:#12141f;--bg-inset:#0d0f18;--line:#e9e7ff17;--line-strong:#e9e7ff2e;--core:#7c6cf0;--core-dim:#4d3fa8;--core-glow:#7c6cf055;--flare:#ffb454;--flare-hot:#ff8a3d;--text:#edecf7;--text-dim:#9a9dc0;--text-faint:#656a91;--success:#3ecf8e;--danger:#ff6161;--radius-sm:6px;--radius:12px;--radius-lg:20px;--font-display:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", monospace}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(120% 100% at 15% 0%, #1a1530 0%, var(--bg) 45%);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}p{color:var(--text-dim);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font-family:inherit}:focus-visible{outline:2px solid var(--flare);outline-offset:2px}.app-shell{flex-direction:column;min-height:100%;display:flex}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,64px);display:flex}.nav-brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.nav-brand .spark{background:var(--flare);width:9px;height:9px;box-shadow:0 0 12px 3px var(--flare-hot);border-radius:50%}.nav-links{color:var(--text-dim);align-items:center;gap:24px;font-size:.9rem;display:flex}.nav-links a,.nav-links button.linklike{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:none}.nav-links a:hover,.nav-links button.linklike:hover{color:var(--text)}.btn{border:1px solid var(--line-strong);background:var(--bg-inset);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--core)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--flare) 0%, var(--flare-hot) 100%);color:#1a1206;border:none}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-block{width:100%}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);border-color:var(--line-strong)}.btn-danger{border-color:color-mix(in srgb, var(--danger) 50%, transparent);color:var(--danger);background:0 0}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(20px,4vw,32px)}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field label{color:var(--text-dim);font-size:.82rem}.field input{background:var(--bg-inset);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);padding:12px 14px;font-size:.95rem}.field input:focus{border-color:var(--core)}.error-text{color:var(--danger);font-size:.85rem}.success-text{color:var(--success);font-size:.85rem}.hero{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,72px);width:100%;max-width:1280px;margin:0 auto;padding:clamp(32px,6vw,80px) clamp(20px,5vw,64px);display:grid}@media (width<=900px){.hero{grid-template-columns:1fr}}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--flare);margin-bottom:18px;font-size:.78rem;display:block}.hero h1{margin-bottom:20px;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.05}.hero .lede{max-width:46ch;margin-bottom:32px;font-size:1.05rem}.tabs{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius-sm);gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 18px;font-size:.88rem;font-weight:600}.tab.active{background:var(--core);color:#fff}.console{border:1px solid var(--line);border-radius:var(--radius-lg);font-family:var(--font-mono);background:linear-gradient(#14172480 0%,#0d0f1890 100%);padding:28px;position:relative;overflow:hidden}.console:before{content:"";background:radial-gradient(closest-side, var(--core-glow), transparent);pointer-events:none;height:220px;position:absolute;inset:-40% -20% auto}.console-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px;font-size:.75rem}.console-step{border-top:1px solid var(--line);align-items:flex-start;gap:14px;padding:12px 0;display:flex;position:relative}.console-step:first-child{border-top:none}.console-dot{border:1.5px solid var(--line-strong);width:20px;height:20px;color:var(--text-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.7rem;transition:all .4s;display:flex}.console-step.done .console-dot{border-color:var(--success);color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.console-step.active .console-dot{border-color:var(--flare);color:var(--flare);box-shadow:0 0 0 4px color-mix(in srgb, var(--flare-hot) 20%, transparent);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--flare-hot) 35%, transparent)}50%{box-shadow:0 0 0 6px #0000}}.console-step-title{color:var(--text);margin-bottom:2px;font-size:.88rem}.console-step-detail{color:var(--text-faint);font-size:.78rem}.console-key{background:var(--bg-inset);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--flare);letter-spacing:.03em;word-break:break-all;margin-top:18px;padding:14px 16px;font-size:.92rem}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(20px,5vw,32px)}.page-header{margin-bottom:32px}.page-header .eyebrow{margin-bottom:8px}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=800px){.grid-2{grid-template-columns:1fr}}.stat-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.stat{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-width:140px;padding:16px 18px}.stat .value{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.stat .label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line-strong);padding:10px 12px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.badge{border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.badge-ok{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.badge-blocked{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.section-title{margin-bottom:16px;font-size:1.1rem}.mono{font-family:var(--font-mono)}.actions-row{flex-wrap:wrap;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-faint);padding:48px 20px}