/* StatPulse AI — base styles (extracted from inline <style> block) */
/* Generated: 2026-06-06T09:07:45.812Z */

:root{
--bg:#08090C;--s1:#0F1117;--s2:#161922;--s3:#1D2130;
--b1:#252A38;--b2:#353C50;--b3:#4A5370;
--t1:#F0F1F4;--t2:#B0B8C8;--t3:#7A849A;--t4:#525C74;
--gold:#FFC107;--gold-dim:#8B7330;--gold-bg:rgba(212,168,67,.08);
--green:#4EC986;--green-bg:rgba(78,201,134,.1);
--red:#E86F5C;--red-bg:rgba(232,111,92,.1);
--blue:#5B9FE0;--blue-bg:rgba(91,159,224,.1);
--amber:#E0A84B;--amber-bg:rgba(224,168,75,.1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#08090C;color:#F0F1F4;font-family:'Poppins','DM Sans',system-ui,sans-serif;font-size:15px;scrollbar-width:thin;scrollbar-color:var(--b2) var(--s1)}
body{min-height:100vh;background:#08090C;}
.serif{font-family:'DM Serif Display',Georgia,serif}
.mono{font-family:'JetBrains Mono',monospace;font-feature-settings:"tnum"}

.app{max-width:920px;margin:0 auto;padding:0 12px 60px;width:100%;box-sizing:border-box;background:#08090C;min-height:100vh}

.topbar{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--b1);margin-bottom:4px}
.topbar-logo{font-family:'DM Serif Display';font-size:24px;color:#FFC107;font-style:italic}
.topbar-name{font-size:15px;font-weight:500;color:#F0F1F4}
.topbar-sub{font-size:11px;color:#7A849A;font-family:'JetBrains Mono';text-transform:uppercase;letter-spacing:.1em}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.live-txt{font-family:'JetBrains Mono';font-size:10px;color:#4EC986;text-transform:uppercase;letter-spacing:.1em}

.nav{display:flex;gap:6px;padding:12px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--bg);border-bottom:1px solid var(--b1);min-height:44px}
.nav::-webkit-scrollbar{display:none}
.nav-btn{font-family:'Poppins','DM Sans',sans-serif;font-size:12px;font-weight:500;padding:8px 14px;border-radius:4px;border:1px solid #353C50;background:#161922;color:#B0B8C8;cursor:pointer;white-space:nowrap;transition:all .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:inline-block}
.nav-btn:hover{border-color:var(--b2);color:#B0B8C8}
.nav-btn.on{background:var(--gold);color:#1a1408;border-color:#FFC107}

.tab{display:none !important;color:#F0F1F4}.tab.shown{display:block !important;min-height:200px;padding-bottom:20px;color:#F0F1F4}

.card{background:#0F1117;border:1px solid #252A38;border-radius:6px;padding:20px;margin-bottom:16px}
.card-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--b1)}
.card-title{font-family:'DM Serif Display';font-size:20px}
.card-title em{font-style:italic;color:#FFC107}
.card-badge{font-family:'JetBrains Mono';font-size:10px;color:#7A849A;text-transform:uppercase;letter-spacing:.1em}

.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}
.kpi{background:#161922;border:1px solid #252A38;border-radius:4px;padding:12px}
.kpi-l{font-size:11px;color:#7A849A;margin-bottom:3px}
.kpi-v{font-family:'JetBrains Mono';font-size:20px;font-weight:500}
.kpi-s{font-size:10px;margin-top:2px}

.sec-lbl{font-family:'JetBrains Mono';font-size:10px;color:#525C74;text-transform:uppercase;letter-spacing:.12em;margin:18px 0 10px;padding-left:2px}

.match-card{background:#161922;border:1px solid #252A38;border-radius:5px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .15s}
.match-card:hover{border-color:var(--b2)}
.match-card.expanded{border-color:#FFC107}
.mc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.mc-league{font-family:'JetBrains Mono';font-size:10px;color:#525C74;text-transform:uppercase;letter-spacing:.08em}
.mc-time{font-family:'JetBrains Mono';font-size:10px;color:#4EC986}
.mc-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mc-team{font-size:14px;font-weight:500;flex:1}
.mc-team.away{text-align:right}
.mc-vs{font-family:'DM Serif Display';font-style:italic;font-size:13px;color:#525C74;padding:0 10px}
.mc-probs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.mc-prob{background:#1D2130;border:1px solid #252A38;border-radius:3px;padding:8px;text-align:center}
.mc-prob.best{border-color:#FFC107;background:var(--gold-bg)}
.mc-prob-label{font-family:'JetBrains Mono';font-size:9px;color:#525C74;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.mc-prob-val{font-family:'JetBrains Mono';font-size:16px;font-weight:500}
.mc-metrics{display:flex;flex-wrap:wrap;gap:6px}
.mc-chip{font-family:'JetBrains Mono';font-size:10px;padding:3px 7px;border-radius:3px}
.mc-chip.ev-pos{background:var(--green-bg);color:#4EC986}
.mc-chip.ev-neg{background:var(--red-bg);color:#E86F5C}
.mc-chip.info{background:var(--blue-bg);color:var(--blue)}
.mc-chip.warn{background:var(--amber-bg);color:var(--amber)}
.mc-chip.neutral{background:#1D2130;color:#7A849A}

.mc-detail{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--b1)}
.match-card.expanded .mc-detail{display:block}
.det-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.det-item{background:#0F1117;border:1px solid #252A38;border-radius:3px;padding:10px}
.det-label{font-family:'JetBrains Mono';font-size:9px;color:#525C74;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.det-val{font-family:'JetBrains Mono';font-size:15px;font-weight:500}
.score-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.score-pill{font-family:'JetBrains Mono';font-size:11px;padding:5px 10px;background:#0F1117;border:1px solid #252A38;border-radius:3px;text-align:center}
.score-pill:first-child{border-color:#FFC107;background:var(--gold-bg)}
.value-det-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--b1);font-size:12px}
.value-det-row:last-child{border:none}

.acca-card{background:#161922;border:1px solid #252A38;border-radius:5px;padding:14px 16px;margin-bottom:10px}
.acca-card.top{border-color:#FFC107}
.acca-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.acca-title{font-family:'DM Serif Display';font-size:16px}
.acca-odds{font-family:'JetBrains Mono';font-size:18px;font-weight:500;color:#FFC107}
.acca-leg{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--b1);font-size:12px}
.acca-leg:last-child{border:none}
.acca-match{flex:1;color:#F0F1F4}
.acca-pick{font-family:'JetBrains Mono';font-size:10px;padding:2px 7px;border-radius:3px;background:var(--gold-bg);color:#FFC107;font-weight:500}
.acca-ev{font-family:'JetBrains Mono';font-size:10px;color:#4EC986}
.acca-meta{font-family:'JetBrains Mono';font-size:10px;color:#525C74;margin-top:8px;line-height:1.6}

.jp-card{background:#161922;border:1px solid #252A38;border-radius:5px;padding:14px 16px;margin-bottom:10px}
.jp-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.jp-name{font-family:'DM Serif Display';font-size:16px}
.jp-prize{font-family:'JetBrains Mono';font-size:13px;color:#4EC986;font-weight:500}
.jp-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--b1);font-size:12px}
.jp-row:last-child{border:none}
.jp-match{color:#B0B8C8}
.jp-pick{font-family:'JetBrains Mono';font-size:10px;padding:2px 8px;border-radius:3px;font-weight:500}
.jp-1{background:var(--gold-bg);color:#FFC107}
.jp-x{background:var(--amber-bg);color:var(--amber)}
.jp-2{background:var(--blue-bg);color:var(--blue)}
.jp-meta{font-family:'JetBrains Mono';font-size:10px;color:#525C74;margin-top:8px;line-height:1.7}

.model-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--b1);font-size:12px}
.model-row:last-child{border:none}
.model-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.model-name{flex:1;color:#B0B8C8}
.model-type{font-family:'JetBrains Mono';font-size:9px;color:#525C74;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;background:#1D2130;border-radius:3px}

.disclaimer{background:#161922;border:1px solid #252A38;border-left:2px solid var(--amber);border-radius:4px;padding:14px 16px;margin-top:20px;font-size:12px;color:#7A849A;line-height:1.7}
.disclaimer strong{color:var(--amber);font-family:'JetBrains Mono';font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:5px}

.gen-btn{width:100%;padding:12px;border-radius:4px;border:none;background:var(--gold);color:#1a1408;font-family:'JetBrains Mono';font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-top:10px;transition:all .15s}
.gen-btn:hover{background:#e0b64e;transform:translateY(-1px)}
.gen-btn:active{transform:translateY(0)}

.league-filter{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.lf-btn{font-family:'JetBrains Mono';font-size:10px;padding:4px 10px;border-radius:3px;border:1px solid #252A38;background:transparent;color:#7A849A;cursor:pointer;transition:all .12s}
.lf-btn:hover{border-color:var(--b2);color:#B0B8C8}
.lf-btn.on{background:var(--gold);color:#1a1408;border-color:#FFC107}

.stake-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}
.stake-row label{font-family:'JetBrains Mono';font-size:10px;color:#7A849A;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.stake-row input[type="range"]{flex:1;accent-color:#FFC107}
.stake-val{font-family:'JetBrains Mono';font-size:14px;font-weight:500;color:#FFC107;min-width:40px;text-align:right}

.footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--b1);font-size:11px;color:#525C74;line-height:1.7}
.footer em{font-style:italic;color:#7A849A}
/* ANNOUNCEMENT BAR */
/* ACCESS PASS MODAL */
/* INSTALL BANNER */
.install-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#111118;border-top:0.5px solid #252A38;padding:16px;max-width:920px;margin:0 auto;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1)}
.install-banner.show{display:block;transform:translateY(0)}
.install-inner{max-width:920px;margin:0 auto}
.install-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.install-icon{width:42px;height:42px;background:#FFC107;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.install-title{font-size:14px;font-weight:500;color:#F0F1F4;margin-bottom:2px}
.install-sub{font-size:11px;color:#525C74}
.install-perks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}
.install-perk{display:flex;align-items:center;gap:6px;font-size:11px;color:#7A849A}
.install-perk span{color:#FFC107;font-size:13px}
.install-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.install-btn-do{background:#FFC107;color:#1a0f00;font-family:'JetBrains Mono';font-size:11px;font-weight:500;padding:11px;border-radius:6px;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.install-btn-later{background:transparent;color:#B0B8C8;font-family:'JetBrains Mono';font-size:11px;padding:11px;border-radius:6px;border:0.5px solid #4A5370;cursor:pointer;}

@media(max-width:640px){
  .mc-teams{flex-wrap:wrap;gap:4px}
  .det-grid{grid-template-columns:1fr}
  .kpi-row{grid-template-columns:1fr 1fr}
  .app{padding:0 10px 40px}
}
.settings-input{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.settings-input label{font-family:'JetBrains Mono';font-size:10px;color:#7A849A;text-transform:uppercase;letter-spacing:.08em}
.settings-input input{background:#161922;border:1px solid #252A38;color:#F0F1F4;padding:11px 14px;font-family:'JetBrains Mono';font-size:13px;border-radius:3px;outline:none;transition:border-color .15s;width:100%}
.settings-input input:focus{border-color:#FFC107}
.settings-input .hint{font-size:11px;color:#525C74;line-height:1.5}
.api-status{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono';font-size:10px;padding:4px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:.08em}
.api-status.ok{color:#4EC986;background:var(--green-bg);border:1px solid rgba(78,201,134,.25)}
.api-status.off{color:#525C74;background:#1D2130;border:1px solid #252A38}
.api-status.err{color:#E86F5C;background:var(--red-bg);border:1px solid rgba(232,111,92,.25)}
.api-status .dot{width:6px;height:6px;border-radius:50%}
.api-status.ok .dot{background:var(--green)}
.api-status.off .dot{background:var(--t4)}
.api-status.err .dot{background:var(--red)}
.loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#7A849A;font-size:13px}
.spinner{width:18px;height:18px;border:2px solid var(--b2);border-top-color:#FFC107;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.data-source-tag{font-family:'JetBrains Mono';font-size:9px;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em}
.data-source-tag.live{background:var(--green-bg);color:#4EC986}
.data-source-tag.offline{background:var(--amber-bg);color:var(--amber)}
.landing{display:none}.landing.shown{display:block}
.land-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--b1);flex-wrap:wrap;gap:10px}
.land-nav-links{display:flex;gap:6px;flex-wrap:wrap}
.land-nav-links a{font-family:'JetBrains Mono';font-size:10px;color:#7A849A;text-decoration:none;padding:6px 12px;border-radius:3px;border:1px solid #252A38;cursor:pointer;transition:all .12s}
.land-nav-links a:hover,.land-nav-links a.on{color:#FFC107;border-color:#FFC107}
.land-section{padding:40px 0;border-bottom:1px solid var(--b1)}
.land-hero{text-align:center;padding:50px 0 40px}
.price-card{background:#161922;border:1px solid #252A38;border-radius:6px;padding:24px;text-align:center;flex:1;min-width:200px}
.price-card.featured{border-color:#FFC107;background:var(--gold-bg)}
.faq-item{padding:14px 0;border-bottom:1px solid var(--b1)}
.faq-q{font-weight:500;color:#F0F1F4;margin-bottom:6px;font-size:14px}
.faq-a{color:#7A849A;font-size:13px;line-height:1.7}
.sys-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:3px;font-family:'JetBrains Mono';font-size:10px}

@media(max-width:480px){
  .app{padding:0 8px 60px}
  .kpi-row{grid-template-columns:1fr 1fr}
  .mc-probs{flex-direction:column;gap:4px}
  .mc-prob{flex-direction:row;justify-content:space-between;padding:6px 8px}
  .settings-input input,.settings-input select,.settings-input textarea{font-size:16px}
  .card-hd{flex-wrap:wrap;gap:6px}
  .gen-btn{padding:12px 16px}
  .nav-tabs{padding:0 8px}
  .nav-tab{padding:10px 10px;font-size:10px}
  .acca-hd{flex-wrap:wrap;gap:8px}
  .det-grid{grid-template-columns:1fr 1fr}
  .match-card{padding:10px 12px}
  .topbar{padding:0 12px}
  .login-card{margin:20px auto}
  .kpi{padding:8px 6px}
  .kpi-v{font-size:16px}
}

/* Prevent layout shift while fonts load */
body { font-display: swap; }
.land-hero, .hero-title, .hero-sub { 
  font-family: 'Syne', system-ui, -apple-system, sans-serif;
}