/* SURIN HOST • SPORT SYSTEM UI (October 2026)
   Final layer above legacy CSS. No cream/egg backgrounds; premium athletic visual system.
   Colors: cool white, graphite, Surin green, athletic orange, cobalt and purple. */
body.public-site.hybrid-navigation{
 --surin-canvas:#f3f6f9;--surin-white:#fff;--surin-ink:#172b3a;
 --surin-muted:#5e7080;--surin-line:#dce5e9;--surin-green:#086e54;
 --surin-orange:#ef673b;--surin-blue:#2466aa;
 --hybrid-cream:#fff;--hybrid-green:#0c6b54;--hybrid-deep:#172b3a;
 --lux-cream:#fff;--lux-navy:#172b3a;--soft:#f3f6f9;
 font-family:'Noto Sans Thai','Prompt',Tahoma,sans-serif!important;
 background:var(--surin-canvas)!important;color:var(--surin-ink)!important;
}
body.public-site.hybrid-navigation .page-content{
 background:linear-gradient(180deg,#eef5f7 0,#f5f8fa 530px,#f3f6f9 100%)!important;
}
body.public-site.hybrid-navigation .page-content .container{max-width:1360px}
/* Desktop header: equal-width wings keep the navigation optically centered. */
@media(min-width:1181px){
 body.public-site.hybrid-navigation .topbar.public-premium-topbar,
 body.public-site.hybrid-navigation.sidebar-collapsed .topbar.public-premium-topbar{
  display:flex!important;align-items:center!important;gap:8px!important;
  height:76px!important;border-radius:20px!important;
  left:20px!important;right:20px!important;top:12px!important;
  padding:0 17px!important;background:rgba(255,255,255,.975)!important;
  border:1px solid #dce6e7!important;
  box-shadow:0 9px 30px rgba(13,48,56,.09),0 2px 4px rgba(13,48,56,.04)!important;
 }
 body.public-site.hybrid-navigation .hybrid-brand,
 body.public-site.hybrid-navigation .topbar-right-cluster{
  flex:0 0 218px!important;width:218px!important;max-width:218px!important;
 }
 body.public-site.hybrid-navigation .topbar-right-cluster{margin-left:0!important;justify-content:flex-end!important}
 body.public-site.hybrid-navigation .hybrid-main-nav{
  display:flex!important;flex:1 1 auto!important;min-width:0!important;
  gap:3px!important;justify-content:center!important;align-items:center!important;
 }
 body.public-site.hybrid-navigation .hybrid-main-nav>a,
 body.public-site.hybrid-navigation .hybrid-main-nav>details>summary{
  padding:11px 10px!important;min-height:44px!important;line-height:1.35!important;
  font-size:13px!important;font-weight:750!important;letter-spacing:0!important;
 }
 body.public-site.hybrid-navigation .hybrid-main-nav>details{justify-content:center!important}
 body.public-site.hybrid-navigation .hybrid-main-nav>.active,
 body.public-site.hybrid-navigation .hybrid-main-nav>details.active>summary{
  background:#e4f3ec!important;border:1px solid #b9dfce!important;
  color:#0b6b50!important;-webkit-text-fill-color:#0b6b50!important;
  box-shadow:inset 0 -2px 0 #15926e!important;
 }
}
body.public-site.hybrid-navigation .topbar.public-premium-topbar::before{background:linear-gradient(90deg,transparent,#0a785f,#f47742,#2874b2,transparent)!important;opacity:.85!important}
body.public-site.hybrid-navigation .hybrid-brand-mark{
 background:#fff!important;border:1px solid #d8e5e7!important;
 box-shadow:0 4px 10px rgba(12,62,75,.07)!important;
}
body.public-site.hybrid-navigation .hybrid-brand-name strong{color:#124e47!important;-webkit-text-fill-color:#124e47!important}
body.public-site.hybrid-navigation .hybrid-brand-name small{color:#5c7181!important;-webkit-text-fill-color:#5c7181!important}
body.public-site.hybrid-navigation .hybrid-brand-spark{background:linear-gradient(180deg,transparent,#0c8568,#f47742,transparent)!important}
body.public-site.hybrid-navigation .hybrid-main-nav>a,
body.public-site.hybrid-navigation .hybrid-main-nav>details>summary{color:#2c4050!important;-webkit-text-fill-color:#2c4050!important}
body.public-site.hybrid-navigation .hybrid-main-nav>a:hover,
body.public-site.hybrid-navigation .hybrid-main-nav>details>summary:hover,
body.public-site.hybrid-navigation .hybrid-main-nav>details[open]>summary{
 background:#eaf5f1!important;border-color:#cae7dc!important;
 color:#08674f!important;-webkit-text-fill-color:#08674f!important;
}
body.public-site.hybrid-navigation .hybrid-nav-home{font-size:18px!important;line-height:1!important;display:grid!important;place-items:center!important;width:16px;height:19px}
body.public-site.hybrid-navigation .hybrid-dropdown,
body.public-site.hybrid-navigation .hybrid-account-dropdown,
body.public-site.hybrid-navigation .hybrid-search-popover{
 background:#fff!important;border:1px solid #dce6e9!important;
 box-shadow:0 20px 45px rgba(20,49,62,.16)!important;
}
body.public-site.hybrid-navigation .hybrid-drop-title{color:#b75339!important;-webkit-text-fill-color:#b75339!important}
body.public-site.hybrid-navigation .hybrid-dropdown>a:hover,
body.public-site.hybrid-navigation .hybrid-account-dropdown>a:hover{
 background:#e9f6f0!important;color:#0a6e51!important;-webkit-text-fill-color:#0a6e51!important;
}
body.public-site.hybrid-navigation .hybrid-search>summary,
body.public-site.hybrid-navigation .topbar-notification{
 background:#f4f8fa!important;border:1px solid #dfebeb!important;box-shadow:none!important;
}
body.public-site.hybrid-navigation .topbar-notification{background:#fff4ef!important;border-color:#ffdfd0!important}
body.public-site.hybrid-navigation .hybrid-search-popover input{background:#fff!important}
body.public-site.hybrid-navigation .hybrid-account>summary{
 background:#0b7055!important;border-color:#0b7055!important;
 box-shadow:0 4px 13px rgba(8,110,84,.17)!important;
}
body.public-site.hybrid-navigation .hybrid-account-avatar{background:rgba(255,255,255,.18)!important}
/* Full-width Surin hosting graphic, preserved at original dimensions. */
body.public-site.page-index .premium-home-hero.home-image-hero{
 max-width:1480px!important;margin:7px auto 0!important;
 background:#fff!important;border:0!important;box-shadow:0 18px 42px rgba(20,61,70,.08)!important;
 overflow:hidden!important;border-radius:22px!important;
}
body.public-site.page-index .premium-home-hero .hero-slides{
 position:relative!important;display:block!important;height:auto!important;min-height:0!important;
 aspect-ratio:1916/821!important;background:#fff!important;
}
body.public-site.page-index .premium-home-hero .hero-slide,
body.public-site.page-index .premium-home-hero .hero-slide.is-active{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 background:#fff!important;
}
body.public-site.page-index .premium-home-hero .hero-slide picture,
body.public-site.page-index .premium-home-hero .hero-slide a{
 display:block!important;width:100%!important;height:100%!important;
}
body.public-site.page-index .premium-home-hero .hero-slide img,
body.public-site.page-index .home-image-hero .hero-slide.is-active img{
 display:block!important;width:100%!important;height:100%!important;
 max-height:none!important;object-fit:cover!important;object-position:center!important;
}
body.public-site.page-index .hero-carousel-dots{background:rgba(255,255,255,.92)!important}
body.public-site.page-index .hero-carousel-dots button.is-active{background:#0b805e!important}
/* Quick hub, redesigned as consistent, perfectly centered 6-tile section. */
body.public-site.page-index .mobile-home-shortcuts{display:none!important}
body.public-site.page-index .sport-hub-section{position:relative;padding:27px 0 22px!important;background:transparent!important}
body.public-site.page-index .sport-hub-heading{
 display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;
}
body.public-site.page-index .sport-hub-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#14836b!important}
body.public-site.page-index .sport-hub-eyebrow span{color:#ed764d}
body.public-site.page-index .sport-hub-heading h2{
 font-size:clamp(20px,2vw,26px)!important;line-height:1.5;font-weight:900!important;
 margin:2px 0 0!important;color:#172f3c!important;letter-spacing:-.025em;
}
body.public-site.page-index .sport-hub-heading h2 span{margin-left:7px;color:#078165!important}
body.public-site.page-index .sport-hub-heading p{font-size:12px;color:#647587!important;margin:0 0 3px!important;font-weight:650}
body.public-site.page-index .sport-hub-grid{
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:12px!important;align-items:stretch!important;justify-items:stretch!important;
}
body.public-site.page-index .sport-hub-link{
 display:flex!important;position:relative;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:9px!important;
 text-align:center!important;min-height:153px!important;min-width:0!important;
 padding:17px 8px 14px!important;text-decoration:none!important;
 background:#fff!important;border:1px solid #dfE7ec!important;border-radius:20px!important;
 box-shadow:0 6px 18px rgba(23,61,73,.055)!important;
 overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.public-site.page-index .sport-hub-link::before{
 content:"";position:absolute;left:17px;right:17px;top:0;height:3px;border-radius:0 0 8px 8px;
 background:var(--hub-accent)!important;
}
body.public-site.page-index .sport-hub-link:hover,
body.public-site.page-index .sport-hub-link:focus-visible{
 transform:translateY(-4px)!important;border-color:var(--hub-accent)!important;
 box-shadow:0 16px 30px rgba(23,61,73,.10)!important;outline:none;
}
body.public-site.page-index .sport-hub-icon{
 display:grid!important;place-items:center!important;flex:none!important;
 width:56px!important;height:56px!important;border-radius:17px!important;
 background:color-mix(in srgb,var(--hub-accent) 10%,white)!important;
 color:var(--hub-accent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hub-accent) 15%,white)!important;
}
body.public-site.page-index .sport-hub-icon svg{width:27px;height:27px;display:block}
body.public-site.page-index .sport-hub-text{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;max-width:100%;width:100%}
body.public-site.page-index .sport-hub-text strong{
 display:block!important;font-size:13px!important;line-height:1.4!important;font-weight:850!important;
 color:#243a47!important;-webkit-text-fill-color:#243a47!important;white-space:normal;
}
body.public-site.page-index .sport-hub-text small{
 display:block!important;font-size:10px!important;color:#738493!important;-webkit-text-fill-color:#738493!important;
 font-weight:550!important;line-height:1.4!important;
}
body.public-site.page-index .sport-hub-arrow{position:absolute;right:12px;top:11px;color:#a7b4be;font-size:15px;font-weight:800;line-height:1}
/* Genuine multi-color surfaces: avoid both monotonous blue and creamy beige. */
body.public-site.page-index .home-stat-section{background:transparent!important;padding:3px 0 19px!important}
body.public-site.page-index .premium-kpi-grid{gap:12px!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card{
 background:#fff!important;border:1px solid #dde6ec!important;
 box-shadow:0 5px 16px rgba(20,60,78,.045)!important;border-radius:18px!important;
}
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-schools{background:#f0f6ff!important;border-color:#dbe8fa!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-athletes{background:#ebf9f2!important;border-color:#d0eedf!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-register{background:#fff3ee!important;border-color:#f8e3d7!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-medals{background:#f5efff!important;border-color:#e8dbfa!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card::after{opacity:.3!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card strong{color:#203748!important;-webkit-text-fill-color:#203748!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card div>span{color:#496273!important;-webkit-text-fill-color:#496273!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card small{color:#61798a!important;-webkit-text-fill-color:#61798a!important}
body.public-site.page-index .premium-home-dashboard,
body.public-site.page-index .home-discovery,
body.public-site.page-index .home-news-section{background:transparent!important}
body.public-site.page-index .premium-dashboard-card,
body.public-site.page-index .home-news-compact-card,
body.public-site.page-index .home-discovery-card,
body.public-site.page-index .home-youtube-card{
 background:#fff!important;border-color:#e0e8ed!important;
 box-shadow:0 8px 27px rgba(20,49,63,.055)!important;
}
body.public-site.page-index .premium-card-head,
body.public-site.page-index .live-dashboard-card .premium-card-head{
 background:#f6f9fb!important;border-bottom:1px solid #e1eaf0!important;
}
body.public-site.page-index .premium-card-head strong{color:#1e3a48!important;-webkit-text-fill-color:#1e3a48!important}
body.public-site.page-index .premium-card-head>a,
body.public-site.page-index .live-dashboard-card .premium-card-head>a,
body.public-site.page-index .schedule-summary-card .premium-card-head>a{
 background:#e7f5ef!important;color:#08654e!important;-webkit-text-fill-color:#08654e!important;
 border:1px solid #cce8d9!important;
}
body.public-site.page-index .news-label{background:#f3f0fc!important;color:#7b50b8!important}
body.public-site .public-page-hero{background:linear-gradient(120deg,#fff,#eaf4f3)!important;border-color:#dce7ea!important}
body.public-site .sidebar.premium-sidebar{background:#fff!important;color:#213743!important}
body.public-site.hybrid-navigation .sidebar-menu .menu-item{
 border:1px solid #e5ebef!important;background:#f5f8fa!important;
 box-shadow:none!important;
}
body.public-site.hybrid-navigation .sidebar-menu .menu-item.active{
 background:#e8f5ee!important;border-color:#b9e3d2!important;
}
body.public-site.hybrid-navigation .sidebar-menu .menu-item.active strong,
body.public-site.hybrid-navigation .sidebar-menu .menu-item.active span{color:#086c50!important;-webkit-text-fill-color:#086c50!important}
body.public-site.hybrid-navigation .sidebar-menu .menu-item .menu-icon-box{background:#fff!important;border-radius:13px!important}
body.public-site .mobile-bottom-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid #e1e9ee!important}
body.public-site .mobile-bottom-nav a.is-active{color:#078568!important;-webkit-text-fill-color:#078568!important}
body.public-site .mobile-login-sheet{background:#fff!important}
body.public-site .mobile-login-options a{background:#f4f8fa!important;border-color:#dce7ed!important}
body.public-site .site-footer{background:#122f3d!important}
/* Mobile / tablet: clean header, bright white drawer, balanced menu tiles. */
@media(max-width:1180px){
 body.public-site.hybrid-navigation .topbar.public-premium-topbar,
 body.public-site.hybrid-navigation.sidebar-collapsed .topbar.public-premium-topbar{
  position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;
  height:calc(69px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 13px 0!important;
  background:#fff!important;border:0!important;border-bottom:1px solid #dbe6ec!important;
  border-radius:0!important;box-shadow:0 5px 16px rgba(13,51,67,.065)!important;
 }
 body.public-site.hybrid-navigation .page-content,
 body.public-site.hybrid-navigation.sidebar-collapsed .page-content{padding-top:calc(69px + env(safe-area-inset-top))!important}
 body.public-site.hybrid-navigation .hybrid-main-nav,body.public-site.hybrid-navigation .hybrid-brand{display:none!important}
 body.public-site.hybrid-navigation .sidebar-toggle{display:flex!important;background:#0a765b!important;border-color:#0a765b!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand{display:flex!important}
 body.public-site.hybrid-navigation .topbar-right-cluster{margin-left:auto!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand img{background:#fff!important;border:1px solid #d9e7e9!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand strong{color:#114d46!important;-webkit-text-fill-color:#114d46!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand span{color:#648090!important;-webkit-text-fill-color:#648090!important}
 body.public-site.hybrid-navigation .sidebar.premium-sidebar,
 body.public-site.hybrid-navigation.sidebar-collapsed .sidebar.premium-sidebar{
  display:flex!important;background:#fff!important;
  box-shadow:16px 0 45px rgba(21,49,64,.2)!important;
 }
 body.public-site.hybrid-navigation .public-sidebar-close{background:#e9f4ef!important;border-color:#cae6d9!important;color:#08664f!important}
 body.public-site.page-index .sport-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.public-site.page-index .sport-hub-link{min-height:144px!important}
 body.public-site.page-index .premium-home-hero.home-image-hero{margin:9px 13px 0!important;border-radius:16px!important}
}
@media(max-width:660px){
 body.public-site.page-index .sport-hub-section{padding:19px 0 16px!important}
 body.public-site.page-index .sport-hub-heading{margin-bottom:12px!important;align-items:center}
 body.public-site.page-index .sport-hub-eyebrow{font-size:8px!important}
 body.public-site.page-index .sport-hub-heading h2{font-size:19px!important}
 body.public-site.page-index .sport-hub-heading p{display:none!important}
 body.public-site.page-index .sport-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 body.public-site.page-index .sport-hub-link{min-height:122px!important;padding:13px 5px 9px!important;gap:6px!important;border-radius:15px!important}
 body.public-site.page-index .sport-hub-icon{width:44px!important;height:44px!important;border-radius:14px!important}
 body.public-site.page-index .sport-hub-icon svg{width:23px!important;height:23px!important}
 body.public-site.page-index .sport-hub-text strong{font-size:11px!important;line-height:1.36!important}
 body.public-site.page-index .sport-hub-text small{font-size:8px!important;line-height:1.4!important}
 body.public-site.page-index .sport-hub-arrow{right:8px;top:6px;font-size:11px}
 body.public-site.page-index .premium-home-hero.home-image-hero{margin:6px 9px 0!important;border-radius:13px!important}
 body.public-site.page-index .home-stat-section{padding-top:0!important}
}
@media(max-width:355px){
 body.public-site.page-index .sport-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.public-site.page-index .sport-hub-link{min-height:111px!important}
 body.public-site.page-index .sport-hub-heading h2{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
 body.public-site.page-index .sport-hub-link{transition:none!important}
}

/* Between 1101–1180px the original drawer breakpoint was 1100px; explicitly
   supply its interactive placement so CSS and JS share the new 1180px threshold. */
@media(min-width:1101px) and (max-width:1180px){
 body.public-site.hybrid-navigation .sidebar-toggle{
  display:flex!important;position:relative;flex-direction:column;align-items:center!important;
  justify-content:center!important;gap:4px!important;width:43px!important;height:43px!important;
  min-width:43px!important;padding:0!important;border-radius:13px!important;
 }
 body.public-site.hybrid-navigation .sidebar-toggle span{display:block!important;width:19px!important;height:2px!important;background:#fff!important;border-radius:4px!important;margin:0!important;transition:transform .2s ease,opacity .2s ease}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-toggle span:first-child{transform:translateY(6px) rotate(45deg)!important}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-toggle span:nth-child(2){opacity:0!important}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand{display:flex!important;flex:1 1 auto!important;align-items:center!important;gap:9px!important;text-decoration:none!important;min-width:0!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand img{width:39px!important;height:39px!important;object-fit:contain!important;border-radius:12px!important;padding:3px!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand strong{display:block!important;font-size:13px!important}
 body.public-site.hybrid-navigation .mobile-topbar-brand span{display:block!important;font-size:10px!important}
 body.public-site.hybrid-navigation .topbar-right-cluster{display:flex!important;gap:6px!important}
 body.public-site.hybrid-navigation .hybrid-account{display:none!important}
 body.public-site.hybrid-navigation .topbar-login-desktop{display:none!important}
 body.public-site.hybrid-navigation .mobile-login-trigger{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;font-size:0!important;overflow:hidden!important;padding:0!important}
 body.public-site.hybrid-navigation .mobile-login-trigger::before{content:'👤'!important;font-size:18px!important}
 body.public-site.hybrid-navigation .sidebar.premium-sidebar,
 body.public-site.hybrid-navigation.sidebar-collapsed .sidebar.premium-sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;
  width:min(88vw,332px)!important;max-width:332px!important;
  height:100dvh!important;z-index:200!important;overflow-y:auto!important;
  padding:18px 12px 22px!important;transform:translateX(-110%)!important;
  transition:transform .25s ease!important;
 }
 body.public-site.hybrid-navigation.sidebar-open .sidebar.premium-sidebar{transform:translateX(0)!important}
 body.public-site.hybrid-navigation .sidebar-backdrop{display:none!important}
 body.public-site.hybrid-navigation.sidebar-open .sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:190!important;background:rgba(18,39,51,.48)!important}
 body.public-site.hybrid-navigation .public-sidebar-close{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:12px!important;position:absolute!important;right:12px!important;top:16px!important;cursor:pointer}
 body.public-site.hybrid-navigation.sidebar-open{overflow:hidden!important}
}


/* 2026-10-27: Surin elephant / compact balanced stat widgets */
body.public-site.page-index .premium-home-hero.home-image-hero{
 margin:8px auto 0!important;max-width:1360px!important;border-radius:20px!important;
 border:1px solid rgba(183,208,212,.65)!important;box-shadow:0 14px 34px rgba(20,59,77,.10)!important;
}
body.public-site.page-index .premium-home-hero .hero-slides{
 height:clamp(228px,29vw,400px)!important;min-height:0!important;
 aspect-ratio:auto!important;background:#e5f2f6!important;
}
body.public-site.page-index .premium-home-hero .hero-slide picture,
body.public-site.page-index .premium-home-hero .hero-slide picture img{
 display:block!important;width:100%!important;height:100%!important;
}
body.public-site.page-index .premium-home-hero .hero-slide img{
 object-fit:cover!important;object-position:center 56%!important;
}
body.public-site.page-index .home-stat-section>.container{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
body.public-site.page-index .premium-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card{
 display:grid!important;grid-template-columns:40px minmax(0,max-content)!important;
 align-items:center!important;justify-content:center!important;
 gap:13px!important;min-height:99px!important;padding:12px 12px!important;
 text-align:left!important;border-radius:16px!important;
 border:1px solid #e2eaf0!important;background:#fff!important;
 box-shadow:0 5px 20px rgba(22,56,70,.05)!important;
 transition:transform .16s ease,box-shadow .16s ease!important;
}
body.public-site.page-index .premium-kpi-grid .home-stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 13px 25px rgba(22,56,70,.09)!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card:after,
body.public-site.page-index .premium-kpi-grid .home-stat-card:before{display:none!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card .stat-icon{
 position:relative!important;display:grid!important;place-items:center!important;
 width:40px!important;height:40px!important;min-width:40px!important;
 border-radius:12px!important;background:#edf5fa!important;
 box-shadow:none!important;margin:0!important;padding:0!important;
 color:#3074a6!important;font-size:0!important;
}
body.public-site.page-index .premium-kpi-grid .home-stat-card .stat-icon svg{width:22px;height:22px;display:block;stroke:currentColor}
body.public-site.page-index .premium-kpi-grid .kpi-schools .stat-icon{background:#e9f2ff!important;color:#2364a9!important}
body.public-site.page-index .premium-kpi-grid .kpi-athletes .stat-icon{background:#e5f7ef!important;color:#107b59!important}
body.public-site.page-index .premium-kpi-grid .kpi-register .stat-icon{background:#fff0e8!important;color:#ca6338!important}
body.public-site.page-index .premium-kpi-grid .kpi-medals .stat-icon{background:#f2ecff!important;color:#744bb6!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-schools,
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-athletes,
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-register,
body.public-site.page-index .premium-kpi-grid .home-stat-card.kpi-medals{background:#fff!important;border-color:#e2eaf0!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card div{position:relative!important;z-index:1!important;min-width:0!important;margin:0!important}
body.public-site.page-index .premium-kpi-grid .home-stat-card div>span{
 display:block!important;font-size:11px!important;line-height:1.35!important;
 font-weight:750!important;letter-spacing:0!important;white-space:nowrap!important;
 color:#526a7a!important;-webkit-text-fill-color:#526a7a!important;
}
body.public-site.page-index .premium-kpi-grid .home-stat-card strong{
 display:inline-block!important;font-size:26px!important;font-weight:900!important;
 line-height:1.13!important;margin:3px 4px 0 0!important;
 color:#183c4e!important;-webkit-text-fill-color:#183c4e!important;
}
body.public-site.page-index .premium-kpi-grid .home-stat-card small{
 font-size:10px!important;line-height:1.15!important;margin:0!important;
 color:#687b89!important;-webkit-text-fill-color:#687b89!important;
}
@media(max-width:1180px){
 body.public-site.page-index .premium-home-hero.home-image-hero{margin:9px 12px 0!important;border-radius:15px!important}
 body.public-site.page-index .premium-home-hero .hero-slides{height:clamp(220px,30vw,360px)!important}
}
@media(max-width:750px){
 body.public-site.page-index .premium-home-hero .hero-slides{height:clamp(153px,42vw,265px)!important}
 body.public-site.page-index .premium-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card{min-height:82px!important;grid-template-columns:36px minmax(0,max-content)!important;gap:9px!important;padding:10px 7px!important;border-radius:14px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card .stat-icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card .stat-icon svg{width:20px;height:20px}
 body.public-site.page-index .premium-kpi-grid .home-stat-card div>span{font-size:10px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card strong{font-size:21px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card small{font-size:9px!important}
}
@media(max-width:380px){
 body.public-site.page-index .premium-home-hero .hero-slides{height:150px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card{grid-template-columns:32px minmax(0,max-content)!important;gap:7px!important;min-height:75px!important;padding:9px 6px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card .stat-icon{width:32px!important;height:32px!important;min-width:32px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card .stat-icon svg{width:19px;height:19px}
 body.public-site.page-index .premium-kpi-grid .home-stat-card div>span{font-size:8.5px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card strong{font-size:20px!important}
 body.public-site.page-index .premium-kpi-grid .home-stat-card small{font-size:8px!important}
}