header .container > a:first-child { flex-shrink: 0; }
.ocg-hub-band { padding: 150px 0 56px; }
.ocg-hub-body { padding-top: 48px; padding-bottom: 80px; font-size: 18px; line-height: 1.6; }
.ocg-hub-body p { margin: 0 0 1em; max-width: 760px; }
@media (max-width: 1279px) { .ocg-hub-band { padding-top: 110px; } }
@media (min-width: 1366px) and (max-width: 1439px) { html:not(.ocg-nav-burger) header nav li { margin-left: 8px !important; margin-right: 8px !important; } }
.ocg-acc-logo { min-width: 373px; height: 116px; }
.toplist-accordion .text-xs { font-size: .75rem; line-height: 1rem; }
@media (min-width: 768px) { .toplist-accordion .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .ocg-acc-body { padding: 1.5rem 2rem 1rem; justify-content: space-between; } .ocg-acc-body .ocg-acc-logo { display: flex; } }
.ocg-brands { display: grid; gap: 24px; margin: 8px 0 12px; }
.ocg-brand { padding: 24px; background: #fff; border: 1px solid #CECCD7; border-radius: 20px; transition: box-shadow .2s; }
.ocg-brand:hover { box-shadow: 0 5px 20px rgba(10, 2, 53, .15); }
.ocg-brand__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.ocg-brand__rank { flex: 0 0 auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: linear-gradient(135deg, #535FFB, #8B29FF); color: #fff; font-family: "Outfit", sans-serif; font-weight: 800; font-size: 20px; }
.ocg-brand__tag { display: inline-block; margin: 0 0 4px !important; padding: 3px 10px !important; border-radius: 20px; background: #F1F0FF; color: #535FFB; font-size: 13px; font-weight: 800; line-height: 1.4; }
.ocg-brand__name { margin: 0 !important; padding: 0 !important; font-family: "Outfit", sans-serif; font-weight: 800; font-size: 26px; line-height: 1.15; color: #0A0235; }
.ocg-brand__shot { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: top left; margin: 0 0 18px; border-radius: 14px; border: 1px solid #E6E5EE; }
.ocg-brand__text { margin: 0 0 12px !important; padding: 0 !important; color: #544E72; font-size: 16px; line-height: 1.65; }
.ocg-brands ul.ocg-brand__pros { margin: 4px 0 16px !important; padding: 0 !important; list-style: none; display: grid; gap: 6px; }
.ocg-brands ul.ocg-brand__pros li { position: relative; margin: 0 !important; padding: 0 0 0 28px !important; font-size: 15px; line-height: 1.45; color: #0A0235; }
.ocg-brands ul.ocg-brand__pros li::before { content: ""; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%; background: #7DCE82 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.5L13 6.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 19px no-repeat; }
.ocg-brands ul.ocg-brand__pros li.ocg-con::before { background: #F08A8A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6 9h6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 19px no-repeat; }
.ocg-brand__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 12px 14px; border-radius: 12px; background: #F4F5FF; }
.ocg-brand__facts div { min-width: 0; }
.ocg-brand__facts dt { font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #544E72; }
.ocg-brand__facts dd { margin: 2px 0 0; font-size: 15px; font-weight: 800; color: #0A0235; line-height: 1.3; }
.ocg-brand__note { margin: 4px 0 0 !important; font-size: 13px; color: #544E72; }
@media (max-width: 767px) {
  .ocg-brand { padding: 16px; }
  .ocg-brand__name { font-size: 22px; }
  .ocg-brand__facts { grid-template-columns: 1fr 1fr; }
}
.ocg-top-intro { max-width: none; margin: 0 0 24px !important; padding: 0 !important; color: #544E72; font-size: 18px; line-height: 1.6; }
@media (max-width: 767px) { .ocg-top-intro { font-size: 16px; margin-bottom: 16px !important; } }
.ocg-criteria { padding: 80px 0 72px; background: #fff; }
.ocg-criteria__title { margin: 0 0 20px !important; font-family: "Outfit", sans-serif; font-weight: 800; font-size: 44px; line-height: 1.15; color: #0A0235; }
.ocg-criteria__intro { margin: 0 0 36px !important; color: #544E72; font-size: 18px; line-height: 1.6; }
.ocg-criteria__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ocg-crit { display: flex; flex-direction: column; padding: 12px 12px 22px; background: #fff; border: 1px solid #CECCD7; border-radius: 20px; transition: box-shadow .2s, transform .2s; }
.ocg-crit:hover { box-shadow: 0 5px 20px rgba(10, 2, 53, .15); transform: translateY(-2px); }
.ocg-crit__img { margin-bottom: 18px; border-radius: 14px; background: #F4F5FF; overflow: hidden; }
.ocg-crit__img img { display: block; width: 100%; height: auto; }
.ocg-crit__title { margin: 0 10px 8px !important; font-family: "Outfit", sans-serif; font-weight: 800; font-size: 21px; line-height: 1.25; color: #0A0235; }
.ocg-crit__text { margin: 0 10px !important; color: #544E72; font-size: 15px; line-height: 1.6; }
.ocg-criteria__more { margin: 32px 0 0 !important; color: #544E72; font-size: 17px; }
.ocg-criteria__more a { color: #535FFB; font-weight: 800; text-decoration: underline; }
@media (max-width: 1023px) { .ocg-criteria__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .ocg-criteria { padding: 48px 0; }
  .ocg-criteria__title { font-size: 30px; }
  .ocg-criteria__intro { font-size: 16px; margin-bottom: 24px !important; }
  .ocg-criteria__grid { grid-template-columns: 1fr; gap: 16px; }
}
.ocg-rails { --ocg-rail-pad: 1rem; position: relative; isolation: isolate; }
.ocg-rails::before {
  content: ""; position: absolute; top: 0; bottom: 0; z-index: -1; pointer-events: none;
  left: max(var(--ocg-rail-pad), calc((100% - 1288px) / 2 + var(--ocg-rail-pad)));
  right: max(var(--ocg-rail-pad), calc((100% - 1288px) / 2 + var(--ocg-rail-pad)));
  border-left: 1px solid #CECCD7; border-right: 1px solid #CECCD7;
}
@media (min-width: 768px) { .ocg-rails { --ocg-rail-pad: 1.5rem; } }
@media (min-width: 960px) { .ocg-rails { --ocg-rail-pad: 2.25rem; } }
.ocg-rails { --ocg-rail-gap: 16px; }
@media (min-width: 768px) { .ocg-rails { --ocg-rail-gap: 32px; } }
.ocg-criteria > .container {
  padding-left: calc(var(--ocg-rail-pad) + var(--ocg-rail-gap)); padding-right: calc(var(--ocg-rail-pad) + var(--ocg-rail-gap));
}
.ocg-games__intro { max-width: none; margin: 0 0 12px !important; padding: 0 !important; color: #544E72; font-size: 18px; line-height: 1.6; }
.ocg-games__intro:last-of-type { margin-bottom: 28px !important; }
.ocg-tabs { text-align: left; margin-bottom: 24px; }
.ocg-tab { background: #fff; color: #535FFB; border-color: #535FFB; }
.ocg-tab:hover { background: #F4F5FF; }
.ocg-tab.ocg-tab_on { background: #535FFB; color: #fff; border-color: transparent; cursor: default; }
.ocg-car[hidden] { display: none; }
.ocg-car__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.ocg-car__arrows { display: flex; gap: 16px; }
.ocg-car__arrow { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 10px;
  background: #535FFB; transition: background-color .2s; }
.ocg-car__arrow:hover { background: #8B29FF; }
.ocg-car__arrow:disabled { background: #E7E6EB; cursor: default; }
.ocg-car__track { padding-bottom: 8px; scrollbar-width: none; margin-bottom: 40px; }
.ocg-car__track::-webkit-scrollbar { display: none; }
.ocg-game { text-align: left; }
.ocg-game__card { position: relative; display: block; width: 100%; aspect-ratio: 280 / 201; overflow: hidden; border-radius: 10px;
  padding: 0; border: 0; background: #0A0235; cursor: pointer; }
.ocg-game__card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.ocg-game__card:hover img, .ocg-game__card:focus-visible img { transform: scale(1.04); }
.ocg-game__prov { position: absolute; top: 6px; right: 6px; z-index: 2; background: #fff; color: #0A0235; border-radius: 8px;
  padding: 4px 8px; font-size: 11px; font-weight: 800; line-height: 1.3; }
.ocg-game__hover { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center;
  background: rgba(10, 2, 53, .78); opacity: 0; transition: opacity .2s; }
.ocg-game__card:hover .ocg-game__hover, .ocg-game__card:focus-visible .ocg-game__hover { opacity: 1; }
.ocg-game__btn { background: #535FFB; color: #fff; font-weight: 800; border-radius: 30px; padding: 10px 20px; font-size: 15px; }
.ocg-game__name { margin: 10px 0 2px !important; padding: 0 !important; line-height: 1.3; font-family: Outfit, sans-serif; font-weight: 800; font-size: 17px; color: #0A0235;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ocg-game__meta { margin: 0 !important; padding: 0 !important; line-height: 1.4; font-size: 13px; color: #544E72; }
@media (max-width: 1023px) { .ocg-car__arrows { display: none; } }
@media (max-width: 767px) {
  .ocg-game__hover { opacity: 1; background: linear-gradient(transparent 55%, rgba(10, 2, 53, .8)); align-items: flex-end; padding-bottom: 8px; }
  .ocg-game__btn { padding: 6px 12px; font-size: 12px; }
  .ocg-games__intro { font-size: 16px; }
}
.ocg-noscroll { overflow: hidden; }
.ocg-demo { position: fixed; inset: 0; z-index: 1000; background: rgba(10, 2, 53, .85); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ocg-demo[hidden] { display: none; }
.ocg-demo__box { width: min(1100px, 100%); background: #0A0235; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, .4); }
.ocg-demo__bar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: #fff; }
.ocg-demo__title { font-family: Outfit, sans-serif; font-size: 18px; margin-right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ocg-demo__real { background: #535FFB; color: #fff !important; border-radius: 30px; padding: 8px 16px; font-weight: 800; font-size: 14px; white-space: nowrap; }
.ocg-demo__real:hover { background: #8B29FF; }
.ocg-demo__close { width: 40px; height: 40px; border-radius: 10px; background: rgba(255, 255, 255, .12); color: #fff; font-size: 26px; line-height: 1; }
.ocg-demo__frame { position: relative; aspect-ratio: 16 / 9; max-height: calc(100vh - 140px); background: #000; }
.ocg-demo__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ocg-demo__note { margin: 0; padding: 10px 16px; font-size: 12px; color: #CECCD7; }
@media (max-width: 767px) {
  .ocg-demo { padding: 0; }
  .ocg-demo__box { border-radius: 0; height: 100%; display: flex; flex-direction: column; }
  .ocg-demo__frame { aspect-ratio: auto; flex: 1; max-height: none; }
  .ocg-demo__real { display: none; }
}
.ocg-btypes table { min-width: 640px; }
.ocg-btypes th:first-child, .ocg-btypes td:first-child { width: 24%; }
.ocg-btypes td { vertical-align: top; line-height: 1.55; }
.inner-container.ocg-choix { max-width: none; }
.ocg-choix .ocg-criteria__grid { margin-top: 8px; }
.ocg-choix .ocg-crit__text a { color: #535FFB; font-weight: 700; }
.ocg-reasons { display: flex; flex-direction: column; gap: 12px; }
.ocg-reason { background: #fff; border: 1px solid #CECCD7; border-radius: 16px; transition: box-shadow .2s, border-color .2s; }
.ocg-reason:hover { border-color: #A9AFFD; box-shadow: 0 5px 20px rgba(10, 2, 53, .08); }
.ocg-reason[open] { border-color: #535FFB; box-shadow: 0 8px 28px rgba(83, 95, 251, .15); }
.ocg-reason summary { display: flex; align-items: center; gap: 16px; padding: 14px 18px; cursor: pointer; list-style: none; }
.ocg-reason summary::-webkit-details-marker { display: none; }
.ocg-reason__num { flex: 0 0 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #535FFB, #8B29FF); color: #fff; font-family: Outfit, sans-serif; font-weight: 800; font-size: 22px; }
.ocg-reason__title { flex: 1; font-family: Outfit, sans-serif; font-weight: 700; font-size: 19px; line-height: 1.3; color: #0A0235; }
.ocg-reason__icon { position: relative; flex: 0 0 32px; height: 32px; border-radius: 50%; background: #F4F5FF; transition: transform .25s, background-color .2s; }
.ocg-reason__icon::before, .ocg-reason__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px;
  margin: -1px 0 0 -6px; background: #535FFB; border-radius: 2px; }
.ocg-reason__icon::after { transform: rotate(90deg); transition: transform .25s; }
.ocg-reason[open] .ocg-reason__icon { background: #535FFB; transform: rotate(180deg); }
.ocg-reason[open] .ocg-reason__icon::before, .ocg-reason[open] .ocg-reason__icon::after { background: #fff; }
.ocg-reason[open] .ocg-reason__icon::after { transform: rotate(0); }
.ocg-reason__text { margin: 0 !important; padding: 0 18px 18px 78px !important; color: #544E72; font-size: 16px; line-height: 1.6; }
@media (max-width: 767px) {
  .ocg-reason summary { gap: 12px; padding: 12px 14px; }
  .ocg-reason__num { flex-basis: 36px; height: 36px; font-size: 18px; }
  .ocg-reason__title { font-size: 16px; }
  .ocg-reason__text { padding: 0 14px 16px !important; font-size: 15px; }
}
.ocg-slots table { min-width: 620px; }
.ocg-slots td { vertical-align: middle; }
.ocg-demo-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 30px; background: #535FFB; color: #fff;
  font-weight: 800; font-size: 14px; white-space: nowrap; transition: background-color .2s; }
.ocg-demo-btn::before { content: ""; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; }
.ocg-demo-btn:hover { background: #8B29FF; }
.ocg-slots__note { margin: 12px 0 0 !important; font-size: 13px; color: #544E72; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ocg-ill { margin: 0 0 8px; border-radius: 20px; overflow: hidden; background: #0A0235; box-shadow: 0 12px 40px rgba(10, 2, 53, .18); }
.ocg-ill img { display: block; width: 100%; height: auto; aspect-ratio: 1536 / 640; object-fit: cover; }
@media (max-width: 767px) { .ocg-ill { border-radius: 14px; } }
.ocg-paybox { position: relative; overflow: hidden; }
.ocg-paybox > :not(.ocg-paybg) { position: relative; z-index: 1; }
.ocg-paybg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ocg-paybg__i { position: absolute; height: auto; opacity: .28; filter: saturate(1.1); }
.ocg-paybg__i--card    { width: 170px; left: 1.5%;  top: 12%; transform: rotate(-14deg); }
.ocg-paybg__i--voucher { width: 150px; left: 3%;    top: 46%; transform: rotate(10deg); }
.ocg-paybg__i--euro    { width: 110px; left: 5%;    top: 76%; transform: rotate(-6deg); }
.ocg-paybg__i--wallet  { width: 160px; right: 2%;   top: 14%; transform: rotate(12deg); }
.ocg-paybg__i--phone   { width: 100px; right: 6%;   top: 44%; transform: rotate(-10deg); }
.ocg-paybg__i--crypto  { width: 120px; right: 3%;   top: 74%; transform: rotate(8deg); }
@media (max-width: 1199px) { .ocg-paybg { display: none; } }
.ocg-paybg__i--card    { width: 150px; left: -18px; top: 5%;  right: auto; transform: rotate(-24deg); opacity: .3; }
.ocg-paybg__i--voucher { width: 118px; left: 62px;  top: 31%; right: auto; transform: rotate(17deg);  opacity: .24; }
.ocg-paybg__i--euro    { width: 78px;  left: 12px;  top: 55%; right: auto; transform: rotate(-9deg);  opacity: .3; }
.ocg-paybg__i--card2   { width: 92px;  left: 86px;  top: 79%; right: auto; transform: rotate(31deg);  opacity: .2; }
.ocg-paybg__i--wallet  { width: 138px; right: 38px; top: 2%;  left: auto; transform: rotate(19deg);  opacity: .26; }
.ocg-paybg__i--phone   { width: 76px;  right: -8px; top: 27%; left: auto; transform: rotate(-19deg); opacity: .3; }
.ocg-paybg__i--crypto  { width: 98px;  right: 72px; top: 52%; left: auto; transform: rotate(13deg);  opacity: .22; }
.ocg-paybg__i--euro2   { width: 58px;  right: 18px; top: 82%; left: auto; transform: rotate(24deg);  opacity: .28; }
.relative.bg-purple-10:has(.ocg-paybox) { overflow: hidden; }
.ocg-paybox { overflow: visible; }
.ocg-paybg { left: calc(50% - 50vw); right: auto; width: 100vw; }
.ocg-paybg__i--card    { left: auto; right: calc(50% + 460px); top: 4%; }
.ocg-paybg__i--voucher { left: auto; right: calc(50% + 590px); top: 30%; }
.ocg-paybg__i--euro    { left: auto; right: calc(50% + 480px); top: 55%; }
.ocg-paybg__i--card2   { left: auto; right: calc(50% + 610px); top: 77%; }
.ocg-paybg__i--wallet  { right: auto; left: calc(50% + 480px); top: 3%; }
.ocg-paybg__i--phone   { right: auto; left: calc(50% + 630px); top: 27%; }
.ocg-paybg__i--crypto  { right: auto; left: calc(50% + 450px); top: 51%; }
.ocg-paybg__i--euro2   { right: auto; left: calc(50% + 590px); top: 80%; }
@media (min-width: 1280px) and (max-width: 1365px) { html:not(.ocg-nav-burger) header nav li { margin-left: 6px !important; margin-right: 6px !important; } }
.ocg-car__arrows { display: none !important; }
.ocg-car__track { display: grid !important; grid-auto-flow: column; grid-template-rows: repeat(2, auto);
  grid-auto-columns: calc((100% - 5 * 24px) / 6); gap: 28px 24px !important; overflow-x: auto; scroll-snap-type: x mandatory; }
.ocg-car__track > .ocg-game { max-width: none !important; min-width: 0 !important; width: auto !important; scroll-snap-align: start; }
.ocg-game__name { font-size: 15px; }
@media (max-width: 1023px) { .ocg-car__track { grid-auto-columns: calc((100% - 2 * 16px) / 3.3); gap: 22px 16px !important; } }
@media (max-width: 639px)  { .ocg-car__track { grid-auto-columns: 44%; gap: 18px 12px !important; } }
@media (min-width: 1024px) { .ocg-car__track { grid-auto-flow: row; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: none; overflow: visible; } }
.ocg-slots th { position: relative; } .sr-only { top: 0; left: 0; }
.ocg-byline { margin: 24px 0 0 !important; color: #A9AFFD; font-size: 14px; font-weight: 700; }
.ocg-rm-hero { z-index: 11; width: 300px; }
.ocg-rm-hero img { width: 100%; height: auto; display: block; filter: drop-shadow(0 20px 40px rgba(83, 95, 251, .35)); }
@media (min-width: 1024px) { .ocg-rm-hero { width: 380px; } }
@media (min-width: 640px) and (max-width: 1023px) { .ocg-inner section:first-child .max-w-125 { max-width: 58%; } .ocg-rm-hero { width: 240px; } }
.ocg-inner .ocg-game__card.ocg-game-hero { position: absolute; z-index: 11; }
.ocg-inner section:first-child:has(.ocg-byline):not(:has(.ocg-rm-hero, .ocg-svc-hero, .ocg-game-hero)) > .container > .relative.z-10::after {
  content: ""; display: none; position: absolute; z-index: 1; top: 50%; right: 24px; width: 300px; height: 300px;
  transform: translateY(-50%); pointer-events: none; background: url(https://o1.fastmail.monster/wp-content/themes/ocguide/assets/../../../site/img/rm/hero-casino-en-ligne.webp) center / contain no-repeat;
}
@media (min-width: 640px) {
  .ocg-inner section:first-child:has(.ocg-byline):not(:has(.ocg-rm-hero, .ocg-svc-hero, .ocg-game-hero)) > .container > .relative.z-10::after { display: block; }
}
@media (min-width: 1024px) {
  .ocg-inner section:first-child:has(.ocg-byline):not(:has(.ocg-rm-hero, .ocg-svc-hero, .ocg-game-hero)) > .container > .relative.z-10::after { width: 380px; height: 380px; }
}
.ocg-top-after { margin-top: 24px !important; }
.ocg-method__right { background: #3B355D; }
.ocg-method__txt p { margin: 0 0 16px !important; }
.ocg-method__txt a { color: #A9AFFD; font-weight: 800; text-decoration: underline; }
.ocg-chip { display: inline-block; padding: 8px 14px; border-radius: 30px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(169, 175, 253, .45);
  color: #fff; font-weight: 700; font-size: 14px; }
.ocg-brand--rm .ocg-brand__head { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.ocg-brand__logo { width: 132px; height: 55px; border-radius: 12px; object-fit: cover; flex: 0 0 auto; }
.ocg-brand__id { flex: 1; min-width: 0; }
.ocg-brand--rm .ocg-brand__tag { display: flex; align-items: center; gap: 8px; margin: 0 0 2px !important; }
.ocg-brand--rm .ocg-brand__rank { width: 26px; height: 26px; font-size: 13px; border-radius: 8px; }
.ocg-brand__score { flex: 0 0 auto; text-align: right; line-height: 1; color: #0A0235; }
.ocg-brand__score strong { font-family: Outfit, sans-serif; font-size: 30px; font-weight: 800; color: #535FFB; }
.ocg-brand__score span { font-weight: 800; color: #544E72; }
.ocg-brand__score small { display: block; margin-top: 4px; font-size: 11px; color: #544E72; font-weight: 700; }
.ocg-brand__facts--4 { grid-template-columns: repeat(2, 1fr) !important; }
.ocg-brand__pay { margin: 14px 0 0 !important; font-size: 15px; color: #544E72; }
.ocg-brand__pay strong { color: #0A0235; }
@media (max-width: 639px) {
  .ocg-brand--rm .ocg-brand__head {
    display: grid; grid-template-columns: 110px minmax(0, 1fr); grid-template-areas: "logo info" "logo score";
    align-items: center; column-gap: 12px; row-gap: 8px;
  }
  .ocg-brand--rm .ocg-brand__logo { grid-area: logo; width: 110px; height: 46px; }
  .ocg-brand--rm .ocg-brand__id { grid-area: info; }
  .ocg-brand--rm .ocg-brand__score { grid-area: score; justify-self: end; min-width: 0; white-space: nowrap; }
  .ocg-brand--rm .ocg-brand__facts { grid-template-columns: minmax(0, 1fr) !important; }
  .ocg-brand--rm .ocg-brand__facts dd { overflow-wrap: anywhere; }
}
.ocg-besttbl { margin-bottom: 8px; }
.ocg-acc__q { cursor: pointer; color: #0A0235; background: none; border: 0; padding: 0; }
.ocg-acc__q:hover, .ocg-acc__q[aria-expanded="true"] { color: #535FFB; }
.ocg-acc__arrow { transition: transform .25s; fill: currentColor; }
.ocg-acc__q[aria-expanded="true"] .ocg-acc__arrow { transform: rotate(180deg); }
.ocg-acc__a ul { margin: 0; padding-left: 20px; list-style: disc; }
.ocg-acc__a li { margin-bottom: 8px; }
.ocg-paytbl table, .ocg-wagertbl table { min-width: 760px; background: #fff; }
.ocg-wagertbl table { min-width: 520px; }
.ocg-wagertbl { margin: 8px 0 20px; }
.ocg-paytxt p { margin: 0 0 12px !important; }
.ocg-paytxt a { color: #535FFB; font-weight: 700; }
.ocg-inner .section-text-only table td, .ocg-inner .section-text-only table th { font-size: 15px; }
.ocg-acc__a[hidden] { display: none !important; }
.section-text-only h3 { padding-bottom: 1rem; }
@media (min-width: 768px) { .section-text-only h3 { padding-bottom: 1.5rem; } }
.section-text-only * + h3 { margin-top: 2rem; }
.section-text-only ul + p, .section-text-only ol + p { margin-top: 1.25rem; }
.ocg-author { color: #fff; }
.ocg-author .container > .ocg-author__in { border-left: 1px solid #3B355D; border-right: 1px solid #3B355D; }
.ocg-author__in { display: flex; gap: 28px; align-items: flex-start; padding: 48px 16px; }
@media (min-width: 768px) { .ocg-author__in { padding: 64px 48px; gap: 40px; } }
@media (min-width: 1280px) { .ocg-author__in { padding: 72px 120px; } }
.ocg-author__photo { flex: 0 0 auto; width: 112px; height: 112px; border-radius: 50%; object-fit: cover; display: block; }
.ocg-author__photo--initials { display: flex; align-items: center; justify-content: center; font-family: Outfit, sans-serif; font-weight: 800; font-size: 40px; color: #fff;
  background: linear-gradient(135deg, #535FFB 0%, #9F4EFF 100%); box-shadow: 0 0 0 6px rgba(169, 175, 253, .18); }
.ocg-author__kicker { margin: 0 0 6px !important; color: #A9AFFD; font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ocg-author__name { margin: 0 0 12px !important; font-family: Outfit, sans-serif; font-weight: 800; font-size: 28px; line-height: 1.15; }
.ocg-author__name a { color: #fff; text-decoration: none; }
.ocg-author__name a:hover { color: #A9AFFD; }
.ocg-author__bio { margin: 0 0 20px !important; color: #D3D1DC; font-size: 17px; line-height: 1.6; max-width: 720px; }
.ocg-author__links { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
.ocg-author__more { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border-radius: 8px; background: #535FFB; color: #fff !important; font-weight: 800; text-decoration: none; transition: background .2s; }
.ocg-author__more:hover { background: #6E79FC; }
.ocg-author__social { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 8px; border: 1px solid #3B355D; color: #D3D1DC !important; font-weight: 700; font-size: 15px; text-decoration: none; }
.ocg-author__social:hover { border-color: #A9AFFD; color: #fff !important; }
@media (max-width: 639px) { .ocg-author__in { flex-direction: column; gap: 20px; } .ocg-author__photo { width: 88px; height: 88px; } .ocg-author__photo--initials { font-size: 32px; } .ocg-author__name { font-size: 24px; } }
.ocg-author-head { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.ocg-author-head .ocg-author__photo { width: 200px; height: 200px; font-size: 64px; }
.ocg-author__links--head { justify-content: center; }
.ocg-author__links--head .ocg-author__social { background: rgba(255, 255, 255, .04); }
@media (max-width: 1023px) { .ocg-author-head .ocg-author__photo { width: 140px; height: 140px; font-size: 48px; } }
.ocg-team { display: grid; gap: 24px; grid-template-columns: 1fr; margin-top: 8px; }
.ocg-team__card { display: flex; gap: 24px; align-items: flex-start; padding: 28px; border-radius: 16px; background: #fff; border: 1px solid #E6E6EB; box-shadow: 0 10px 30px rgba(10, 2, 53, .06); }
.ocg-team__card .ocg-author__photo { width: 96px; height: 96px; font-size: 34px; }
.ocg-team__role { margin: 0 0 4px !important; color: #535FFB; font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ocg-team__name { margin: 0 0 10px !important; font-family: Outfit, sans-serif; font-weight: 800; font-size: 24px; color: #0A0235; }
.ocg-team__name a { color: #0A0235; text-decoration: none; }
.ocg-team__name a:hover { color: #535FFB; }
.ocg-team__card p { font-size: 17px; }
.ocg-team__go { display: inline-block; margin-top: 6px; color: #535FFB; font-weight: 800; }
@media (max-width: 639px) { .ocg-team__card { flex-direction: column; padding: 22px; } }
.ocg-timeline { list-style: none !important; padding: 0 !important; margin: 8px 0 0 !important; border-left: 2px solid #D4D7FE; }
.ocg-timeline li { position: relative; padding: 0 0 22px 26px !important; margin: 0 !important; }
.ocg-timeline li::before { content: ""; position: absolute; left: -8px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #535FFB; box-shadow: 0 0 0 4px #fff; }
.ocg-timeline strong { display: block; color: #0A0235; font-family: Outfit, sans-serif; font-size: 20px; margin-bottom: 4px; }
.ocg-values { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .ocg-values { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1280px) { .ocg-values { grid-template-columns: repeat(3, 1fr); } }
.ocg-values > div { padding: 26px; border-radius: 16px; background: #fff; border: 1px solid #E6E6EB; }
.ocg-values h3 { font-size: 20px !important; padding-bottom: 10px !important; margin: 0 !important; color: #0A0235; }
.ocg-values p { margin: 0 !important; font-size: 16px; line-height: 1.6; color: #544E72; }
.ocg-values__n { display: inline-flex; width: 36px; height: 36px; border-radius: 10px; align-items: center; justify-content: center; background: #EEEFFF; color: #535FFB; font-weight: 900; margin-bottom: 14px; }
.ocg-svc-hero { z-index: 11; }
.ocg-svc-hero__img { width: 300px; height: auto; display: block; filter: drop-shadow(0 20px 40px rgba(83, 95, 251, .35)); }
@media (min-width: 1024px) { .ocg-svc-hero__img { width: 360px; } }
@media (min-width: 640px) and (max-width: 1023px) { .ocg-svc-hero__img { width: 220px; } }
.ocg-svc-hero:has(.ocg-author-head) { display: block !important; }
@media (max-width: 639px) { .ocg-svc-hero:has(.ocg-author-head) { position: static; transform: none; margin: 24px 0 0; } .ocg-author-head { align-items: flex-start; } .ocg-author__links--head { justify-content: flex-start; } }
.ocg-byline a { color: #fff; text-decoration: underline; text-underline-offset: 3px; } .ocg-byline a:hover { color: #A9AFFD; }
.ocg-timeline li { list-style: none !important; }
.ocg-timeline li::marker { content: ""; }
.ocg-timeline li::before { box-shadow: 0 0 0 4px rgb(244 245 255); }
.ocg-values h3 { line-height: 1.25 !important; }
.ocg-team__card p { color: #544E72; }
.ocg-team__role { margin-bottom: 2px !important; }
.ocg-author { background: #231B49 !important; }
.ocg-author .container > .ocg-author__in { border-color: #3B355D; }
.ocg-author__photo--initials { box-shadow: 0 0 0 6px rgba(169, 175, 253, .22); }
img.ocg-author__photo { box-shadow: 0 0 0 6px rgba(169, 175, 253, .22); }
.ocg-team__card img.ocg-author__photo { box-shadow: 0 0 0 5px rgba(83, 95, 251, .14); }
@media (min-width: 640px) {
  .ocg-inner section:first-child:has(.ocg-author-head) .relative.z-10 { min-height: 360px; }
  .ocg-author-head .ocg-author__photo { width: 168px; height: 168px; font-size: 56px; }
}
.ocg-steps { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid; gap: 16px; }
.ocg-steps li { list-style: none !important; display: flex; gap: 20px; align-items: flex-start; padding: 24px !important; margin: 0 !important; border-radius: 16px; background: rgb(244 245 255); border: 1px solid #E3E5FE; }
.ocg-steps li::before { content: none !important; }
.ocg-steps__n { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #535FFB; color: #fff; font-family: Outfit, sans-serif; font-weight: 800; font-size: 20px; }
.ocg-steps h3 { margin: 4px 0 8px !important; padding: 0 !important; font-size: 20px !important; line-height: 1.3 !important; color: #0A0235; }
.ocg-steps p { margin: 0 !important; color: #544E72; font-size: 17px; line-height: 1.6; }
.ocg-steps a { color: #535FFB; }
@media (max-width: 639px) { .ocg-steps li { padding: 18px !important; gap: 14px; } .ocg-steps__n { width: 36px; height: 36px; font-size: 17px; } }
.ocg-systbl table { min-width: 620px; background: #fff; }
.ocg-form { display: grid; gap: 18px; max-width: 760px; padding: 28px; border-radius: 16px; background: #fff; border: 1px solid #E6E6EB; box-shadow: 0 10px 30px rgba(10, 2, 53, .06); }
.ocg-form__row { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .ocg-form__row { grid-template-columns: 1fr 1fr; } }
.ocg-form label { display: grid; gap: 8px; font-weight: 800; color: #0A0235; font-size: 15px; }
.ocg-form input, .ocg-form select, .ocg-form textarea { width: 100%; padding: 12px 14px; border: 1px solid #D3D1DC; border-radius: 10px; font: inherit; font-weight: 400; font-size: 16px; color: #0A0235; background: #fff; }
.ocg-form input:focus, .ocg-form select:focus, .ocg-form textarea:focus { outline: 2px solid #535FFB; outline-offset: 1px; border-color: #535FFB; }
.ocg-form button { border: 0; cursor: pointer; justify-self: start; font-size: 16px; }
.ocg-form__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ocg-form__legal { margin: 0 !important; font-size: 14px; color: #544E72; }
.ocg-form__legal a { color: #535FFB; }
.ocg-form__note { margin: 0 !important; padding: 12px 16px; border-radius: 10px; font-weight: 700; font-size: 15px; }
.ocg-form__note--ok { background: #E3F8EC; color: #0E5A30; }
.ocg-form__note--err { background: #FDE8EC; color: #8A1630; }
.ocg-sitemap { display: grid; gap: 32px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .ocg-sitemap { grid-template-columns: 1fr 1fr; } }
.ocg-sitemap h3 { font-size: 22px !important; margin: 0 0 14px !important; padding: 0 !important; color: #0A0235; }
.ocg-sitemap ul { margin: 0; padding-left: 20px; list-style: disc; }
.ocg-sitemap ul ul { margin-top: 8px; }
.ocg-sitemap li { margin: 0 0 8px; padding: 0 !important; font-size: 17px; }
.ocg-sitemap li::before { content: none !important; }
.ocg-sitemap a { color: #535FFB; font-weight: 700; }
.email-link-holder a { white-space: nowrap; }
footer .ocg-legal { width: auto; column-gap: 28px; }
@media (min-width: 1280px) { footer .ocg-legal { flex-wrap: nowrap; white-space: nowrap; } }
.ocg-author__social--icon { width: 44px; padding: 0; justify-content: center; border-radius: 50%; }
.ocg-author__social--icon svg { width: 20px; height: 20px; }
.ocg-sub-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; margin: -6px -8px -6px 0; padding: 0; border: 0; background: none; cursor: pointer; }
.ocg-sub-toggle svg { width: 12px; height: 8px; fill: #0a0235; transition: transform .15s cubic-bezier(.4, 0, .2, 1), fill .15s cubic-bezier(.4, 0, .2, 1); }
.ocg-has-sub.ocg-open .ocg-sub-toggle svg { transform: rotate(180deg); }
.ocg-sub { display: none; width: 100%; padding: 0 16px; }
.ocg-has-sub.ocg-open .ocg-sub { display: block; }
.ocg-sub__item { padding: 8px 0 8px 10px; }
.ocg-sub__item:first-child { padding-top: 2px; }
.ocg-sub__item:last-child { padding-bottom: 20px; }
.ocg-sub__item a { display: block; color: #000; font-size: 16px; font-weight: 400; line-height: 24px; text-decoration: none; transition: color .15s; }
.ocg-sub__item a:hover, .ocg-sub__item a:focus-visible { color: #535ffb; }
@media (min-width: 1280px) {
  html:not(.ocg-nav-burger) .ocg-sub-toggle { width: 20px; height: 20px; margin: 0 0 0 -4px; }
  html:not(.ocg-nav-burger) .ocg-sub-toggle svg { fill: #fff; }
  html:not(.ocg-nav-burger) .ocg-has-sub:hover .ocg-sub-toggle svg, html:not(.ocg-nav-burger) .ocg-has-sub:focus-within .ocg-sub-toggle svg { transform: rotate(180deg); fill: #989ffd; }
  html:not(.ocg-nav-burger) .ocg-sub { display: block; position: absolute; z-index: 10; top: calc(100% + 1rem); left: 50%; transform: translateX(-50%); width: 277px;
    padding: 16px 8px 16px 24px; background: #fff; border-radius: 16px; box-shadow: 0 5px 20px rgba(10, 2, 53, .15);
    opacity: 0; visibility: hidden; transition: opacity .15s cubic-bezier(.4, 0, .2, 1), visibility .15s; }
  html:not(.ocg-nav-burger) .ocg-sub::before { content: ""; position: absolute; top: -20px; left: 0; width: 100%; height: 24px; }
  html:not(.ocg-nav-burger) .ocg-has-sub:hover .ocg-sub, html:not(.ocg-nav-burger) .ocg-has-sub:focus-within .ocg-sub, html:not(.ocg-nav-burger) .ocg-has-sub.ocg-open .ocg-sub { opacity: 1; visibility: visible; }
  html:not(.ocg-nav-burger) .ocg-sub__item, html:not(.ocg-nav-burger) .ocg-sub__item:first-child, html:not(.ocg-nav-burger) .ocg-sub__item:last-child { padding: 8px 16px 8px 0; }
}
.ocg-fo { max-width: 980px; margin: 0 auto; }
.ocg-fo__list, .ocg-fo__topics { display: grid; gap: 14px; margin-top: 8px; }
.ocg-fo__sec, .ocg-fo__topic { display: flex; gap: 18px; align-items: center; padding: 20px 22px; border-radius: 16px; background: #fff; border: 1px solid #E6E6EB; text-decoration: none !important; color: #0A0235; transition: border-color .2s, box-shadow .2s; }
.ocg-fo__sec:hover, .ocg-fo__topic:hover { border-color: #A9AFFD; box-shadow: 0 10px 30px rgba(10, 2, 53, .08); }
.ocg-fo__ico, .ocg-fo__av { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #535FFB, #9F4EFF); color: #fff; font-family: Outfit, sans-serif; font-weight: 800; font-size: 18px; }
.ocg-fo__av { width: 44px; height: 44px; border-radius: 50%; font-size: 16px; background: #3B355D; }
.ocg-fo__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ocg-fo__main strong { font-family: Outfit, sans-serif; font-size: 20px; font-weight: 800; line-height: 1.25; }
.ocg-fo__main span { color: #544E72; font-size: 15px; line-height: 1.5; }
.ocg-fo__main em { font-style: normal; color: #535FFB; font-size: 14px; font-weight: 700; }
.ocg-fo__num { flex: 0 0 auto; text-align: right; color: #544E72; font-size: 14px; line-height: 1.5; }
.ocg-fo__num b { color: #0A0235; font-size: 16px; }
.ocg-fo__pin { display: inline-block; vertical-align: 2px; padding: 2px 8px; border-radius: 6px; background: #EEEFFF; color: #535FFB; font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.ocg-fo__staff { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 6px; background: #535FFB; color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; vertical-align: 1px; }
.ocg-fo__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ocg-fo__h2 { font-size: 28px !important; margin: 40px 0 16px !important; }
.ocg-fo__bar .ocg-fo__h2 { margin: 0 !important; }
.ocg-fo__post { padding: 26px; border-radius: 16px; background: #fff; border: 1px solid #E6E6EB; margin-bottom: 14px; }
.ocg-fo__post--staff { border-color: #A9AFFD; box-shadow: inset 4px 0 0 #535FFB; }
.ocg-fo__by { display: flex; gap: 14px; align-items: center; margin-bottom: 16px; color: #544E72; font-size: 14px; line-height: 1.4; }
.ocg-fo__by strong { color: #0A0235; font-size: 16px; }
.ocg-fo__post--staff .ocg-fo__av { background: linear-gradient(135deg, #535FFB, #9F4EFF); }
.ocg-fo__body { color: #3B355D; font-size: 17px; line-height: 1.7; overflow-wrap: anywhere; }
.ocg-fo__body p, .ocg-fo__body ul, .ocg-fo__body ol { margin: 0 0 14px; }
.ocg-fo__body ul { list-style: disc; padding-left: 22px; }
.ocg-fo__body ol { list-style: decimal; padding-left: 22px; }
.ocg-fo__body li { margin-bottom: 8px; padding: 0; }
.ocg-fo__body li::before { content: none !important; }
.ocg-fo__body a { color: #535FFB; font-weight: 700; text-decoration: underline; }
.ocg-fo__empty { padding: 22px; border-radius: 16px; background: #fff; border: 1px dashed #D3D1DC; color: #544E72; font-size: 16px; }
.ocg-fo__back { margin-top: 28px; }
.ocg-fo__back a { color: #535FFB; font-weight: 800; }
.ocg-fo__pages { display: flex; gap: 8px; margin-top: 20px; }
.ocg-fo__pages .page-numbers { padding: 8px 14px; border-radius: 8px; background: #fff; border: 1px solid #E6E6EB; color: #0A0235; font-weight: 800; }
.ocg-fo__pages .current { background: #535FFB; color: #fff; border-color: #535FFB; }
.ocg-fo .ocg-form { max-width: none; }
@media (max-width: 639px) {
  .ocg-fo__sec, .ocg-fo__topic { flex-wrap: wrap; padding: 16px; gap: 12px; }
  .ocg-fo__num { text-align: left; width: 100%; padding-left: 60px; }
  .ocg-fo__main strong { font-size: 18px; }
  .ocg-fo__post { padding: 18px; }
  .ocg-fo__bar { flex-wrap: wrap; }
}
.ocg-fo__staff { color: #fff !important; }
.ocg-form label small { font-weight: 400; color: #544E72; font-size: 13px; }
.ocg-acc-wrap { display: flex; align-items: center; }
.ocg-acc-btn { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 8px 0 16px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px;
  color: #fff !important; font-weight: 800; font-size: 15px; white-space: nowrap; text-decoration: none; transition: border-color .2s, background .2s; }
.ocg-acc-btn:hover { border-color: #fff; background: rgba(255, 255, 255, .06); }
.ocg-acc-btn__sep { width: 1px; height: 16px; background: rgba(255, 255, 255, .55); }
.ocg-acc-btn__ico { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #535FFB, #9F4EFF); color: #fff; }
@media (min-width: 1280px) { html:not(.ocg-nav-burger) .ocg-acc-wrap { margin-left: 14px; } }
@media (max-width: 1279px) {
  .ocg-acc-btn { border-color: #535FFB; color: #0A0235 !important; }
  .ocg-acc-btn__sep { background: #A9AFFD; }
}
html.ocg-nav-burger .ocg-acc-btn { border-color: #535FFB; color: #0A0235 !important; }
html.ocg-nav-burger .ocg-acc-btn__sep { background: #A9AFFD; }
@media (max-width: 374px) { .two-part-section-slider .text-8xl { font-size: clamp(3rem, 24vw, 6rem); line-height: 1; } }
.ocg-acct { display: grid; gap: 24px; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 1024px) { .ocg-acct { grid-template-columns: 1fr 1fr; } }
.ocg-acct__h { font-size: 24px !important; margin: 0 !important; padding: 0 !important; color: #0A0235; }
.ocg-acct__check { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; font-size: 15px !important; color: #3B355D !important; }
.ocg-acct__check input { width: 18px !important; height: 18px; margin-top: 3px; flex: 0 0 auto; padding: 0 !important; }
.ocg-acct__check a { color: #535FFB; font-weight: 700; }
.ocg-acct__hello { margin: 0 !important; font-size: 17px; color: #3B355D; }
.ocg-acct__in { max-width: 640px; }
.ocg-form__legal a { color: #535FFB; }
.ocg-fo__as { margin: 0 !important; font-size: 15px; color: #544E72; }
.ocg-fo__as a { color: #535FFB; font-weight: 700; }
.ocg-fo__login .ocg-author__social { color: #0A0235 !important; border-color: #D3D1DC; }
.ocg-hero-wide { width: 100%; max-width: 1000px; }
.ocg-hero-wide .header-text h1 { max-width: 1000px; }
.ocg-fo__h1 { font-size: clamp(30px, 4.2vw, 52px) !important; line-height: 1.1 !important; }
.ocg-fo__av--c0 { background: #535FFB; } .ocg-fo__av--c1 { background: #9F4EFF; } .ocg-fo__av--c2 { background: #0E9F8A; } .ocg-fo__av--c3 { background: #E2477A; }
.ocg-fo__av--c4 { background: #2F80ED; } .ocg-fo__av--c5 { background: #D9822B; } .ocg-fo__av--c6 { background: #3B355D; } .ocg-fo__av--c7 { background: #12A150; }
img.ocg-fo__av { display: block; object-fit: cover; background: #3B355D; box-shadow: 0 0 0 3px rgba(83, 95, 251, .18); }
.ocg-calc { border-radius: 20px; background: #fff; border: 1px solid #E6E6EB; box-shadow: 0 10px 30px rgba(10, 2, 53, .06); overflow: hidden; }
.ocg-calc__tabs { display: flex; gap: 6px; padding: 10px; background: #0A0235; }
.ocg-calc__tab { flex: 1; padding: 12px 14px; border-radius: 12px; border: 0; background: transparent; color: #D3D1DC; font-weight: 800; font-size: 16px; cursor: pointer; }
.ocg-calc__tab.is-on { background: #535FFB; color: #fff; }
.ocg-calc__grid { display: grid; grid-template-columns: 1fr; }
@media (min-width: 900px) { .ocg-calc__grid { grid-template-columns: 1.15fr 1fr; } }
.ocg-calc__in { display: grid; gap: 16px; padding: 26px; align-content: start; }
.ocg-calc__in[hidden] { display: none; }
.ocg-calc__row { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; }
.ocg-calc label { display: grid; gap: 7px; font-weight: 800; font-size: 14px; color: #0A0235; }
.ocg-calc small { font-weight: 400; color: #544E72; font-size: 12px; }
.ocg-calc__u { display: flex; align-items: center; border: 1px solid #D3D1DC; border-radius: 10px; background: #fff; overflow: hidden; }
.ocg-calc__u:focus-within { outline: 2px solid #535FFB; border-color: #535FFB; }
.ocg-calc__u input { flex: 1; min-width: 0; border: 0; padding: 11px 12px; font: inherit; font-weight: 700; font-size: 16px; color: #0A0235; outline: none; }
.ocg-calc__u i { font-style: normal; padding: 0 12px; color: #544E72; font-weight: 700; }
.ocg-calc__u i.ocg-calc__pre { padding: 0 0 0 12px; }
.ocg-calc select { width: 100%; padding: 11px 12px; border: 1px solid #D3D1DC; border-radius: 10px; font: inherit; font-weight: 700; font-size: 16px; color: #0A0235; background: #fff; }
.ocg-calc__out { padding: 26px; background: #0A0235; color: #fff; display: flex; flex-direction: column; gap: 18px; }
.ocg-calc__verdict { padding: 18px 20px; border-radius: 14px; background: #231B49; display: grid; gap: 4px; }
.ocg-calc__verdict span { color: #A9AFFD; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.ocg-calc__verdict strong { font-family: Outfit, sans-serif; font-size: 40px; line-height: 1.1; }
.ocg-calc__verdict em { font-style: normal; color: #D3D1DC; font-size: 15px; }
.ocg-calc__verdict.is-good strong { color: #5BE49B; }
.ocg-calc__verdict.is-bad strong { color: #FF7A93; }
.ocg-calc__res { display: grid; gap: 0; margin: 0; }
.ocg-calc__res > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #3B355D; font-size: 15px; }
.ocg-calc__res dt { color: #D3D1DC; }
.ocg-calc__res dd { margin: 0; font-weight: 800; text-align: right; }
.ocg-calc__res .is-key dd { color: #fff; font-size: 17px; }
.ocg-calc__warn { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ocg-calc__warn li { padding: 10px 12px 10px 38px !important; border-radius: 10px; background: rgba(255, 122, 147, .12); color: #FFD3DB; font-size: 14px; line-height: 1.45; position: relative; }
.ocg-calc__warn li::before { content: "!" !important; position: absolute; left: 12px; top: 10px; width: 18px; height: 18px; border-radius: 50%; background: #FF7A93; color: #0A0235; font-weight: 900; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.ocg-calc__note { margin: 0 !important; color: #A9A4BF; font-size: 13px; line-height: 1.5; }
@media (max-width: 639px) { .ocg-calc__row { grid-template-columns: 1fr; } .ocg-calc__in, .ocg-calc__out { padding: 18px; } .ocg-calc__verdict strong { font-size: 32px; } }
.ocg-calc__row > label { grid-template-rows: 1fr auto; }
.ocg-calc__row > label > span:first-child { align-self: end; }
.ocg-calc__share { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.ocg-calc__sharebtn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid #535FFB; background: transparent; color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; }
.ocg-calc__sharebtn:hover { background: #535FFB; }
.ocg-calc__shared { color: #5BE49B; font-size: 14px; font-weight: 700; }
.ocg-calc__title { margin: 0 !important; padding: 16px 22px 0; background: #0A0235; color: #fff; font-family: Outfit, sans-serif; font-weight: 800; font-size: 20px; }
.ocg-calc--compact .ocg-calc__in, .ocg-calc--compact .ocg-calc__out { padding: 20px; gap: 12px; }
.ocg-calc--compact .ocg-calc__verdict strong { font-size: 32px; }
.ocg-calc__more { border-top: 1px solid #E6E6EB; padding-top: 10px; }
.ocg-calc__more summary { cursor: pointer; color: #535FFB; font-weight: 800; font-size: 14px; list-style: none; }
.ocg-calc__more summary::-webkit-details-marker { display: none; }
.ocg-calc__more summary::after { content: " +"; }
.ocg-calc__more[open] summary::after { content: " −"; }
.ocg-calc__morein { display: grid; gap: 12px; margin-top: 12px; }
.ocg-calc__full { color: #A9AFFD !important; font-weight: 800; font-size: 14px; text-decoration: underline; }
.ocg-calc-cta { display: flex; align-items: center; gap: 20px; padding: 22px 24px; border-radius: 16px; background: #0A0235; color: #fff; margin: 8px 0; }
.ocg-calc-cta__ico { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #535FFB, #9F4EFF); color: #fff; }
.ocg-calc-cta__txt { flex: 1; margin: 0 !important; color: #D3D1DC; font-size: 16px; line-height: 1.5; }
.ocg-calc-cta__txt strong { display: block; color: #fff; font-family: Outfit, sans-serif; font-size: 20px; margin-bottom: 2px; }
.ocg-calc-cta .ocg-author__more { flex: 0 0 auto; }
@media (max-width: 767px) { .ocg-calc-cta { flex-direction: column; align-items: flex-start; } }
.ocg-brand__calc { margin: 10px 0 0 !important; font-size: 15px; color: #544E72; }
.ocg-brand__calc a { color: #535FFB; font-weight: 800; text-decoration: underline; }
.ocg-hub-body .ocg-calc, .ocg-hub-body .ocg-calc-cta { margin: 32px 0; }
.ocg-calc-auto { margin: 28px 0; }
.ocg-inner .ocg-calc-auto { max-width: 1050px; margin-left: auto; margin-right: auto; }
.ocg-skip { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 10px 16px; border-radius: 8px; background: #fff; color: #0A0235; font-weight: 800; text-decoration: none; }
.ocg-skip:focus { top: 12px; }
h1, h2, h3, h4, h5, h6, .ocg-brand, .ocg-game, .ocg-fo__main, .button, dd, dt { overflow-wrap: break-word; }
:lang(de) :is(h1, h2, h3, h4, p, li, dd), :lang(fi) :is(h1, h2, h3, h4, p, li, dd), :lang(hu) :is(h1, h2, h3, h4, p, li, dd),
:lang(nl) :is(h1, h2, h3, h4, p, li, dd), :lang(pl) :is(h1, h2, h3, h4, p, li, dd) { hyphens: auto; }
[role="region"][tabindex="0"]:focus-visible { outline: 2px solid #535FFB; outline-offset: 2px; }
.ocg-brand__fig { margin: 0 0 18px; }
.ocg-brand__fig .ocg-brand__shot { margin-bottom: 8px; }
.ocg-fo__stats { margin-top: 12px; color: #A9AFFD; font-weight: 800; font-size: 15px; }
.ocg-fo__block + .ocg-fo__block { margin-top: 48px; }
.ocg-fo__head { display: flex; justify-content: space-between; padding: 0 22px 10px; color: #544E72; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid #E6E6EB; margin-bottom: 14px; }
.ocg-fo__latest { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ocg-fo__latest li::before { content: none !important; }
.ocg-fo__row { display: flex; gap: 16px; align-items: center; padding: 14px 22px; border-radius: 14px; background: #fff; border: 1px solid #E6E6EB; }
.ocg-fo__row .ocg-fo__main { gap: 6px; }
.ocg-fo__title { color: #0A0235; font-weight: 800; font-size: 17px; line-height: 1.35; text-decoration: none; }
.ocg-fo__title:hover { color: #535FFB; }
.ocg-fo__tag { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: #EEEFFF; color: #535FFB; font-size: 13px; font-weight: 800; text-decoration: none; }
.ocg-fo__row .ocg-fo__num { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 96px; }
.ocg-fo__row .ocg-fo__num small { color: #544E72; font-size: 13px; }
@media (max-width: 639px) { .ocg-fo__row { padding: 12px 14px; gap: 12px; } .ocg-fo__row .ocg-fo__num { width: auto; min-width: 64px; padding-left: 0; text-align: right; } .ocg-fo__head { padding: 0 14px 8px; } }
.ocg-fo__record { margin: 0 0 16px; padding: 14px 18px; border-radius: 12px; background: #EEEFFF; border: 1px solid #A9AFFD; color: #3B355D; font-size: 15px; line-height: 1.55; }
.ocg-fo__latest > li.ocg-fo__row, .ocg-fo__latest > li.ocg-fo__row:last-child { padding: 14px 22px; margin: 0; }
@media (max-width: 639px) { .ocg-fo__latest > li.ocg-fo__row, .ocg-fo__latest > li.ocg-fo__row:last-child { padding: 12px 14px; } }
.ocg-fo__role { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 6px; background: #EEEFFF; color: #535FFB; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; vertical-align: 1px; }
.ocg-fo__role--casino { background: #FFF1E0; color: #A3560A; }
.ocg-fo__role--mediator { background: #E7F6EE; color: #1D7A4A; }
.ocg-comm__in { padding: 56px 0 64px; }
.ocg-comm__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: 20px; }
.ocg-comm__head h2 { margin: 0; font-size: 28px; line-height: 1.2; }
.ocg-comm__head a { color: #535FFB; font-weight: 800; text-decoration: none; }
.ocg-comm__grid { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 1024px) { .ocg-comm__grid { grid-template-columns: repeat(3, 1fr); } }
.ocg-comm__card { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 16px; background: #fff; border: 1px solid #E6E6EB; box-shadow: 0 8px 24px rgba(10, 2, 53, .06); }
.ocg-comm__card .ocg-fo__by { margin: 0; }
.ocg-comm__card small { color: #544E72; font-size: 13px; line-height: 1.45; }
.ocg-comm__card small a { color: #535FFB; font-weight: 700; text-decoration: none; }
.ocg-comm__text { margin: 0; color: #3B355D; font-size: 15px; line-height: 1.6; flex: 1; }
.ocg-comm__more { color: #535FFB; font-weight: 800; text-decoration: none; }
.ocg-sub__item--has { position: relative; }
.ocg-sub__item--has > a::after { content: "\203A"; margin-left: 6px; font-weight: 700; }
.ocg-sub__deep { display: none; }
html:not(.ocg-nav-burger) .ocg-sub__deep { position: absolute; left: 100%; top: -8px; min-width: 210px; padding: 8px 16px; background: #fff; border-radius: 8px; box-shadow: 0 5px 20px rgba(10, 2, 53, .15); z-index: 60; }
html:not(.ocg-nav-burger) .ocg-sub__item--has:hover > .ocg-sub__deep, html:not(.ocg-nav-burger) .ocg-sub__item--has:focus-within > .ocg-sub__deep { display: block; }
.ocg-sub__deep a { display: block; padding: 6px 0; color: #000; font-size: 15px; line-height: 22px; text-decoration: none; white-space: nowrap; }
.ocg-sub__deep a:hover, .ocg-sub__deep a:focus-visible { color: #535ffb; }
html.ocg-nav-burger .ocg-sub__deep { display: block; padding: 2px 0 0 14px; }
html.ocg-nav-burger .ocg-sub__item--has > a::after { content: none; }