:root{--bg:#07110f;--panel:#0d1b18;--line:#20332e;--text:#eef9f3;--muted:#8da69e;--lime:#a7f36b;--cyan:#61d8c5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#12382e 0,transparent 34%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:#081310d9;backdrop-filter:blur(14px)}header>div{display:flex;align-items:center;gap:12px}.mark{width:48px;height:48px;border-radius:14px;background:var(--lime);color:#102016;display:grid;place-items:center;font-weight:900;letter-spacing:-1px}.mark.small{width:34px;height:34px;border-radius:9px}.shell{max-width:1120px;margin:auto;padding:54px 24px 80px}.hero{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:end;margin-bottom:34px}.eyebrow{color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:2px}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-3px;margin:10px 0 18px;max-width:700px}.hero p:not(.eyebrow){color:var(--muted);max-width:620px;font-size:17px}.status-card,article,.logs{border:1px solid var(--line);background:linear-gradient(145deg,#10231e,#0a1714);border-radius:20px}.status-card{padding:24px;display:flex;align-items:center;gap:16px}.status-card span{width:12px;height:12px;border-radius:50%;background:#f5b83d;box-shadow:0 0 0 6px #f5b83d1a}.status-card span.live{background:var(--lime);box-shadow:0 0 0 6px #a7f36b1a}.status-card small,.status-card strong{display:block}.status-card small{color:var(--muted);font-size:10px;letter-spacing:1.4px}.status-card strong{text-transform:capitalize;margin-top:3px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid article,.logs{padding:26px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title h2{font-size:18px;margin:0}.section-title span{color:var(--muted);font-size:12px}label{display:grid;gap:8px;color:var(--muted);margin:14px 0}input{width:100%;background:#07110f;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--cyan)}button{border:0;background:var(--lime);color:#102016;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.secondary,.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.switch{display:flex;align-items:center;gap:10px}.switch input{width:auto}.connected{padding:15px;border-radius:11px;background:#a7f36b14;color:var(--lime);border:1px solid #a7f36b35}.hint,.muted{color:var(--muted)}.logs{margin-top:20px}.log{display:grid;grid-template-columns:76px 1fr;padding:11px 0;border-top:1px solid var(--line)}.log:first-child{border-top:0}.log time{color:var(--cyan);font-variant-numeric:tabular-nums}.login-page{display:grid;place-items:center}.login-card{width:min(390px,calc(100% - 32px));padding:36px;border:1px solid var(--line);background:var(--panel);border-radius:22px}.login-card h1{margin:22px 0 4px}.login-card p{color:var(--muted);margin-top:0}.login-card button{width:100%;margin-top:12px}.error{color:#ff8f8f}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{gap:20px}.hero h1{letter-spacing:-2px}.status-card{max-width:none}}