/* BetPatron Premium V18 — public pages */
:root{
  --v18-page:#e72b3a;
  --v18-page-rgb:231,43,58;
  --v18-line:rgba(255,255,255,.085);
  --v18-soft:#aeb8c7;
}
body[data-page="sites"]{--v18-page:#ed3446;--v18-page-rgb:237,52,70}
body[data-page="bonuses"]{--v18-page:#f4b544;--v18-page-rgb:244,181,68}
body[data-page="events"]{--v18-page:#7668f4;--v18-page-rgb:118,104,244}
body[data-page="draws"]{--v18-page:#32c78b;--v18-page-rgb:50,199,139}
body[data-page="contacts"]{--v18-page:#2aa9e8;--v18-page-rgb:42,169,232}
body[data-page="sites"],body[data-page="bonuses"],body[data-page="events"],body[data-page="draws"],body[data-page="contacts"]{
  background:
    radial-gradient(circle at 16% 4%,rgba(var(--v18-page-rgb),.105),transparent 27%),
    radial-gradient(circle at 91% 16%,rgba(42,165,228,.075),transparent 25%),
    linear-gradient(180deg,#080b10 0%,#0a0e14 52%,#080b10 100%)!important;
}
body[data-page="sites"]::before,body[data-page="bonuses"]::before,body[data-page="events"]::before,body[data-page="draws"]::before,body[data-page="contacts"]::before{
  opacity:.25!important;background-size:46px 46px!important;
  mask-image:linear-gradient(to bottom,black 0,rgba(0,0,0,.55) 48%,transparent 90%)!important;
}

/* Header */
body[data-page="sites"] .site-header,body[data-page="bonuses"] .site-header,body[data-page="events"] .site-header,body[data-page="draws"] .site-header,body[data-page="contacts"] .site-header{
  background:rgba(7,10,15,.76)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16)!important;backdrop-filter:blur(22px) saturate(145%)!important;
}
body[data-page="sites"] .nav-wrap,body[data-page="bonuses"] .nav-wrap,body[data-page="events"] .nav-wrap,body[data-page="draws"] .nav-wrap,body[data-page="contacts"] .nav-wrap{height:74px!important}
body[data-page="sites"] .main-nav,body[data-page="bonuses"] .main-nav,body[data-page="events"] .main-nav,body[data-page="draws"] .main-nav,body[data-page="contacts"] .main-nav{
  padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.025)
}
body[data-page="sites"] .main-nav a,body[data-page="bonuses"] .main-nav a,body[data-page="events"] .main-nav a,body[data-page="draws"] .main-nav a,body[data-page="contacts"] .main-nav a{
  padding:9px 13px!important;border-radius:10px!important;color:#aeb7c5!important;font-size:.83rem!important
}
body[data-page="sites"] .main-nav a.active,body[data-page="bonuses"] .main-nav a.active,body[data-page="events"] .main-nav a.active,body[data-page="draws"] .main-nav a.active,body[data-page="contacts"] .main-nav a.active{
  color:white!important;background:linear-gradient(145deg,rgba(var(--v18-page-rgb),.22),rgba(255,255,255,.04))!important;
  box-shadow:inset 0 0 0 1px rgba(var(--v18-page-rgb),.44),0 8px 20px rgba(0,0,0,.18)!important
}
body[data-page="sites"] .auth-link,body[data-page="bonuses"] .auth-link,body[data-page="events"] .auth-link,body[data-page="draws"] .auth-link,body[data-page="contacts"] .auth-link,
body[data-page="sites"] .user-chip,body[data-page="bonuses"] .user-chip,body[data-page="events"] .user-chip,body[data-page="draws"] .user-chip,body[data-page="contacts"] .user-chip{
  min-height:39px!important;border-radius:12px!important;background:rgba(20,25,34,.88)!important;border-color:rgba(255,255,255,.09)!important
}

/* Hero */
body[data-page="sites"] .hero,body[data-page="bonuses"] .hero,body[data-page="events"] .hero,body[data-page="draws"] .hero,body[data-page="contacts"] .hero{padding:58px 0 18px!important}
body[data-page="sites"] .hero-shell,body[data-page="bonuses"] .hero-shell,body[data-page="events"] .hero-shell,body[data-page="draws"] .hero-shell,body[data-page="contacts"] .hero-shell{
  min-height:292px!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(112deg,rgba(20,25,34,.98) 0 54%,rgba(12,16,23,.97) 54% 100%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body[data-page="sites"] .hero-shell::before,body[data-page="bonuses"] .hero-shell::before,body[data-page="events"] .hero-shell::before,body[data-page="draws"] .hero-shell::before,body[data-page="contacts"] .hero-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:1;
  background:
    linear-gradient(116deg,transparent 0 58%,rgba(var(--v18-page-rgb),.10) 58% 100%),
    radial-gradient(circle at 84% 18%,rgba(var(--v18-page-rgb),.18),transparent 33%),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:auto,auto,38px 38px,38px 38px;
}
body[data-page="sites"] .hero-shell::after,body[data-page="bonuses"] .hero-shell::after,body[data-page="events"] .hero-shell::after,body[data-page="draws"] .hero-shell::after,body[data-page="contacts"] .hero-shell::after{
  content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,transparent,var(--v18-page),transparent);opacity:.9
}
body[data-page="sites"] .hero-grid,body[data-page="bonuses"] .hero-grid,body[data-page="events"] .hero-grid,body[data-page="draws"] .hero-grid,body[data-page="contacts"] .hero-grid{
  min-height:292px!important;padding:44px 46px!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:44px!important
}
body[data-page="sites"] .hero .eyebrow,body[data-page="bonuses"] .hero .eyebrow,body[data-page="events"] .hero .eyebrow,body[data-page="draws"] .hero .eyebrow,body[data-page="contacts"] .hero .eyebrow{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:14px!important;color:color-mix(in srgb,var(--v18-page) 82%,white)!important;
  font-size:.66rem!important;letter-spacing:.19em!important
}
body[data-page="sites"] .hero .eyebrow::before,body[data-page="bonuses"] .hero .eyebrow::before,body[data-page="events"] .hero .eyebrow::before,body[data-page="draws"] .hero .eyebrow::before,body[data-page="contacts"] .hero .eyebrow::before{
  content:"";width:24px;height:1px;background:var(--v18-page);box-shadow:0 0 14px rgba(var(--v18-page-rgb),.7)
}
body[data-page="sites"] .page-hero-title,body[data-page="bonuses"] .page-hero-title,body[data-page="events"] .page-hero-title,body[data-page="draws"] .page-hero-title,body[data-page="contacts"] .page-hero-title{
  max-width:760px;font-size:clamp(3rem,5.4vw,5.5rem)!important;line-height:.92!important;letter-spacing:-.06em!important;
  text-wrap:balance;text-shadow:0 12px 36px rgba(0,0,0,.28)
}
body[data-page="sites"] .hero p:not(.eyebrow),body[data-page="bonuses"] .hero p:not(.eyebrow),body[data-page="events"] .hero p:not(.eyebrow),body[data-page="draws"] .hero p:not(.eyebrow),body[data-page="contacts"] .hero p:not(.eyebrow){
  margin:18px 0 0!important;max-width:680px!important;color:#b7c0cd!important;font-size:.98rem!important;line-height:1.72!important
}
body[data-page="sites"] .hero-aside,body[data-page="bonuses"] .hero-aside,body[data-page="events"] .hero-aside,body[data-page="draws"] .hero-aside,body[data-page="contacts"] .hero-aside{
  width:100%!important;min-height:126px!important;padding:22px!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(8,11,16,.76),rgba(17,22,30,.82))!important;
  border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 36px rgba(0,0,0,.18)!important
}
body[data-page="sites"] .hero-aside::before,body[data-page="bonuses"] .hero-aside::before,body[data-page="events"] .hero-aside::before,body[data-page="draws"] .hero-aside::before,body[data-page="contacts"] .hero-aside::before{
  content:"CANLI";display:inline-flex;margin-bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(var(--v18-page-rgb),.12);border:1px solid rgba(var(--v18-page-rgb),.28);color:color-mix(in srgb,var(--v18-page) 82%,white);font-size:.57rem;font-weight:950;letter-spacing:.13em
}
body[data-page="sites"] .hero-aside strong,body[data-page="bonuses"] .hero-aside strong,body[data-page="events"] .hero-aside strong,body[data-page="draws"] .hero-aside strong,body[data-page="contacts"] .hero-aside strong{font-size:1.3rem!important}
body[data-page="sites"] .hero-aside span,body[data-page="bonuses"] .hero-aside span,body[data-page="events"] .hero-aside span,body[data-page="draws"] .hero-aside span,body[data-page="contacts"] .hero-aside span{font-size:.77rem!important}

/* Content heading and controls */
body[data-page="sites"] .section,body[data-page="bonuses"] .section,body[data-page="events"] .section,body[data-page="draws"] .section,body[data-page="contacts"] .section{padding-top:28px!important;padding-bottom:88px!important}
body[data-page="sites"] .section-title,body[data-page="bonuses"] .section-title,body[data-page="events"] .section-title,body[data-page="draws"] .section-title,body[data-page="contacts"] .section-title{
  align-items:center!important;margin-bottom:24px!important;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.065)
}
body[data-page="sites"] .section-title .eyebrow,body[data-page="bonuses"] .section-title .eyebrow,body[data-page="events"] .section-title .eyebrow,body[data-page="draws"] .section-title .eyebrow,body[data-page="contacts"] .section-title .eyebrow{
  color:var(--v18-page)!important;font-size:.61rem!important;letter-spacing:.18em!important;margin-bottom:8px!important
}
body[data-page="sites"] .section-title h2,body[data-page="bonuses"] .section-title h2,body[data-page="events"] .section-title h2,body[data-page="draws"] .section-title h2,body[data-page="contacts"] .section-title h2{
  font-size:clamp(1.8rem,3vw,2.65rem)!important;letter-spacing:-.045em!important
}
body[data-page="sites"] .search-wrap input{height:48px!important;padding-left:16px!important;border-radius:14px!important;background:rgba(18,23,31,.88)!important;border-color:rgba(255,255,255,.09)!important}
.filter-bar{gap:9px!important;margin-bottom:22px!important}
.filter-chip{min-height:38px!important;padding:8px 13px!important;border-radius:999px!important;background:rgba(20,25,34,.9)!important;border-color:rgba(255,255,255,.085)!important;color:#b8c1ce!important;font-size:.74rem!important}
.filter-chip:hover,.filter-chip.active{background:rgba(var(--v18-page-rgb),.16)!important;border-color:rgba(var(--v18-page-rgb),.48)!important;color:white!important;box-shadow:0 8px 20px rgba(var(--v18-page-rgb),.08)!important}

/* Site cards */
body[data-page="sites"] .sites-grid{gap:15px!important}
body[data-page="sites"] .site-card{
  min-height:222px!important;padding:14px!important;gap:10px!important;border-radius:19px!important;
  background:linear-gradient(180deg,rgba(25,31,41,.97),rgba(13,17,24,.98))!important;
  border-color:rgba(255,255,255,.08)!important;box-shadow:0 16px 38px rgba(0,0,0,.14)!important
}
body[data-page="sites"] .site-card::before{height:3px!important;background:linear-gradient(90deg,transparent,var(--card-accent,var(--v18-page)),transparent)!important;opacity:.9!important}
body[data-page="sites"] .site-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(var(--v18-page-rgb),.06),transparent 42%)}
body[data-page="sites"] .site-card:hover{transform:translateY(-6px)!important;border-color:rgba(var(--v18-page-rgb),.32)!important;box-shadow:0 26px 56px rgba(0,0,0,.26)!important}
body[data-page="sites"] .site-logo-box{height:98px!important;border-radius:14px!important;background:linear-gradient(145deg,#0b0f15,#11161e)!important;border-color:rgba(255,255,255,.055)!important;position:relative;z-index:1}
body[data-page="sites"] .site-logo{max-height:78px!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.site-logo-fallback{display:flex!important;flex-direction:column;gap:6px!important}
.site-logo-fallback span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(var(--v18-page-rgb),.13);border:1px solid rgba(var(--v18-page-rgb),.28);color:var(--v18-page);font-size:1.05rem;font-weight:950}
.site-logo-fallback small{color:#8f99a8;font-size:.65rem;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-page="sites"] .site-name{font-size:.9rem!important;min-height:2.2em!important;position:relative;z-index:1}
body[data-page="sites"] .site-card .btn{min-height:40px!important;border-radius:11px!important;position:relative;z-index:1;font-size:.73rem!important;box-shadow:0 10px 20px rgba(0,0,0,.18)!important}
body[data-page="sites"] .site-badge{background:rgba(8,11,16,.9)!important;backdrop-filter:blur(8px)}

/* Content and contact cards */
body[data-page="bonuses"] .cards-grid,body[data-page="events"] .cards-grid,body[data-page="draws"] .cards-grid,body[data-page="contacts"] .contact-grid{gap:18px!important}
body[data-page="bonuses"] .content-card,body[data-page="events"] .content-card,body[data-page="draws"] .content-card,body[data-page="contacts"] .contact-card{
  border-radius:22px!important;background:linear-gradient(180deg,rgba(24,30,40,.97),rgba(13,17,24,.99))!important;border-color:rgba(255,255,255,.08)!important;border-top:0!important;box-shadow:0 18px 42px rgba(0,0,0,.17)!important;position:relative
}
body[data-page="bonuses"] .content-card::before,body[data-page="events"] .content-card::before,body[data-page="draws"] .content-card::before,body[data-page="contacts"] .contact-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent,var(--v18-page)),transparent);z-index:3}
body[data-page="bonuses"] .content-card:hover,body[data-page="events"] .content-card:hover,body[data-page="draws"] .content-card:hover,body[data-page="contacts"] .contact-card:hover{transform:translateY(-6px)!important;box-shadow:0 28px 58px rgba(0,0,0,.28)!important;border-color:rgba(var(--v18-page-rgb),.23)!important}
.content-image,.contact-image{height:188px!important;background:linear-gradient(145deg,#0b0f15,#11161e)!important;border-bottom:1px solid rgba(255,255,255,.055)}
.content-image img,.contact-image img{transition:transform .35s ease!important}
.content-card:hover .content-image img,.contact-card:hover .contact-image img{transform:scale(1.035)}
.content-body,.contact-body{padding:20px!important;gap:12px!important}
.content-body h3,.contact-body h3{font-size:1.14rem!important;letter-spacing:-.025em}
.badge{background:rgba(var(--v18-page-rgb),.10)!important;border-color:rgba(var(--v18-page-rgb),.25)!important;color:color-mix(in srgb,var(--v18-page) 80%,white)!important}
.meta{gap:9px!important}.meta span{padding:10px!important;border-radius:12px!important;background:rgba(8,11,16,.72)!important;border-color:rgba(255,255,255,.065)!important}
.card-note{background:rgba(8,11,16,.72)!important;border-left-color:var(--v18-page)!important}
.content-card .btn,.contact-card .btn{min-height:42px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 75%,#7f121c))!important}
.media-fallback{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#7f8997}
.media-fallback span{font-size:1.5rem;color:var(--v18-page)}.media-fallback small{font-size:.67rem}

/* Empty state */
.empty{min-height:116px!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:9px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(18,23,31,.7),rgba(10,14,20,.76))!important;border-color:rgba(255,255,255,.09)!important;color:#909aa8!important}
.empty::before{content:"✦";display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(var(--v18-page-rgb),.10);border:1px solid rgba(var(--v18-page-rgb),.24);color:var(--v18-page);font-size:1rem}

/* Page-specific Tony figure */
.page-side-figure{display:block!important;position:absolute!important;top:var(--figure-top,220px)!important;width:clamp(178px,var(--figure-width,220px),260px)!important;z-index:1!important;opacity:.98!important;pointer-events:none!important;filter:drop-shadow(0 24px 38px rgba(0,0,0,.44))!important;overflow:visible!important;animation:bpV18Float 7s ease-in-out infinite!important}
.page-side-figure.left{left:max(8px,calc((100vw - var(--container))/2 - 226px))!important}
.page-side-figure.right{right:max(8px,calc((100vw - var(--container))/2 - 226px))!important}
.page-side-figure img{width:100%!important;height:auto!important;max-height:520px!important;object-fit:contain!important;object-position:center bottom!important}
.page-side-figure::after{content:"";position:absolute;left:16%;right:16%;bottom:1%;height:20px;border-radius:50%;background:rgba(var(--v18-page-rgb),.12);filter:blur(13px);z-index:-1}
@keyframes bpV18Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
body[data-page="sites"] .page-side-figure{--figure-top:208px;--figure-width:218px}
body[data-page="bonuses"] .page-side-figure{--figure-top:204px;--figure-width:240px}
body[data-page="events"] .page-side-figure{--figure-top:222px;--figure-width:218px}
body[data-page="draws"] .page-side-figure{--figure-top:214px;--figure-width:226px}
body[data-page="contacts"] .page-side-figure{--figure-top:222px;--figure-width:214px}
@media(max-width:1510px){.page-side-figure{display:none!important}}

/* Footer */
body[data-page="sites"] .footer,body[data-page="bonuses"] .footer,body[data-page="events"] .footer,body[data-page="draws"] .footer,body[data-page="contacts"] .footer{
  border-top:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(7,10,15,.68),rgba(7,10,15,.96))!important;backdrop-filter:blur(12px)
}

/* Entrance */
.site-card,.content-card,.contact-card{animation:bpV18CardIn .42s ease both}
.site-card:nth-child(2),.content-card:nth-child(2),.contact-card:nth-child(2){animation-delay:.04s}
.site-card:nth-child(3),.content-card:nth-child(3),.contact-card:nth-child(3){animation-delay:.08s}
.site-card:nth-child(4){animation-delay:.12s}.site-card:nth-child(5){animation-delay:.16s}.site-card:nth-child(6){animation-delay:.2s}
@keyframes bpV18CardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  body[data-page="sites"] .hero-grid,body[data-page="bonuses"] .hero-grid,body[data-page="events"] .hero-grid,body[data-page="draws"] .hero-grid,body[data-page="contacts"] .hero-grid{grid-template-columns:1fr!important;padding:36px 30px!important;gap:24px!important}
  body[data-page="sites"] .hero-aside,body[data-page="bonuses"] .hero-aside,body[data-page="events"] .hero-aside,body[data-page="draws"] .hero-aside,body[data-page="contacts"] .hero-aside{justify-self:start!important;max-width:330px!important;min-height:unset!important}
}
@media(max-width:760px){
  body[data-page="sites"] .hero,body[data-page="bonuses"] .hero,body[data-page="events"] .hero,body[data-page="draws"] .hero,body[data-page="contacts"] .hero{padding-top:34px!important}
  body[data-page="sites"] .hero-shell,body[data-page="bonuses"] .hero-shell,body[data-page="events"] .hero-shell,body[data-page="draws"] .hero-shell,body[data-page="contacts"] .hero-shell{border-radius:22px!important}
  body[data-page="sites"] .page-hero-title,body[data-page="bonuses"] .page-hero-title,body[data-page="events"] .page-hero-title,body[data-page="draws"] .page-hero-title,body[data-page="contacts"] .page-hero-title{font-size:clamp(2.65rem,13vw,4.4rem)!important}
}
@media(max-width:620px){
  body[data-page="sites"] .hero-grid,body[data-page="bonuses"] .hero-grid,body[data-page="events"] .hero-grid,body[data-page="draws"] .hero-grid,body[data-page="contacts"] .hero-grid{padding:30px 22px!important}
  body[data-page="sites"] .hero p:not(.eyebrow),body[data-page="bonuses"] .hero p:not(.eyebrow),body[data-page="events"] .hero p:not(.eyebrow),body[data-page="draws"] .hero p:not(.eyebrow),body[data-page="contacts"] .hero p:not(.eyebrow){font-size:.89rem!important}
  body[data-page="sites"] .site-card{min-height:205px!important}
  .content-image,.contact-image{height:170px!important}
}