/* BOLAPELANGI Tebak Skor v2.4.0 — frontend Laravel-inspired UI */
:root{--fx-bg:#04101b;--fx-surface:#091d2c;--fx-surface2:#0c2638;--fx-border:rgba(58,198,224,.24);--fx-muted:#91b7c7;--fx-shadow:0 20px 52px rgba(0,0,0,.28);--fx-radius:18px}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background-color:var(--fx-bg)!important;background-image:radial-gradient(circle at 12% 0%,rgba(27,177,202,.12),transparent 28%),radial-gradient(circle at 88% 22%,rgba(45,136,211,.08),transparent 25%),linear-gradient(rgba(48,174,200,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(48,174,200,.032) 1px,transparent 1px)!important;background-size:auto,auto,38px 38px,38px 38px!important}
header{border-color:var(--fx-border)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}.brand img{filter:drop-shadow(0 7px 18px rgba(0,0,0,.25))}
.header-menu-dynamic a,.quick-row a,.btn,.submit,.outline-btn,.back{border-radius:11px!important;font-weight:700!important;letter-spacing:-.01em!important;box-shadow:none!important;transition:.18s ease!important}.header-menu-dynamic a{background:rgba(10,36,53,.88)!important;border:1px solid var(--fx-border)!important}.header-menu-dynamic a:hover{transform:translateY(-1px);border-color:rgba(78,220,247,.5)!important;background:rgba(17,65,83,.9)!important}
.hero,section,.match-card,.modal-box{position:relative;overflow:hidden;border:1px solid var(--fx-border)!important;box-shadow:var(--fx-shadow),inset 0 1px 0 rgba(255,255,255,.025)!important}.hero:before,section:before,.match-card:before,.modal-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(31,205,235,.10),transparent 28%),linear-gradient(135deg,transparent 0 76%,rgba(53,207,234,.035) 76% 77%,transparent 77%)}.hero>* ,section>* ,.match-card>* ,.modal-box>*{position:relative;z-index:1}
.hero{border-radius:22px!important}.hero h1{letter-spacing:-.045em!important}.badge{border:1px solid rgba(71,217,244,.35)!important;background:rgba(27,177,202,.10)!important;color:#8eeaff!important;font-weight:700!important}
section{background:linear-gradient(145deg,rgba(10,31,47,.94),rgba(6,23,36,.96))!important;border-radius:var(--fx-radius)!important}.sub{color:var(--fx-muted)!important}
.match-card{background:linear-gradient(145deg,rgba(12,41,59,.94),rgba(7,27,41,.98))!important;border-radius:16px!important;transition:.18s ease!important}.match-card:after{content:"";position:absolute;right:12px;bottom:11px;width:102px;height:42px;opacity:.18;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 50'%3E%3Cpath d='M2 36 L17 25 L29 31 L41 13 L52 28 L68 20 L79 33 L91 14 L103 23 L118 7' fill='none' stroke='%235be4ff' stroke-width='2'/%3E%3C/svg%3E")}.match-card:hover{transform:translateY(-3px);border-color:rgba(74,222,248,.48)!important}.team-img{box-shadow:0 0 0 1px rgba(87,216,239,.28),0 10px 24px rgba(0,0,0,.26)!important}.vs{font-size:11px!important;letter-spacing:.12em!important;padding:7px 8px;border-radius:999px;background:rgba(27,177,202,.10);border:1px solid rgba(56,197,224,.22)}
.match-nav{font-size:0!important;border-radius:10px!important;background:#0b3347!important;border:1px solid rgba(67,212,239,.38)!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important}.match-nav:before{content:"";width:17px;height:17px;display:block;margin:auto;background:#dffaff;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url('icons/chevron-right.svg');-webkit-mask-image:url('icons/chevron-right.svg')}.match-prev:before{transform:rotate(180deg)}
.event-card-link{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(13,44,62,.94),rgba(8,29,44,.98))!important;border:1px solid var(--fx-border)!important}.event-card-link:after{content:"";position:absolute;right:-18px;bottom:-26px;width:115px;height:115px;border-radius:50%;border:1px solid rgba(59,207,234,.16);box-shadow:0 0 0 18px rgba(59,207,234,.035)}.event-icon{font-size:0!important;width:44px!important;height:44px!important;border-radius:12px!important;background:rgba(27,177,202,.10)!important;border:1px solid rgba(68,211,238,.28)!important;display:grid!important;place-items:center!important}.event-icon:before{content:"";width:23px;height:23px;background:#66e4fb;mask:url('icons/document.svg') center/contain no-repeat;-webkit-mask:url('icons/document.svg') center/contain no-repeat}
.event-card-link em{font-size:0!important}.event-card-link em:before{content:"";display:block;width:18px;height:18px;background:#a8f2ff;mask:url('icons/chevron-right.svg') center/contain no-repeat;-webkit-mask:url('icons/chevron-right.svg') center/contain no-repeat}
.rule{background:rgba(17,58,77,.48)!important;border:1px solid rgba(61,187,211,.18)!important;border-radius:13px!important}.num{box-shadow:none!important}
form{position:relative}.submit,.btn{background:linear-gradient(135deg,#16a8c3,#2cc9e5)!important;color:#03131d!important;border:1px solid rgba(138,239,255,.28)!important}.submit:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}input,select,textarea{border-radius:11px!important;background:#061a29!important;border:1px solid rgba(73,187,210,.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;font-family:inherit!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#35cae7!important;box-shadow:0 0 0 3px rgba(53,202,231,.12)!important}
.livechat-float{border-radius:13px!important;background:#0a3449!important;border:1px solid rgba(74,222,248,.42)!important;box-shadow:0 15px 38px rgba(0,0,0,.34)!important}.livechat-float .chat-icon{width:21px;height:21px;background:#7ae7fa;mask:url('icons/chat.svg') center/contain no-repeat;-webkit-mask:url('icons/chat.svg') center/contain no-repeat}
.data-table{border-collapse:separate!important;border-spacing:0!important}.data-table th{background:#0d4a60!important;color:#effcff!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.data-table td{background:rgba(5,24,37,.52)!important;border-color:rgba(58,174,197,.14)!important}.winner-row{background:rgba(8,32,47,.78)!important;border-color:rgba(59,186,211,.18)!important}
@media(max-width:768px){body{font-size:14px!important}.wrap{padding-left:12px!important;padding-right:12px!important}.hero{min-height:290px!important;padding:22px 17px!important;border-radius:17px!important}.hero h1{font-size:29px!important;line-height:1.07!important}.hero p{font-size:13px!important}.btn{min-height:43px!important;padding:11px 15px!important}section{padding:16px 13px!important;margin:12px 0!important;border-radius:15px!important}.match-card{flex:0 0 82vw!important;padding:13px!important;border-radius:14px!important}.team-vs{grid-template-columns:1fr 38px 1fr!important;gap:7px!important}.team-img{width:54px!important;height:54px!important}.match-nav{width:34px!important;height:34px!important}.header-menu-dynamic{padding:0 12px 5px!important}.header-menu-dynamic a{min-height:32px!important;padding:7px 10px!important}.quick-row{gap:8px!important}.event-card-link{width:100%!important;min-height:74px!important;padding:12px!important;border-radius:13px!important}.event-icon{width:40px!important;height:40px!important}.rule{padding:11px!important}.score-grid{grid-template-columns:1fr 1fr!important}.livechat-float{right:12px!important;bottom:12px!important;width:48px!important;height:48px!important;min-width:48px!important}.livechat-float .chat-text{display:none!important}}
@media(max-width:420px){.hero h1{font-size:26px!important}.match-card{flex-basis:86vw!important}.team-img{width:49px!important;height:49px!important}.score-grid{grid-template-columns:1fr!important}input,select{min-height:44px!important}.submit{min-height:45px!important}}