:root{color-scheme:dark;--bg:#080b16;--panel:#11182ccc;--line:#263150;--text:#eef6ff;--muted:#91a2c2;--cyan:#14e7ff;--purple:#9b5cff;--green:#50ff9f;--warn:#ffd166}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui;background:radial-gradient(circle at 20% 10%,#19306b 0,#080b16 35%),radial-gradient(circle at 80% 0,#3a1764 0,#080b16 30%);color:var(--text);min-height:100vh}.shell{max-width:1180px;margin:auto;padding:32px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;min-height:90vh}.card{background:linear-gradient(135deg,#121a30d9,#0d1224b3);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 80px #0008, inset 0 1px #fff2;backdrop-filter:blur(18px);padding:24px}.brand{font-size:14px;letter-spacing:.28em;color:var(--cyan);text-transform:uppercase}.title{font-size:clamp(40px,7vw,76px);line-height:.95;margin:14px 0;background:linear-gradient(90deg,#fff,var(--cyan),var(--purple));-webkit-background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:18px;max-width:680px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}input,select,textarea,button{width:100%;border:1px solid var(--line);border-radius:14px;background:#081022;color:var(--text);padding:13px 14px;font:inherit}textarea{min-height:130px}button{cursor:pointer;background:linear-gradient(90deg,var(--cyan),var(--purple));border:0;font-weight:800;color:#06101d;transition:.18s transform,.18s filter}button:hover{transform:translateY(-1px);filter:saturate(1.2)}button.secondary{background:#17213d;color:var(--text);border:1px solid var(--line)}.metric{font-size:34px;font-weight:900}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.pill{display:inline-flex;border:1px solid #ffffff22;padding:6px 10px;border-radius:999px;color:var(--green);background:#50ff9f14}.log{height:260px;overflow:auto;font-family:ui-monospace,monospace;background:#050914;border-radius:18px;padding:14px;border:1px solid #1d2948;color:#aef7ff}.qr{max-width:240px;border-radius:16px;background:white;padding:10px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}@media(max-width:820px){.hero,.grid{display:block}.card{margin-bottom:18px}.shell{padding:18px}}