*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061322;color:#eaf4ff;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}.wrap{max-width:1230px;margin:auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:30;background:rgba(5,17,32,.94);border-bottom:1px solid #1d364a;backdrop-filter:blur(16px)}.navline{display:flex;align-items:center;gap:22px;min-height:76px}.brand{display:flex;flex-direction:column;font-weight:900;font-size:24px;line-height:1.1;letter-spacing:.02em;white-space:nowrap}.brand small{font-size:9px;color:#8fa8be;letter-spacing:.25em;margin-top:6px}.accent{color:#49d9e9}.nav{display:flex;flex:1;gap:5px;justify-content:center;flex-wrap:wrap}.nav a{padding:10px 12px;border-radius:13px;color:#a9bbcb;font-size:13px;font-weight:750}.nav a:hover,.nav a.active{background:#14394e;color:#6af3ff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:12px;font-weight:750;font-size:14px;border:1px solid #2c6175;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#28bac9,#16849d);border-color:#48d9e9;color:white}.btn-outline{background:#102b40;color:#bfe8f1}.header-cta{white-space:nowrap}.menu-toggle{display:none;background:#14384c;border:1px solid #31536c;color:white;padding:9px 13px;border-radius:10px}.hero{margin:24px 0 22px;border:1px solid #24485b;background:radial-gradient(ellipse at 90% 15%,#12445a 0%,transparent 45%),linear-gradient(135deg,#081628,#0b2236);border-radius:23px;padding:46px 38px}.hero h1{font-size:clamp(30px,4.3vw,55px);line-height:1.12;margin:12px 0 15px;letter-spacing:-.035em}.hero p{color:#a4c6dc;max-width:690px;margin:0 0 24px}.eyebrow{font-size:12px;font-weight:900;color:#4ee5f3;letter-spacing:.16em}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.banner-section{margin-bottom:28px}.banner-slider{border-radius:19px;overflow:hidden;background:linear-gradient(120deg,#0b253b,#143c4c);border:1px solid #245367;min-height:120px;display:flex;align-items:center;justify-content:center}.banner-placeholder{padding:32px;color:#89aec4;text-align:center}.banner-slide{display:block;width:100%;position:relative}.banner-slide img{display:block;width:100%;max-height:460px;object-fit:contain;background:#071727}.banner-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px}.banner-controls button{border:1px solid #38667b;background:#0c2b41;color:white;border-radius:9px;font-size:22px;width:38px;height:32px}.content{min-height:340px;padding-bottom:60px}.section-title{font-size:25px;letter-spacing:-.02em;margin:27px 0 17px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(155deg,#102d44,#0b1b30);border:1px solid #2b4d61;border-radius:20px;padding:22px;min-width:0;box-shadow:0 12px 32px #0002}.card h3{margin:0 0 9px}.market{font-weight:900;letter-spacing:.05em}.number{font-size:clamp(29px,4vw,46px);font-weight:900;letter-spacing:.16em;color:white;margin:12px 0}.muted{color:#9ebcd1;font-size:14px}.pill{display:inline-block;border:1px solid #277287;color:#65e6ef;background:#0b3542;border-radius:99px;padding:5px 10px;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.toolbar select,.toolbar input{background:#112e44;border:1px solid #416278;color:#fff;border-radius:12px;padding:12px;min-width:190px}.toolbar button{background:#1d8193;color:white;border:0;border-radius:12px;padding:12px 18px;font-weight:800}.notice{padding:16px 18px;border:1px solid #315b70;background:#0d2b3c;border-radius:14px;color:#bfe0ee;margin:15px 0}.error{border-color:#895958;color:#ffd6d6}.match{display:flex;align-items:center;gap:14px}.match .teams{flex:1;min-width:0}.team{display:flex;align-items:center;gap:9px;font-weight:750}.team img{width:28px;height:28px;object-fit:contain}.match-time{font-size:12px;color:#a5cadc;text-align:right;max-width:170px}.match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.history{width:100%;border-collapse:collapse;background:#0e2539;border-radius:12px;overflow:hidden}.history th,.history td{text-align:left;padding:12px;border-bottom:1px solid #294457}.history th{color:#65e5ed}.dream-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dream{padding:14px;border:1px solid #285166;background:#0e2a3e;border-radius:13px}.dream b{color:#63e5ee;font-size:20px}.footer{border-top:1px solid #244157;background:#06101e;padding:32px 0;color:#a9bfd0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer p{max-width:540px;font-size:13px}.modal{position:fixed;inset:0;background:#000b;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal[hidden],[hidden]{display:none!important}.modal-panel{position:relative;max-width:min(92vw,660px)}.modal-panel img{display:block;max-width:100%;max-height:80vh;object-fit:contain;border-radius:15px}.modal-close{position:absolute;right:-10px;top:-12px;border:0;border-radius:99px;background:#fff;color:#111;padding:7px 11px}.loading{color:#a6cadb}.stat{font-size:24px;font-weight:850}.faq details{padding:15px;border-bottom:1px solid #2c5265}.faq summary{cursor:pointer;font-weight:750}@media(max-width:1100px){.navline{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav{order:3;width:100%}.header-cta{margin-left:auto}}@media(max-width:700px){.wrap{padding:0 15px}.navline{min-height:66px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:10px 13px}.header-cta{margin-left:0}.hero{padding:29px 20px;margin-top:14px}.grid,.grid.two,.match-list{grid-template-columns:1fr 1fr}.dream-grid{grid-template-columns:repeat(3,1fr)}.match-list{grid-template-columns:1fr}.footer-inner{flex-direction:column}}@media(max-width:480px){.grid,.grid.two{grid-template-columns:1fr}.dream-grid{grid-template-columns:repeat(2,1fr)}.toolbar select,.toolbar input{width:100%}.header-cta{font-size:12px;padding:9px 12px}}
/* V14.1 responsive navigation and rich cards */
.navline{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}.brand{flex-shrink:0}.nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;flex-wrap:nowrap}.nav a{white-space:nowrap;font-size:12px;padding:10px 9px}.header-cta{flex-shrink:0;white-space:nowrap;font-size:12px}.prediction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prediction-card{min-width:0}.prediction-top,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.prediction-top h3{font-size:25px;margin:5px 0}.prediction-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.prediction-field{border:1px solid rgba(97,205,233,.16);background:rgba(9,30,51,.75);padding:14px;border-radius:13px;min-width:0}.prediction-field small,.analysis-stats small{display:block;color:#9ab9cf;font-size:12px;margin-bottom:7px}.prediction-field strong{display:block;font-size:17px;overflow-wrap:anywhere;letter-spacing:.3px}.prediction-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.prediction-actions a{color:#7ceaf1}.analysis-card{min-width:0}.analysis-match{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);align-items:center;gap:12px}.analysis-team{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.analysis-team img{height:56px;width:56px;object-fit:contain}.analysis-team strong{font-size:16px}.analysis-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.analysis-center small{color:#a8d1e7}.versus{font-weight:900;font-size:22px;color:#80eff6}.analysis-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.analysis-stats>div{background:rgba(7,24,41,.7);padding:12px;border-radius:10px}.analysis-stats strong{font-size:13px}.results-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-mini{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;padding:15px;border:1px solid #244b63;border-radius:12px;background:#10263c}.result-mini span:last-of-type{text-align:right}.result-mini small{grid-column:1/-1;color:#9ab9cf}.match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:1160px){.navline{flex-wrap:wrap}.nav{order:3;flex-basis:100%;justify-content:center}.header-cta{margin-left:auto}}
@media(max-width:760px){.prediction-grid,.match-list,.results-mini{grid-template-columns:1fr}.analysis-match{grid-template-columns:1fr 105px 1fr}.analysis-team img{width:44px;height:44px}.prediction-fields{grid-template-columns:1fr 1fr}.nav{flex-wrap:wrap}.nav a{font-size:12px}}
@media(max-width:440px){.prediction-fields{grid-template-columns:1fr}.analysis-stats{grid-template-columns:1fr}.analysis-match{grid-template-columns:1fr 85px 1fr}.analysis-team strong{font-size:12px}}