@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#f4f7f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#101a18;font-family:DM Sans,sans-serif;font-weight:400}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}:root{--bg:#101a18;--panel:#17231f;--border:#293a33;--green:#00a878;--light:#29d69a;--white:#f4f7f5;--muted:#91a49a}#root{min-height:100vh}*{box-sizing:border-box}.app-shell{background:var(--bg);min-height:100vh;color:var(--white)}.site-header{border-bottom:1px solid var(--border);background:#121e1a;justify-content:space-between;align-items:center;gap:20px;min-height:75px;padding:12px 6%;display:flex}.brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#061b13;border-radius:10px;place-items:center;width:40px;height:40px;font-size:23px;font-weight:800;display:grid}.brand-name{font-size:17px;font-weight:800}.brand-name strong{color:var(--light)}.main-navigation{gap:8px;display:flex}.nav-item{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.nav-item.active{color:var(--light);background:#073d2d;border-color:#14563e}.main-content{width:min(850px,100%);margin:auto;padding:38px 20px 55px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.eyebrow{color:var(--light);letter-spacing:2px;font-size:10px;font-weight:800}.page-heading h1{margin:7px 0;font-size:27px}.match-total{color:var(--light);background:#19382b;border-radius:7px;padding:7px 11px;font-size:11px}.demo-notice{color:#d8bd7d;background:#282419;border:1px solid #514328;border-radius:8px;margin-bottom:16px;padding:11px;font-size:11px}.matches-list{gap:13px;display:grid}.match-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:17px}.match-card:hover{border-color:var(--green)}.match-information{justify-content:space-between;margin-bottom:17px;display:flex}.match-time{color:var(--light);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.match-league{color:var(--muted);font-size:11px}.teams-line{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:40px;display:grid}.team-name{text-align:center;overflow-wrap:anywhere;font-size:15px;font-weight:700}.team-side{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.team-logo{object-fit:contain;width:38px;height:38px;display:block}.team-side .team-name{width:100%}.versus{color:var(--light);font-size:11px;font-weight:800}.prediction-line{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:13px;display:flex}.prediction-label{color:#fff;font-size:18px;font-weight:900;line-height:1.3}.prediction-percent{color:var(--light);font-size:19px;font-weight:800}.empty-state{text-align:center;color:var(--muted);padding:35px}.site-footer{border-top:1px solid var(--border);color:#71867b;text-align:center;padding:20px;font-size:11px;font-weight:700}@media (width<=600px){.site-header{flex-direction:column;align-items:flex-start;padding:14px}.main-navigation{gap:4px;width:100%}.nav-item{flex:1;justify-content:center;padding:9px 4px;font-size:10px}.main-content{padding:25px 12px}.page-heading h1{font-size:22px}.match-card{padding:14px 11px}.teams-line{gap:5px}.team-name{font-size:12px}.prediction-label{font-size:16px;font-weight:900}}.final-score-line{background:#102c22;border:1px solid #14563e;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:13px;padding:10px;display:flex}.final-score-label{color:var(--muted);font-size:10px;font-weight:800}.final-score{color:var(--light);font-size:23px;font-weight:900}.final-result{color:#b9c9bf;font-size:10px}.header-brand-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.install-button{background:var(--green);color:#061b13;cursor:pointer;border:1px solid #16865f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:800;display:inline-flex}.install-button:hover{background:var(--light)}.install-help{border:1px solid var(--border);background:var(--panel);max-width:850px;color:var(--white);border-radius:10px;margin:12px auto;padding:14px 18px;font-size:13px;line-height:1.6}.install-help p{margin:0 0 10px}.install-help button{border:1px solid var(--border);color:var(--light);cursor:pointer;background:0 0;border-radius:7px;padding:7px 12px}@media (width<=600px){.header-brand-row{flex-wrap:wrap;width:100%}.install-button{padding:9px 10px;font-size:11px}.install-help{margin:10px 12px}}.install-overlay{z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.install-modal{color:#f4f7f5;text-align:center;background:#17231f;border:1px solid #24513e;border-radius:18px;width:min(430px,100%);padding:30px 22px;box-shadow:0 20px 60px #00000080}.install-modal-icon{background:#00a878;border-radius:18px;place-items:center;width:70px;height:70px;margin:0 auto 14px;font-size:40px;display:grid}.install-modal h2{margin:10px 0;font-size:25px;font-weight:900}.install-modal p{color:#c1d0c8;margin:12px 0 22px;font-size:14px;line-height:1.6}.install-modal-button{color:#061b13;cursor:pointer;background:#00a878;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:65px;padding:16px;font-size:16px;font-weight:900;display:flex}.install-modal-button:hover{background:#29d69a}.install-modal .install-instructions{color:#29d69a;margin:18px 0 0;font-size:13px}.header-brand-row{align-items:center;gap:12px;display:flex}.install-small-button{color:#061b13;cursor:pointer;white-space:nowrap;background:#00a878;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}@media (width<=600px){.header-brand-row{flex-wrap:wrap;justify-content:space-between;width:100%}.install-small-button{padding:6px 9px;font-size:9px}}.install-small-button{z-index:99999;color:#061b13;white-space:nowrap;cursor:pointer;background:#00a878;border:none;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:9px 13px;font-size:10px;font-weight:900;display:inline-flex;bottom:20px;right:16px;box-shadow:0 4px 15px #00a87859;position:fixed!important}.install-small-button:hover{background:#29d69a}@media (width<=600px){.install-small-button{padding:8px 11px;font-size:9px;bottom:15px;right:12px}}.install-small-button{z-index:99999;border-radius:999px;padding:9px 15px;transform:translate(-50%);position:fixed!important;bottom:20px!important;left:50%!important;right:auto!important}@media (width<=600px){.install-small-button{bottom:15px!important}}.vip-section{background:linear-gradient(145deg,#201d12,#17231f);border:1px solid #d4af3773;border-radius:16px;margin-bottom:30px;padding:16px}.vip-section-title,.daily-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vip-section-title h2{color:#f4c542;align-items:center;gap:9px;margin:0;font-size:17px;font-weight:900;display:flex}.vip-section-title h2 svg{color:#f4c542;fill:#f4c542}.vip-count{color:#ffdc75;background:#3b3015;border:1px solid #b99532;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.vip-match-badge{color:#241b05;background:#f4c542;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.vip-match-badge svg{fill:currentColor}.daily-section{margin-top:24px}.daily-section-title h2{color:var(--white);margin:0;font-size:17px;font-weight:800}