*{box-sizing:border-box}body{margin:0;background:#05080c;color:#edf4f7;font-family:Inter,Arial,sans-serif}.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 5%,#0d2923,transparent 30%),radial-gradient(circle at 85% 30%,#101f2b,transparent 30%),#05080c}header,main,footer{width:min(1100px,calc(100% - 28px));margin:auto}header{padding:45px 0 25px;display:flex;justify-content:space-between;gap:20px;align-items:end}header span,small{color:#65ffd0;font-size:11px;letter-spacing:2px;font-weight:800}header h1{font-size:clamp(36px,7vw,65px);margin:8px 0;line-height:.95}header p{color:#91a0aa;max-width:700px;line-height:1.55;margin:0}header>b{border:1px solid #23333a;border-radius:999px;padding:10px 14px;color:#65ffd0;background:#0a1115;white-space:nowrap}.panel,.promo{background:#0a1015e8;border:1px solid #1d2b32;border-radius:20px;padding:22px;margin-bottom:16px}.head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{margin:5px 0 16px}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.buttons button{background:#0d151b;color:white;border:1px solid #26363d;border-radius:15px;padding:17px;font-size:32px;cursor:pointer}.buttons button:hover{border-color:#65ffd0;transform:translateY(-1px)}em{display:block;font-style:normal;color:#85939d;font-size:10px;letter-spacing:2px;margin-top:6px}.history{display:flex;flex-wrap:wrap;gap:6px;min-height:44px;margin-top:18px}.history i{font-style:normal;background:#101a20;border:1px solid #203038;border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.meta{display:flex;justify-content:space-between;color:#72808a;font-size:12px;margin-top:10px}.panel button{background:#0b1318;border:1px solid #26363d;color:#b9c4ca;border-radius:9px;padding:9px 11px;cursor:pointer}.signal{text-align:center}.signal>small{display:block;text-align:left}.signal #signal{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #26343b;border-radius:17px;background:#080e13;margin-top:5px}.signal strong{font-size:70px}.signal h2{margin:5px 0;font-size:26px}.signal p{color:#81909a;margin:0}.signal .pattern{color:#65ffd0;font-weight:700}.actions{display:flex;gap:6px}#log{display:grid;gap:8px}.row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:11px;border:1px solid #1d2b32;border-radius:12px;background:#0b1217}.row .ball{font-size:27px}.row small{color:#788792;letter-spacing:0}.pill{font-size:10px;border-radius:99px;padding:6px 9px;font-weight:800}.pending{background:#222a2e;color:#b7c0c5}.green{background:#093526;color:#64ffd0}.red{background:#39171a;color:#ff7b7b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.pat{border:1px solid #1d2b32;border-radius:12px;padding:12px;background:#0b1217}.pat b{font-size:12px}.pat code{display:block;color:#b2c0c8;margin:7px 0;font-size:13px}.pat button{font-size:10px;padding:6px 8px;color:#65ffd0}.promo{min-height:230px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#11171c,#07090b)}.promo h2{font-size:52px;margin:8px 0}.promo p{color:#87949d}.brand{font-size:clamp(35px,8vw,78px);font-weight:1000;letter-spacing:-4px;opacity:.9}footer{text-align:center;color:#52606a;font-size:11px;padding:0 0 28px}@media(max-width:650px){header{display:block;padding-top:28px}header>b{display:inline-block;margin-top:16px}.buttons{gap:6px}.buttons button{font-size:26px}.promo{display:block}.brand{margin-top:20px}}
