:root{--bg:#0a0e17;--card:#111827;--border:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--primary:#3b82f6;--green:#22c55e;--orange:#f59e0b}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
.page{display:none;min-height:100vh}.page.active{display:block}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:rgba(10,14,23,.95);position:sticky;top:0;z-index:50}
.logo{display:flex;align-items:center;gap:6px;font-weight:700;font-size:1.15rem}
.logo .bolt{color:#facc15}.logo .pro{font-size:.7rem;background:#1e40af;padding:2px 6px;border-radius:4px}
.status-pill{display:flex;align-items:center;gap:6px;background:#0f172a;border:1px solid #1e3a5f;padding:6px 12px;border-radius:20px;font-size:.8rem;color:#94a3b8}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}
.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;font-size:.9rem}
.btn-primary:hover{opacity:.9}.btn-primary.large{padding:14px 28px;font-size:1rem}.btn-primary.full{width:100%;padding:14px}
.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 18px;border-radius:10px;cursor:pointer}
.btn-sm{background:#1e293b;color:var(--text);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;margin-left:8px}
.hero{text-align:center;padding:48px 20px 32px;max-width:720px;margin:0 auto}
.badge-row{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.badge{background:#0f172a;border:1px solid #1e3a5f;padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600}
.hero h1{font-size:2.2rem;font-weight:800;line-height:1.15;margin-bottom:16px}
.subtitle{color:var(--muted);font-size:1rem;margin-bottom:28px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.live-preview{max-width:900px;margin:0 auto 40px;padding:0 16px}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.section-header h3{font-size:.85rem;color:var(--muted);letter-spacing:1px}
.live-dot{color:var(--green);font-size:.8rem}
.signal-cards{display:flex;flex-direction:column;gap:12px}
.signal-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.signal-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.conf-badge{font-size:.75rem;padding:3px 8px;border-radius:6px;font-weight:600}
.conf-badge.match{background:#14532d;color:#4ade80}.conf-badge.even{background:#1e3a8a;color:#93c5fd}.conf-badge.over{background:#78350f;color:#fbbf24}
.signal-card .label{font-size:1.5rem;font-weight:700;margin:6px 0}
.label.match{color:#38bdf8}.label.even{color:#4ade80}.label.over{color:#fbbf24}
.digit-row{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}
.digit{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1e293b;border-radius:6px;font-size:.85rem;font-weight:600}
.digit.hot{background:#2563eb;color:#fff}
.enter-btn{width:100%;margin-top:10px;padding:12px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}
.features{max-width:900px;margin:0 auto 48px;padding:0 16px;text-align:center}
.features h2{font-size:1.6rem;margin-bottom:8px}.features-sub{color:var(--muted);margin-bottom:28px}
.feature-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:700px){.feature-grid{grid-template-columns:repeat(3,1fr)}}
.feature-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 18px;text-align:left}
.feature-card .icon{font-size:1.6rem;margin-bottom:10px}.feature-card h3{font-size:1.05rem;margin-bottom:6px}.feature-card p{color:var(--muted);font-size:.9rem}
.risk{max-width:800px;margin:0 auto 40px;padding:16px 20px;background:#1c1917;border:1px solid #44403c;border-radius:12px;font-size:.8rem;color:#a8a29e}
.risk strong{color:#fbbf24;display:block;margin-bottom:6px}
.terminal-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto}
.tab{background:transparent;border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:20px;cursor:pointer;white-space:nowrap;font-size:.9rem}
.tab.active{background:#1e3a5f;border-color:#3b82f6;color:#fff}
.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px}
@media(min-width:600px){.stats-row{grid-template-columns:repeat(4,1fr)}}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}
.stat-value{font-size:1.6rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--muted);letter-spacing:.5px;margin-top:2px}
.active-signals{padding:0 16px 20px}.active-signals h3{font-size:.85rem;color:var(--muted);margin-bottom:10px}
.active-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:8px}
.trade-now{background:var(--green);color:#052e16;border:none;padding:6px 14px;border-radius:6px;font-weight:700;font-size:.8rem;cursor:pointer}
.markets-header{display:flex;justify-content:space-between;padding:0 16px 10px;color:var(--muted);font-size:.9rem}
.market-grid{display:flex;flex-direction:column;gap:12px;padding:0 16px 40px}
.market-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center}
.market-card .head{display:flex;justify-content:space-between;margin-bottom:12px}
.market-card .live-tag{color:var(--green);font-size:.75rem}
.big-digit{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;margin:0 auto 10px;color:#fff}
.confidence{color:var(--orange);font-weight:600;margin-bottom:4px}
.trade-label{font-size:1.1rem;font-weight:700;color:var(--green)}
.pricing-section{max-width:700px;margin:0 auto;padding:40px 20px;text-align:center}
.pricing-section h1{font-size:1.8rem;margin-bottom:8px}.pricing-section>p{color:var(--muted);margin-bottom:32px}
.pricing-cards{display:flex;flex-direction:column;gap:16px}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;text-align:left;position:relative}
.price-card.best{border-color:#3b82f6}
.best-badge{position:absolute;top:-10px;left:20px;background:#06b6d4;color:#0f172a;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:6px}
.price-card h2{font-size:1.3rem;margin-bottom:6px}.price-card p{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.price{font-size:2rem;font-weight:800;color:#38bdf8;margin-bottom:18px}.price span{font-size:.9rem;color:var(--muted);font-weight:500}
.login-box{max-width:400px;margin:60px auto;padding:32px 24px;background:var(--card);border:1px solid var(--border);border-radius:16px}
.login-box input{width:100%;padding:12px 14px;background:#0f172a;border:1px solid var(--border);border-radius:10px;color:#fff;margin-bottom:12px;font-size:1rem}
.admin-content{padding:24px 16px;max-width:1000px;margin:0 auto;overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}
.admin-table th,.admin-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}
.admin-table th{color:var(--muted);font-weight:500}
.status-select,.plan-select{background:#1e293b;color:#fff;border:1px solid var(--border);padding:4px 8px;border-radius:6px}
.btn-delete{background:#7f1d1d;color:#fecaca;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:.8rem}