/* Blue sportsbook theme override: unique layout, cold-blue gambling atmosphere without copying any brand 1:1. */
:root{--green:#1377ff;--black:#050914;--panel:#0c1428;--muted:#b8c7e6;--line:rgba(122,171,255,.18);--glow:0 0 34px rgba(19,119,255,.34)}
body{background:radial-gradient(circle at 16% 0,rgba(19,119,255,.28),transparent 34%),radial-gradient(circle at 84% 8%,rgba(63,169,255,.16),transparent 28%),linear-gradient(180deg,#030712 0,#07152c 38%,#050914 100%)}
.site-header{background:rgba(4,13,31,.9);border-bottom-color:rgba(52,132,255,.22)}
.brand-mark{position:relative;background:linear-gradient(180deg,#102a5c,#07162f);border-color:#2f8cff;color:#7fc1ff;border-radius:8px;font-size:0}
.brand-mark::before{content:"";position:absolute;top:8px;left:50%;width:9px;height:9px;border:2px solid #d8ecff;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 12px rgba(111,190,255,.72)}
.brand-mark::after{content:"";position:absolute;left:50%;bottom:7px;width:19px;height:10px;border:2px solid #d8ecff;border-bottom:0;border-radius:12px 12px 0 0;transform:translateX(-50%)}
.nav a{padding:8px 10px;border-radius:8px}.nav a:hover{background:rgba(19,119,255,.13)}
.btn{border-radius:8px;background:#091631;border-color:rgba(122,171,255,.2)}
.btn-primary{background:linear-gradient(135deg,#0a58ff 0%,#169bff 52%,#6bc8ff 100%);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.22);box-shadow:0 12px 34px rgba(19,119,255,.34),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-ghost{background:#0a1429;border-color:rgba(83,151,255,.28)}
.glass,.card{background:linear-gradient(180deg,rgba(16,33,66,.86),rgba(6,15,34,.86));border-color:rgba(101,160,255,.18);border-radius:8px}
.card:hover,.glass:hover{border-color:rgba(70,150,255,.55);box-shadow:0 18px 54px rgba(0,43,128,.28)}
.hero-media img{border-radius:8px;border-color:rgba(70,150,255,.48);box-shadow:0 30px 92px rgba(0,40,120,.42)}
.pill,.tag{background:linear-gradient(180deg,rgba(19,119,255,.2),rgba(19,119,255,.08));border-color:rgba(120,180,255,.32);color:#eaf4ff;border-radius:8px}
.feature-icon{background:linear-gradient(180deg,rgba(19,119,255,.26),rgba(19,119,255,.08));border:1px solid rgba(120,180,255,.24);border-radius:8px}
.stat,.faq-item,.table-wrap,.toc{background:#07152d;border-color:rgba(122,171,255,.18);border-radius:8px}
th{background:#0d2349;color:#8dccff}
.avatar{background:linear-gradient(135deg,#0a58ff,#6bc8ff);color:#fff}
.footer{background:#030712;border-top-color:rgba(52,132,255,.22)}
.mobile-cta{background:rgba(4,13,31,.94);border-top-color:rgba(52,132,255,.28)}
.hero .h1{max-width:620px;font-size:clamp(1.9rem,3.55vw,3.2rem);line-height:1.12;font-weight:800}
.header-actions{display:grid;grid-template-columns:minmax(150px,1.08fr) minmax(132px,.92fr);align-items:stretch;gap:10px}
.header-actions .btn{min-height:50px;height:50px;padding:0 18px;white-space:nowrap}
.mobile-header-register{display:none}
.btn-register{background:linear-gradient(135deg,#04c96b 0%,#28f08e 100%);border-color:rgba(76,255,166,.44);color:#03140c;box-shadow:0 12px 30px rgba(4,201,107,.28),inset 0 1px 0 rgba(255,255,255,.24)}
.btn-register:hover{border-color:#7dffbd;box-shadow:0 14px 34px rgba(4,201,107,.38),inset 0 1px 0 rgba(255,255,255,.3)}
.payment-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.payment-list li{position:relative;padding:12px 14px 12px 42px;border:1px solid rgba(122,171,255,.2);border-radius:8px;background:rgba(7,21,45,.72);color:#eaf4ff;font-weight:700}
.payment-list li::before{content:"";position:absolute;left:15px;top:50%;width:11px;height:11px;border-radius:50%;background:#28f08e;box-shadow:0 0 16px rgba(40,240,142,.54);transform:translateY(-50%)}
.review{display:flex;flex-direction:column;align-items:center;text-align:center}
.review .avatar{margin:0 auto 6px}
.review h3{margin:4px 0 8px}
.live-widget{left:16px;right:auto}
.footer-compact{display:grid;gap:12px;text-align:center}
.footer-line{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.footer-line a{color:#dcecff;font-weight:800}
.footer-line a:hover{color:#6ec1ff}
.live-tag{display:inline-flex;align-items:center;gap:7px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff2b2b;box-shadow:0 0 12px rgba(255,43,43,.85);animation:liveBlink 1s infinite}
@keyframes liveBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:86px;text-align:center;line-height:1.22;padding:16px 10px}
.stat strong{margin-bottom:5px;font-size:1.45rem;line-height:1}
@media(min-width:768px){.hero-media{transform:translateY(-34px)}}
@media(max-width:767px){
  body{overflow-x:hidden;padding-bottom:78px}
  .site-header .container{display:grid;grid-template-columns:auto minmax(124px,148px);align-items:center;gap:12px;padding-top:12px;padding-bottom:10px}
  .header-actions{display:none!important}
  .brand{font-size:1.05rem;min-width:max-content}
  .brand-mark{width:32px;height:32px}
  .brand-mark::before{top:7px;width:8px;height:8px}
  .brand-mark::after{bottom:6px;width:17px;height:9px}
  .nav{display:flex;grid-column:1/-1;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobile-header-register{display:inline-flex;width:100%;min-height:40px;height:40px;padding:0 12px;font-size:.84rem;justify-self:end}
  .nav::-webkit-scrollbar{display:none}
  .nav a{flex:0 0 auto;padding:8px 10px;font-size:.82rem;line-height:1;border:1px solid rgba(122,171,255,.18);background:rgba(7,21,45,.72)}
  .hero{padding:32px 0 30px}
  .hero-grid{gap:22px}
  .eyebrow{font-size:.7rem;line-height:1.35;letter-spacing:.04em}
  .hero .h1{max-width:100%;font-size:clamp(1.42rem,7.8vw,1.86rem);line-height:1.14;margin:.45em 0 .42em;text-wrap:balance}
  .lead{font-size:.92rem;line-height:1.55;max-width:100%}
  .cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
  .btn{width:100%;min-height:46px;padding:12px 14px;font-size:.92rem;line-height:1.18;text-align:center}
  .trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  .pill{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 8px;font-size:.78rem;text-align:center;line-height:1.15}
  .hero-media{min-height:0;transform:none;margin-top:2px}
  .hero-media img{width:100%;max-height:270px;object-fit:contain;background:linear-gradient(180deg,rgba(16,33,66,.68),rgba(6,15,34,.42));box-shadow:0 18px 52px rgba(0,40,120,.32)}
  .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .stat{min-height:74px;padding:12px 8px;font-size:.82rem}
  .stat strong{font-size:1.22rem}
  section{padding:32px 0}
  .section-title{font-size:clamp(1.42rem,7.4vw,2rem);line-height:1.12;text-wrap:balance}
  .section-copy{font-size:.96rem;line-height:1.58}
  .card,.glass{padding:18px;border-radius:10px}
  .feature-icon{width:38px;height:38px}
  .review{gap:8px}
  .faq-q{padding:14px 15px;font-size:.96rem;line-height:1.3}
  .faq-a{padding:0 15px 15px;font-size:.94rem;line-height:1.55}
  .prose{font-size:.96rem;line-height:1.68}
  .prose h2{font-size:1.55rem;line-height:1.18}
  .prose p{overflow-wrap:anywhere}
  .push-note.show,.live-widget.show{display:none}
  .activity-line{font-size:.84rem;line-height:1.35;margin:.45rem 0 0}
  .footer{padding:30px 0 96px}
  .footer-line{display:grid;grid-template-columns:1fr;gap:10px}
  .footer-line a{padding:10px 12px;border:1px solid rgba(122,171,255,.18);border-radius:8px;background:rgba(7,21,45,.54);font-size:.92rem}
  .mobile-cta{padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -12px 28px rgba(0,0,0,.34)}
  .mobile-cta .btn{min-height:50px}
}
@media(max-width:380px){
  .hero .h1{font-size:1.52rem}
  .lead,.section-copy,.prose{font-size:.93rem}
  .trust-row,.stat-strip{grid-template-columns:1fr 1fr}
  .stat{font-size:.78rem}
}