body{font-family:system-ui,-apple-system,Segoe UI,Roboto;margin:0;background:#f7f7f7}
.wrap{max-width:980px;margin:24px auto;background:#fff;padding:16px;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
h1{font-size:22px;margin:0 0 16px}
h2{font-size:16px;margin:0 0 10px}
h3{font-size:15px;margin:12px 0 8px}
label{display:block;font-size:14px;margin:12px 0 6px}
input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;outline:none}
button{padding:10px 14px;border:0;border-radius:10px;background:#0f172a;color:#fff;font-weight:600;cursor:pointer}
.btn-danger{background:#ef4444}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row.start{align-items:flex-start}
.col{flex:1 1 260px}
.right{text-align:left}
.muted{color:#666;font-size:12px}
.card{background:#0f172a;color:#fff;padding:16px;border-radius:12px;margin-top:16px}
.ok{background:#10b981}.bad{background:#ef4444}
.hidden{display:none}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.tab{padding:10px 14px;border:1px solid #ddd;border-radius:12px;background:#fafafa;cursor:pointer}
.tab.active{background:#0f172a;color:#fff;border-color:#0f172a}
.signals{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.sig{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff}
.sig h3{margin:0 0 8px;font-size:16px}
.badge{font-size:11px;border:1px dashed #999;padding:2px 6px;border-radius:999px;margin-inline-start:8px}
.lock{opacity:.55;filter:blur(1px)}
.link{cursor:pointer;color:#0f172a;font-weight:600}
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.plan{border:1px solid #eee;border-radius:12px;padding:14px;background:#fff}
.price{font-weight:700;margin:6px 0}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:12px;margin-left:8px}
.btn-ghost{background:#fff;color:#0f172a;border:1px solid #0f172a}
.mt{margin-top:10px}.mt-lg{margin-top:26px}.mb{margin-bottom:8px}