*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
--bg1:#07030d;
--bg2:#11061a;
--bg3:#19092a;
--bg4:#220d33;
--bg5:#100616;
--glass:rgba(255,255,255,.10);
--stroke:rgba(255,255,255,.18);
--text:#fff;
--muted:rgba(255,255,255,.78);
--accent:#ff65b1;
--accent-2:#a97cff;
--accent-hover:#ff8cc6;
--accent-glow:rgba(255,101,177,.28);
--gold:#f4d27a;
--gold-2:#fff1bf;
--sidebar-w:280px;
}
body{
font-family:'Inter',sans-serif;
color:var(--text);
min-height:100vh;
overflow-x:hidden;
background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 25%,var(--bg3) 50%,var(--bg4) 75%,var(--bg5) 100%);
background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.main-content{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .3s ease}
.top-navbar{display:none;position:fixed;top:0;left:0;right:0;height:60px;z-index:999;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(10,8,18,.55);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.15)}
.left-section{display:flex;align-items:center}
.top-logo,.logo{font-size:24px;font-weight:900;letter-spacing:.08em}
.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;border-radius:10px;cursor:pointer;border:2px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12)}
.hamburger-line{width:20px;height:2px;background:rgba(255,255,255,.92);border-radius:2px;transition:all .3s ease}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:998;opacity:0;visibility:hidden;transition:all .25s ease}
.mobile-overlay.active{opacity:1;visibility:visible}
body.menu-open{overflow:hidden}
.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-w);z-index:1000;overflow-y:auto;background:linear-gradient(180deg,rgba(6,2,12,.98),rgba(18,8,28,.97));backdrop-filter:blur(18px);border-right:1px solid rgba(255,255,255,.08);box-shadow:4px 0 24px rgba(0,0,0,.28);transition:transform .3s ease}
.sidebar-header{padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.logo-link{text-decoration:none;color:inherit;display:inline-block}
.logo-section{display:flex;align-items:center;gap:10px}
.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:6px 10px;border-radius:9999px;color:#160611;background:linear-gradient(135deg,var(--accent),#ffc0dd);box-shadow:0 0 12px rgba(255,101,177,.35);animation:pulse 2s ease-in-out infinite}
.live-badge i{font-size:8px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.72}}
.nav-menu{list-style:none;padding:16px 0;margin:0}
.nav-menu li{margin-bottom:4px}
.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;color:rgba(255,255,255,.88);text-decoration:none;font-size:15px;font-weight:600;border:none;background:none;cursor:pointer;transition:all .2s ease}
.nav-item:hover{background:rgba(255,101,177,.10);color:#ffd7ea;transform:translateX(4px)}
.nav-item[aria-current="page"]{background:rgba(255,101,177,.16);color:#fff0f7;border-right:3px solid var(--accent)}
.dropdown-icon{width:16px;height:16px;transition:transform .2s ease}
.nav-dropdown.active .dropdown-icon{transform:rotate(180deg)}
.dropdown-menu{list-style:none;margin:6px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-height:0;transition:all .3s ease}
.nav-dropdown.active .dropdown-menu{max-height:220px;padding:8px 0}
.dropdown-menu a{display:block;padding:12px 16px;color:rgba(255,255,255,.74);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease}
.dropdown-menu a:hover{background:rgba(255,101,177,.12);color:#fff}
.hero-section{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:120px}
.hero-background{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,101,177,.26),transparent 34%),radial-gradient(circle at 75% 28%,rgba(169,124,255,.22),transparent 32%),linear-gradient(135deg,rgba(4,6,14,.75),rgba(18,8,28,.58)),url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8;filter:saturate(1.02) contrast(1.04)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,6,18,.26),rgba(32,10,46,.28),rgba(12,8,24,.36))}
.hero-transition{position:absolute;bottom:0;left:0;right:0;height:260px;background:linear-gradient(to top,rgba(8,6,18,.95),rgba(8,6,18,.36),transparent)}
.hero-content{position:relative;z-index:10;text-align:center;padding:0 18px;max-width:900px}
.hero-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.hero-title{font-size:clamp(3rem,7vw,6rem);font-weight:900;letter-spacing:.08em;margin-bottom:14px;text-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero-subtitle{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.92);margin-bottom:26px;line-height:1.7}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.02em;transition:all .25s ease;border:2px solid rgba(255,255,255,.2)}
.hero-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#140710;box-shadow:0 14px 34px var(--accent-glow)}
.hero-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.04)}
.hero-btn.ghost{background:rgba(255,255,255,.08);color:#fff}
.hero-btn.ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}
.scroll-indicator{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);z-index:20;color:rgba(255,255,255,.84);font-size:13px;font-weight:700}
.home-section{padding:72px 0}
.section-header{text-align:center;margin-bottom:42px}
.section-title{font-size:clamp(2rem,4vw,3.6rem);font-weight:900;letter-spacing:.06em;margin-bottom:12px}
.section-subtitle{font-size:1.05rem;color:rgba(255,255,255,.8);font-weight:600;letter-spacing:.03em;max-width:780px;margin:0 auto}
.region-head{max-width:1100px;margin:0 auto 16px;padding:0 4px}
.region-head p{color:var(--muted);font-weight:600;margin-top:10px}
.region-pill{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:rgba(244,210,122,.12);border:1px solid rgba(244,210,122,.35);font-size:18px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.region-pill--alt{background:rgba(169,124,255,.14);border-color:rgba(169,124,255,.35);color:#e1d1ff}
.region-head--secondary{margin-top:60px}
.region-head--center{text-align:center}
.region-head--center p{font-size:14px;line-height:1.6}
.casino-cards{display:flex;flex-direction:column;gap:18px;max-width:1100px;margin:0 auto}
.casino-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}
.casino-card-link:hover{transform:scale(1.01)}
.casino-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px;border-radius:22px;background:rgba(255,255,255,.10);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.16);position:relative;overflow:hidden;transition:all .32s ease}
.casino-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}
.casino-card:hover::before{left:100%}
.casino-card:hover{transform:translateY(-4px);border-color:rgba(255,101,177,.35);box-shadow:0 22px 50px rgba(0,0,0,.22)}
.casino-card--uk{position:relative;overflow:hidden}
.casino-card--uk::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(90deg,#f7d774 0%,#fff3b0 35%,#d4a93a 65%,#f7d774 100%);opacity:1;pointer-events:none;z-index:3}
.casino-card--uk::before{display:none!important}
.casino-card--uk:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.20)}
.casino-card--uk:hover .cta-button{transform:none!important}
.casino-info{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;min-width:0;width:100%}
.casino-logo{width:180px;height:90px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:transparent;border:none;box-shadow:none;overflow:hidden}
.casino-logo-text{display:flex;align-items:center;justify-content:center;width:180px;height:90px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);font-size:22px;font-weight:900;letter-spacing:.02em;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.3)}
.casino-content{min-width:0;width:100%}
.casino-title{font-size:16px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.casino-offers{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;width:100%;margin-bottom:10px}
.offer-item{text-align:center;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);width:100%}
.offer-value{display:block;font-size:18px;font-weight:900;color:#ffd3eb;line-height:1.1}
.offer-label{display:block;margin-top:4px;font-size:10px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.72);text-transform:uppercase}
.casino-features{display:flex;gap:10px 14px;flex-wrap:wrap;margin-top:4px}
.feature{font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}
.casino-cta{display:flex;align-items:center;justify-content:center;min-width:220px}
.cta-button{display:inline-flex;align-items:center;justify-content:center;width:220px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#13060f;padding:14px 20px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 34px var(--accent-glow);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap}
.casino-card:hover .cta-button{transform:translateY(-2px) scale(1.03);filter:brightness(1.05);box-shadow:0 18px 46px var(--accent-glow)}
.offers-note{margin-top:18px;text-align:center;font-weight:700;color:rgba(255,255,255,.74)}
.quick-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px}
.photo-card{height:180px;border-radius:22px;position:relative;overflow:hidden;isolation:isolate;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 45px rgba(0,0,0,.22);transform:translateZ(0);text-decoration:none;color:#fff}
.photo-card--one{background-image:linear-gradient(180deg,rgba(12,8,20,.2),rgba(12,8,20,.82)),url('https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?auto=format&fit=crop&w=1200&q=80')}
.photo-card--two{background-image:linear-gradient(180deg,rgba(12,8,20,.2),rgba(12,8,20,.82)),url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=80')}
.photo-card--three{background-image:linear-gradient(180deg,rgba(12,8,20,.2),rgba(12,8,20,.82)),url('https://images.unsplash.com/photo-1596838132731-3301c3fd4317?auto=format&fit=crop&w=1200&q=80')}
.photo-card__overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.56) 100%);opacity:.78;transition:opacity .25s ease}
.photo-card__content{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px}
.photo-card h3{margin:0;font-size:18px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 10px 28px rgba(0,0,0,.55)}
.photo-card::before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;transform:scale(1.02);transition:transform .35s ease}
.photo-card:hover::before{transform:scale(1.1)}
.photo-card:hover .photo-card__overlay{opacity:.62}
.photo-card:hover{border-color:rgba(255,101,177,.35);box-shadow:0 26px 60px rgba(0,0,0,.28),0 0 0 3px rgba(255,101,177,.14);transform:translateY(-6px)}
.content-card{max-width:960px;margin:30px auto;padding:40px;border-radius:16px;background:rgba(0,0,0,.42);box-shadow:0 10px 30px rgba(0,0,0,.45);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}
.content-card p{font-size:16px;line-height:1.75;margin-bottom:14px;color:rgba(255,255,255,.86)}
.content-card a{color:rgba(255,194,226,.92);text-decoration:none;border-bottom:1px solid rgba(255,194,226,.35)}
.content-card a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.65)}
.first-paragraph{color:#fff;font-size:17px}
.feature-highlight{background:rgba(255,255,255,.05);border-left:4px solid var(--accent);padding:14px 18px;margin-top:18px;border-radius:12px}
.faq-shell{max-width:1080px;margin:0 auto;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.45);backdrop-filter:blur(10px)}
.faq-item{background:rgba(15,15,40,.62);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.faq-question{width:100%;text-align:left;padding:18px 22px;background:none;border:none;outline:none;color:#fff;font-weight:900;font-size:15px;cursor:pointer;position:relative}
.faq-question::after{content:"+";position:absolute;right:22px;font-size:18px;transition:transform .3s ease}
.faq-item.active .faq-question::after{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;padding:0 22px;color:rgba(255,255,255,.85);transition:max-height .3s ease,padding .3s ease}
.faq-item.active .faq-answer{max-height:320px;padding:12px 22px 18px}
.faq-answer a{color:rgba(255,194,226,.92)}
.footer{margin-top:64px;padding:64px 0 28px;background:linear-gradient(135deg, rgba(10, 8, 18, 0.98), rgba(18, 10, 28, 0.98));border-top:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(14px)}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-bottom:34px}
.footer-column h3{font-size:13px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:14px;color:#ffc6e3}
.footer-column ul{list-style:none;margin:0;padding:0}
.footer-column ul li{margin-bottom:10px}
.footer-column ul li a{color:rgba(255,255,255,0.82);text-decoration:none;font-weight:700;font-size:14px;transition:color .2s ease}
.footer-column ul li a:hover{color:#ffd0e7!important}
.footer-column ul li span{color:rgba(255,255,255,0.62);font-size:12px;margin-left:8px;font-weight:800}
.footer-bottom-new{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.10)}
.footer-help{display:flex;align-items:center;gap:14px;justify-content:flex-start;flex-wrap:wrap}
.help-link{display:inline-flex;align-items:center;justify-content:center;width:140px;height:56px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);transition:all .2s ease;text-decoration:none;color:rgba(255,255,255,.88);font-weight:900;letter-spacing:.04em;font-size:13px}
.help-link:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.25);box-shadow:0 10px 22px rgba(0,0,0,0.22);color:#fff}
.footer-center-brand{font-size:18px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.92);text-align:center}
.footer-right-copy{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;font-weight:800;color:rgba(255,255,255,0.72);white-space:nowrap}
.footer-right-copy .dot{opacity:.55}
.footer-right-copy .age{color:#ffc6e3;font-weight:900}
@media (max-width:1024px){.main-content{margin-left:0}.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.top-navbar{display:flex}.quick-links-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:981px){.casino-card{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:16px 14px;gap:14px}.casino-info{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.casino-logo{width:200px;height:100px}.casino-logo-text{width:200px;height:100px}.casino-offers{grid-template-columns:1fr 1fr;width:100%;max-width:520px;margin-left:auto;margin-right:auto}.casino-features{justify-content:center}.casino-cta{width:100%;justify-content:center;min-width:0}.cta-button{width:100%;min-width:0;max-width:360px}}
@media (max-width:768px){.hero-section{min-height:70vh;padding-bottom:60px}.scroll-indicator{display:none}.quick-links-grid{grid-template-columns:1fr}.content-card,.faq-shell{padding:24px 18px}.photo-card{height:150px}.footer-grid{grid-template-columns:1fr;gap:26px;text-align:center}.footer-bottom-new{grid-template-columns:1fr;text-align:center;gap:14px}.footer-help{justify-content:center}.footer-right-copy{justify-content:center;flex-wrap:wrap;white-space:normal;line-height:1.4}}
@media (max-width:520px){.casino-logo{width:180px;height:90px}.casino-logo-text{width:180px;height:90px}.casino-offers{grid-template-columns:1fr;max-width:100%}.feature{text-align:center;width:100%}.hero-title{font-size:42px}.section-title{font-size:32px}}
.casino-logo{
width: 180px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: 0;
background: transparent !important;
border: none !important;
box-shadow: none !important;
overflow: hidden;
}
.casino-logo-img{
width: 180px;
height: 90px;
object-fit: contain;
object-position: center;
display: block;
background: transparent;
filter: drop-shadow(0 8px 18px rgba(0,0,0,0.22));
}
@media (max-width: 981px){
.casino-logo{
width: 200px;
height: 100px;
}
.casino-logo-img{
width: 200px;
height: 100px;
}
}
@media (max-width: 520px){
.casino-logo{
width: 180px;
height: 90px;
}
.casino-logo-img{
width: 180px;
height: 90px;
}
}
* {
box-sizing: border-box;
}
html, body {
overflow-x: hidden;
}
.sidebar {
width: 280px;
min-height: 100vh;
overflow-x: hidden;
}
.nav-menu {
list-style: none;
margin: 0;
padding: 16px 0;
overflow-x: hidden;
}
.nav-menu li {
margin: 0 0 4px;
padding: 0;
}
.nav-item {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 18px;
border: 0;
background: none;
color: rgba(255,255,255,.9);
text-decoration: none;
font-size: 15px;
font-weight: 600;
cursor: pointer;
text-align: left;
}
.nav-item:hover {
background: rgba(255,255,255,.06);
}
.nav-dropdown {
width: 100%;
}
.dropdown-toggle {
appearance: none;
-webkit-appearance: none;
}
.dropdown-icon {
flex: 0 0 auto;
transition: transform .25s ease;
}
.nav-dropdown.active .dropdown-icon {
transform: rotate(180deg);
}
.dropdown-menu {
list-style: none;
margin: 6px 14px 0;
padding: 0;
border-radius: 12px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
display: none;
overflow: hidden;
}
.nav-dropdown.active .dropdown-menu {
display: block;
}
.dropdown-menu li {
margin: 0;
}
.dropdown-menu a {
display: block;
width: 100%;
padding: 12px 16px;
text-decoration: none;
color: rgba(255,255,255,.78);
font-size: 14px;
font-weight: 600;
}
.dropdown-menu a:hover {
background: rgba(255,255,255,.08);
color: #fff;
}
.hero-streamer{
position: relative;
padding: 34px 0 26px;
overflow: hidden;
background:
radial-gradient(circle at 18% 18%, rgba(196,112,255,0.16), transparent 24%),
radial-gradient(circle at 84% 20%, rgba(255,84,174,0.14), transparent 24%),
linear-gradient(135deg, #0a0f1f 0%, #140f25 38%, #19112d 70%, #0d1222 100%);
}
.hero-streamer::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(255,255,255,0.02), transparent 26%),
linear-gradient(135deg, rgba(0,0,0,0.14), rgba(0,0,0,0.24));
pointer-events:none;
}
.hero-streamer__wrap{
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
gap: 26px;
align-items: center;
}
.hero-streamer__content{
min-width: 0;
padding: 18px 0;
}
.hero-streamer__eyebrow{
margin: 0 0 12px;
font-size: 13px;
line-height: 1;
font-weight: 900;
letter-spacing: .34em;
text-transform: uppercase;
color: rgba(255,255,255,0.90);
}
.hero-streamer__title{
margin: 0 0 18px;
font-size: clamp(54px, 7vw, 96px);
line-height: .92;
font-weight: 900;
letter-spacing: .03em;
text-transform: uppercase;
color: #fff;
text-shadow: 0 10px 28px rgba(0,0,0,0.24);
}
.hero-streamer__text{
max-width: 680px;
margin: 0 0 24px;
font-size: 16px;
line-height: 1.75;
color: rgba(255,255,255,0.84);
}
.hero-streamer__cta{
margin-bottom: 28px;
}
.hero-streamer__main-btn{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 170px;
min-height: 52px;
padding: 0 22px;
border-radius: 14px;
text-decoration: none;
font-size: 14px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
color: #0d1019;
background: linear-gradient(135deg, #ff5fc7, #b97cff);
box-shadow: 0 14px 28px rgba(185,124,255,0.26);
transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.hero-streamer__main-btn:hover{
transform: translateY(-2px);
filter: brightness(1.03);
box-shadow: 0 18px 34px rgba(185,124,255,0.32);
}
.hero-streamer__socials{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
max-width: 700px;
}
.hero-streamer__socials .hero-streamer-social:nth-child(4){
grid-column: 2 / 3;
}
.hero-streamer-social{
display: flex;
align-items: center;
gap: 14px;
min-height: 64px;
padding: 12px 18px;
border-radius: 18px;
text-decoration: none;
background: rgba(255,255,255,0.94);
color: #111;
box-shadow: 0 12px 24px rgba(0,0,0,0.16);
transition: transform .2s ease, box-shadow .2s ease;
}
.hero-streamer-social:hover{
transform: translateY(-3px);
box-shadow: 0 18px 30px rgba(0,0,0,0.22);
}
.hero-streamer-social__icon{
width: 38px;
height: 38px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #fff;
flex: 0 0 auto;
}
.hero-streamer-social__icon--kick{
background: #53fc18;
color: #101010;
}
.hero-streamer-social__icon--twitch{
background: #9146ff;
}
.hero-streamer-social__icon--tiktok{
background: #000;
}
.hero-streamer-social__icon--instagram{
background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af, #515bd4);
}
.hero-streamer-social__label{
font-size: 17px;
font-weight: 800;
color: #111;
}
.hero-streamer__media{
display: flex;
justify-content: center;
align-items: center;
}
.hero-streamer__portrait-ring{
width: min(100%, 470px);
aspect-ratio: 1 / 1;
border-radius: 999px;
padding: 10px;
background: linear-gradient(135deg, rgba(255,255,255,0.52), rgba(255,95,199,0.48));
box-shadow: 0 22px 40px rgba(0,0,0,0.24);
}
.hero-streamer__portrait{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center top;
border-radius: 999px;
background: linear-gradient(135deg, #1e0f2d, #35122d);
}
@media (max-width: 1100px){
.hero-streamer__wrap{
grid-template-columns: 1fr;
text-align: center;
}
.hero-streamer__text{
margin-left: auto;
margin-right: auto;
}
.hero-streamer__socials{
max-width: 760px;
margin: 0 auto;
}
.hero-streamer__cta{
display:flex;
justify-content:center;
}
}
@media (max-width: 768px){
.hero-streamer{
padding: 84px 0 22px;
}
.hero-streamer__title{
font-size: 52px;
}
.hero-streamer__text{
font-size: 15px;
line-height: 1.68;
}
.hero-streamer__socials{
grid-template-columns: 1fr;
gap: 14px;
}
.hero-streamer__socials .hero-streamer-social:nth-child(4){
grid-column: auto;
}
.hero-streamer-social{
min-height: 58px;
}
.hero-streamer-social__label{
font-size: 16px;
}
.hero-streamer__portrait-ring{
max-width: 320px;
}
}
.hero-mobile-style{
position: relative;
padding: 34px 0 22px;
overflow: hidden;
background:
radial-gradient(circle at 18% 18%, rgba(197,120,255,0.16), transparent 26%),
radial-gradient(circle at 82% 18%, rgba(255,92,163,0.12), transparent 24%),
linear-gradient(135deg, #090f1d 0%, #151126 40%, #1b1330 72%, #0d1220 100%);
}
.hero-mobile-style::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(255,255,255,0.02), transparent 22%),
linear-gradient(135deg, rgba(0,0,0,0.14), rgba(0,0,0,0.24));
pointer-events:none;
}
.hero-mobile-style__wrap{
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
gap: 30px;
align-items: center;
}
.hero-mobile-style__media{
display:flex;
justify-content:center;
align-items:center;
order: 2;
}
.hero-mobile-style__portrait-ring{
width: min(100%, 430px);
aspect-ratio: 1 / 1;
border-radius: 999px;
padding: 8px;
background: linear-gradient(135deg, rgba(255,255,255,0.50), rgba(205,136,255,0.46));
box-shadow: 0 24px 50px rgba(0,0,0,0.24);
}
.hero-mobile-style__portrait{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center top;
border-radius: 999px;
background: linear-gradient(135deg, #1e0f2d, #311228);
}
.hero-mobile-style__content{
min-width:0;
order: 1;
}
.hero-mobile-style__title{
margin: 0 0 10px;
font-size: clamp(52px, 7vw, 98px);
line-height: .92;
font-weight: 900;
letter-spacing: .03em;
text-transform: uppercase;
color: #fff;
text-shadow: 0 10px 28px rgba(0,0,0,0.24);
}
.hero-mobile-style__eyebrow{
margin: 0 0 18px;
font-size: 13px;
line-height: 1;
font-weight: 900;
letter-spacing: .34em;
text-transform: uppercase;
color: rgba(255,255,255,0.88);
}
.hero-mobile-style__text{
max-width: 650px;
margin: 0 0 24px;
font-size: 16px;
line-height: 1.75;
color: rgba(255,255,255,0.84);
}
.hero-mobile-style__cta{
margin-bottom: 28px;
}
.hero-mobile-style__main-btn{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 190px;
min-height: 54px;
padding: 0 24px;
border-radius: 14px;
text-decoration: none;
font-size: 14px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
color: #0b0e18;
background: linear-gradient(135deg, #d18bff, #9f6cff);
box-shadow: 0 16px 34px rgba(159,108,255,0.28);
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.hero-mobile-style__main-btn:hover{
transform: translateY(-2px);
box-shadow: 0 18px 38px rgba(159,108,255,0.34);
filter: brightness(1.03);
}
.hero-mobile-style__socials{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.hero-mobile-style__social-card{
display:flex;
align-items:center;
gap:14px;
min-height:64px;
padding:12px 18px;
border-radius:18px;
text-decoration:none;
background: rgba(255,255,255,0.96);
color:#111;
box-shadow: 0 14px 24px rgba(0,0,0,0.16);
transition: transform .2s ease, box-shadow .2s ease;
}
.hero-mobile-style__social-card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 30px rgba(0,0,0,0.22);
}
.hero-mobile-style__social-icon{
width:38px;
height:38px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:18px;
color:#fff;
flex:0 0 auto;
}
.hero-mobile-style__social-icon--kick{
background:#53fc18;
color:#111;
}
.hero-mobile-style__social-icon--twitch{
background:#9146ff;
}
.hero-mobile-style__social-icon--tiktok{
background:#000;
}
.hero-mobile-style__social-icon--instagram{
background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af, #515bd4);
}
.hero-mobile-style__social-label{
font-size:17px;
font-weight:800;
color:#111;
}
@media (max-width: 1100px){
.hero-mobile-style__wrap{
grid-template-columns: 1fr;
gap: 20px;
}
.hero-mobile-style__media{
order: 1;
}
.hero-mobile-style__content{
order: 2;
text-align: center;
}
.hero-mobile-style__text{
margin-left: auto;
margin-right: auto;
}
.hero-mobile-style__cta{
display:flex;
justify-content:center;
}
.hero-mobile-style__socials{
justify-content:center;
margin:0 auto;
}
}
@media (max-width: 768px){
.hero-mobile-style{
padding: 78px 0 22px;
}
.hero-mobile-style__wrap{
gap: 18px;
}
.hero-mobile-style__portrait-ring{
width: min(100%, 270px);
padding: 6px;
}
.hero-mobile-style__title{
margin: 0 0 10px;
font-size: 42px;
}
.hero-mobile-style__eyebrow{
margin: 0 0 16px;
font-size: 12px;
letter-spacing: .28em;
}
.hero-mobile-style__text{
max-width: 100%;
margin: 0 0 20px;
font-size: 15px;
line-height: 1.7;
}
.hero-mobile-style__cta{
margin-bottom: 22px;
}
.hero-mobile-style__main-btn{
min-width: 170px;
min-height: 50px;
border-radius: 14px;
}
.hero-mobile-style__socials{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
max-width: 100%;
}
.hero-mobile-style__social-card{
min-height: 60px;
padding: 12px 14px;
border-radius: 16px;
}
.hero-mobile-style__social-label{
font-size: 15px;
}
}
@media (max-width: 520px){
.hero-mobile-style__title{
font-size: 36px;
}
.hero-mobile-style__portrait-ring{
width: min(100%, 240px);
}
.hero-mobile-style__socials{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.hero-mobile-style__social-card{
min-height: 56px;
padding: 10px 12px;
gap: 10px;
}
.hero-mobile-style__social-icon{
width: 34px;
height: 34px;
font-size: 16px;
}
.hero-mobile-style__social-label{
font-size: 14px;
}
}
.hero-mobile-style__cta{
margin-bottom: 28px;
display: flex;
justify-content: center;
}
.hero-mobile-style__eyebrow{
text-align: center;
}
.hero-mobile-style__title{
text-align: center;
}
.hero-mobile-style__text{
text-align: center;
margin-left: auto;
margin-right: auto;
}
body{
font-family:'Inter',sans-serif;
color:#f5f0ff;
min-height:100vh;
overflow-x:hidden;
background:
radial-gradient(circle at 20% 10%, rgba(139,92,246,0.25), transparent 30%),
radial-gradient(circle at 80% 0%, rgba(212,166,58,0.18), transparent 25%),
radial-gradient(circle at 50% 100%, rgba(124,58,237,0.18), transparent 35%),
linear-gradient(135deg, #0f051d 0%, #140a26 35%, #1a0d2e 65%, #0f051d 100%);
background-attachment:fixed;
}
.hero-mobile-style{
position: relative;
padding: 34px 0 22px;
overflow: hidden;
background:
radial-gradient(circle at 25% 20%, rgba(139,92,246,0.35), transparent 35%),
radial-gradient(circle at 75% 20%, rgba(212,166,58,0.25), transparent 30%),
linear-gradient(135deg, #120622 0%, #1b0c33 50%, #120622 100%);
}
.hero-mobile-style::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(255,255,255,0.05), transparent 30%),
linear-gradient(135deg, rgba(139,92,246,0.08), rgba(212,166,58,0.06));
}
/* ===== LUX CASINO THEME OVERRIDE ===== */
:root{
--bg1:#16081f;
--bg2:#211033;
--bg3:#2a1240;
--bg4:#1b0d2a;
--bg5:#14081f;
--glass:rgba(255,255,255,.08);
--stroke:rgba(255,255,255,.12);
--text:#fff8f2;
--muted:rgba(255,248,242,.76);
--accent:#b782ff;
--accent-2:#f0c56b;
--accent-hover:#c79bff;
--accent-glow:rgba(183,130,255,.28);
--gold-glow:rgba(240,197,107,.22);
--sidebar-w:280px;
}
html,body{
overflow-x:hidden;
}
body{
font-family:'Inter',sans-serif;
color:var(--text);
min-height:100vh;
overflow-x:hidden;
background:
radial-gradient(circle at 14% 12%, rgba(183,130,255,.22), transparent 24%),
radial-gradient(circle at 84% 10%, rgba(240,197,107,.16), transparent 22%),
radial-gradient(circle at 50% 100%, rgba(255,92,163,.10), transparent 30%),
linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 24%,var(--bg3) 50%,var(--bg4) 76%,var(--bg5) 100%) !important;
background-attachment:fixed;
}
/* top bar + sidebar */
.top-navbar{
background:rgba(20,10,32,.72) !important;
border-bottom:1px solid rgba(255,255,255,.10) !important;
backdrop-filter:blur(22px);
}
.sidebar{
background:
linear-gradient(180deg, rgba(17,8,28,.96), rgba(30,13,45,.96)) !important;
border-right:1px solid rgba(255,255,255,.08) !important;
box-shadow:8px 0 28px rgba(0,0,0,.24) !important;
overflow-x:hidden !important;
}
.sidebar-header{
border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.top-logo,
.logo{
color:#fff7ef !important;
}
.live-badge{
color:#20110a !important;
background:linear-gradient(135deg,#f0c56b,#ffe2a0) !important;
box-shadow:0 0 18px rgba(240,197,107,.28) !important;
}
.nav-item{
color:rgba(255,248,242,.88) !important;
}
.nav-item:hover{
background:rgba(183,130,255,.10) !important;
color:#f0c56b !important;
transform:none !important;
}
.nav-item[aria-current="page"]{
background:rgba(240,197,107,.10) !important;
color:#f0c56b !important;
border-right:3px solid #f0c56b !important;
}
.dropdown-menu{
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
box-shadow:0 12px 24px rgba(0,0,0,.18) !important;
}
.dropdown-menu a{
color:rgba(255,248,242,.78) !important;
}
.dropdown-menu a:hover{
background:rgba(183,130,255,.10) !important;
color:#fff !important;
}
/* general text */
.section-title,
h1,h2,h3,h4{
color:#fff7ef;
}
.section-subtitle,
.region-head p,
.offers-note,
.content-card p,
.faq-answer,
.about-panel p,
.about-summary-main p,
.news-feature-card p,
.news-mag-card p,
.news-analysis-main p,
.contact-panel p,
.contact-extra-card p,
.legal-block p,
.legal-note p{
color:var(--muted) !important;
}
/* cards */
.casino-card,
.content-card,
.faq-item,
.faq-shell,
.about-summary-main,
.about-panel,
.about-links-card,
.fact-box,
.news-topic-card,
.timeline-card,
.news-feature-card,
.news-mag-card,
.news-analysis-main,
.news-side-box,
.bonuses-intro-card,
.bonuses-content-main,
.bonus-side-box,
.casinos-overview-main,
.casinos-note-box,
.casinos-voice-block,
.casinos-difference-card,
.casinos-difference-item,
.slots-editorial-card,
.slots-breakdown-box,
.slots-mid-copy,
.slot-tile,
.contact-panel,
.contact-info-item,
.contact-note-box,
.contact-extra-card,
.legal-hero__card,
.legal-sidebar-card,
.legal-content-card,
.legal-note{
background:
linear-gradient(135deg, rgba(33,16,51,.76), rgba(20,8,31,.80)) !important;
border:1px solid rgba(255,255,255,.10) !important;
box-shadow:
0 18px 40px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02),
0 0 22px rgba(183,130,255,.08) !important;
backdrop-filter:blur(14px);
}
/* casino cards stronger */
.casino-card{
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 26%),
linear-gradient(135deg, rgba(37,18,56,.84), rgba(19,8,30,.86)) !important;
border:1px solid rgba(255,255,255,.12) !important;
}
.casino-card:hover{
transform:translateY(-4px) !important;
border-color:rgba(240,197,107,.34) !important;
box-shadow:
0 24px 54px rgba(0,0,0,.28),
0 0 22px rgba(240,197,107,.14),
0 0 18px rgba(183,130,255,.12) !important;
}
.casino-card--uk::after{
background:linear-gradient(90deg,#f0c56b 0%,#ffe2a0 35%,#d6a13b 65%,#f0c56b 100%) !important;
}
.offer-item{
background:rgba(255,255,255,.05) !important;
border:1px solid rgba(255,255,255,.08) !important;
}
.offer-value{
color:#f0c56b !important;
text-shadow:0 8px 24px rgba(240,197,107,.18) !important;
}
.offer-label,
.feature{
color:rgba(255,248,242,.76) !important;
}
/* hero */
.hero-mobile-style,
.hero-streamer,
.hero-section--compact,
.hero-section{
background:
radial-gradient(circle at 20% 16%, rgba(183,130,255,.22), transparent 28%),
radial-gradient(circle at 82% 18%, rgba(240,197,107,.14), transparent 24%),
linear-gradient(135deg,#1a0b28 0%,#241036 48%,#170a24 100%) !important;
}
.hero-mobile-style__title,
.hero-streamer__title,
.hero-title{
color:#fff8f2 !important;
text-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}
.hero-mobile-style__eyebrow,
.hero-streamer__eyebrow,
.hero-kicker{
color:rgba(255,248,242,.84) !important;
}
.hero-mobile-style__text,
.hero-streamer__text,
.hero-subtitle{
color:rgba(255,248,242,.82) !important;
}
.hero-mobile-style__main-btn,
.hero-streamer__main-btn,
.hero-btn.primary,
.cta-button,
.contact-submit-btn{
color:#170d1e !important;
background:linear-gradient(135deg,#d9a6ff,#b782ff) !important;
box-shadow:0 14px 34px rgba(183,130,255,.28) !important;
border:none !important;
}
.hero-mobile-style__main-btn:hover,
.hero-streamer__main-btn:hover,
.hero-btn.primary:hover,
.contact-submit-btn:hover{
filter:brightness(1.04) !important;
box-shadow:0 18px 40px rgba(183,130,255,.34) !important;
}
.hero-btn.ghost{
background:rgba(255,255,255,.06) !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.14) !important;
}
.hero-mobile-style__social-card,
.hero-streamer-social{
background:rgba(255,250,245,.96) !important;
color:#111 !important;
box-shadow:0 16px 28px rgba(0,0,0,.18) !important;
}
.hero-mobile-style__social-label,
.hero-streamer-social__label{
color:#111 !important;
}
/* photo cards / explore */
.photo-card{
border:1px solid rgba(255,255,255,.14) !important;
box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
}
.photo-card:hover{
border-color:rgba(240,197,107,.28) !important;
box-shadow:
0 26px 60px rgba(0,0,0,.24),
0 0 0 2px rgba(240,197,107,.10) !important;
}
/* inputs */
.contact-field input,
.contact-field textarea{
background:rgba(255,255,255,.06) !important;
border:1px solid rgba(255,255,255,.10) !important;
color:#fff !important;
}
.contact-field input::placeholder,
.contact-field textarea::placeholder{
color:rgba(255,248,242,.42) !important;
}
/* footer */
.footer{
background:linear-gradient(135deg, rgba(18,8,28,.96), rgba(28,12,41,.96)) !important;
border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-column h3{
color:#f0c56b !important;
}
.footer-column ul li a{
color:rgba(255,248,242,.84) !important;
}
.footer-column ul li span,
.footer-right-copy{
color:rgba(255,248,242,.64) !important;
}
.footer-center-brand{
color:#fff7ef !important;
}
.help-link{
background:rgba(255,255,255,.05) !important;
border:1px solid rgba(255,255,255,.10) !important;
}
/* legal / breadcrumbs */
.breadcrumbs-list li,
.breadcrumbs-list a{
color:rgba(255,248,242,.72) !important;
}
.breadcrumbs-list span[aria-current="page"]{
color:#f0c56b !important;
}
/* ===== UNIFIED SITE BACKGROUND FIX ===== */
html, body {
background: #14081f !important;
overflow-x: hidden;
}
body {
background-image: none !important;
}
/* Один общий фон на весь контент справа от сайдбара */
.main-content{
position: relative;
min-height: 100vh;
background: transparent !important;
isolation: isolate;
}
.main-content::before{
content: "";
position: fixed;
top: 0;
left: var(--sidebar-w);
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 18% 12%, rgba(183,130,255,.20), transparent 24%),
radial-gradient(circle at 84% 10%, rgba(240,197,107,.12), transparent 22%),
radial-gradient(circle at 50% 100%, rgba(255,92,163,.08), transparent 30%),
linear-gradient(135deg, #16081f 0%, #211033 24%, #2a1240 50%, #1b0d2a 76%, #14081f 100%);
background-repeat: no-repeat;
background-size: cover;
}
/* На мобилке сайдбара слева нет */
@media (max-width: 1024px){
.main-content::before{
left: 0;
}
}
/* Убиваем фоны всех секций */
.hero-section,
.hero-section--compact,
.hero-mobile-style,
.hero-streamer,
.casino-section,
.home-section,
.quick-links-section,
.main-content-section,
.faq-section,
.about-hero,
.about-summary-section,
.about-content-section,
.about-links-section,
.news-hero-page,
.news-lead-hero,
.news-board-section,
.news-magazine-section,
.news-analysis-section,
.news-feature-section,
.news-timeline-section,
.bonuses-hero,
.bonuses-intro-section,
.bonuses-content-section,
.casinos-editorial-hero,
.casinos-feature-intro,
.casinos-overview-section,
.casinos-difference-section,
.casinos-single-link-section,
.slots-hero,
.slots-grid-section,
.slots-editorial-section,
.slots-breakdown-section,
.slots-mid-copy-section,
.contact-hero,
.contact-main-section,
.contact-extra-section,
.legal-hero,
.legal-layout-section,
.breadcrumbs {
background: transparent !important;
}
/* Убираем все разделительные подложки/оверлеи */
.hero-background,
.hero-overlay,
.hero-transition{
display: none !important;
}
/* Иногда разделение даёт сам main */
main,
section{
background-color: transparent !important;
background-image: none !important;
}
/* Чтобы не было ощущения полосы между блоками */
.home-section,
.casino-section,
.main-content-section,
.quick-links-section,
.faq-section{
position: relative;
z-index: 1;
}
/* Футер можно оставить отдельным, но мягче */
.footer{
background: linear-gradient(135deg, rgba(18,8,28,.92), rgba(28,12,41,.92)) !important;
border-top: 1px solid rgba(255,255,255,.08) !important;
}
/* ===== HERO SAME BACKGROUND FIX ===== */
/* сам hero без своего фона */
.hero-mobile-style,
.hero-streamer,
.hero-section,
.hero-section--compact {
background: transparent !important;
background-image: none !important;
}
/* все внутренние декоративные слои hero выключаем */
.hero-background,
.hero-overlay,
.hero-transition,
.hero-mobile-style::before,
.hero-mobile-style::after,
.hero-streamer::before,
.hero-streamer::after,
.hero-section::before,
.hero-section::after,
.hero-section--compact::before,
.hero-section--compact::after {
display: none !important;
content: none !important;
background: none !important;
background-image: none !important;
}
/* если у hero-shell или wrap есть собственная подложка */
.hero-shell,
.hero-mobile-style__wrap,
.hero-streamer__wrap {
background: transparent !important;
background-image: none !important;
}
/* если у левой/правой части есть фон */
.hero-main,
.hero-side-card,
.hero-mobile-style__content,
.hero-mobile-style__media,
.hero-streamer__content,
.hero-streamer__media {
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: none !important;
}
/* картинка справа остаётся, но без отдельной подложки */
.hero-mobile-style__portrait-ring,
.hero-streamer__portrait-ring {
background: linear-gradient(135deg, rgba(255,255,255,.40), rgba(183,130,255,.32)) !important;
box-shadow: 0 18px 40px rgba(0,0,0,.24) !important;
border: none !important;
}
/* ===== LIGHTER UNIFIED BACKGROUND ===== */
.main-content::before{
content: "";
position: fixed;
top: 0;
left: var(--sidebar-w);
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 18% 12%, rgba(168,120,255,.28), transparent 26%),
radial-gradient(circle at 82% 12%, rgba(255,190,120,.16), transparent 24%),
radial-gradient(circle at 50% 100%, rgba(255,120,190,.10), transparent 30%),
linear-gradient(135deg, #2b1246 0%, #2e104e 30%, #34124c 55%, #3a185d 78%, #241038 100%) !important;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1024px){
.main-content::before{
left: 0;
}
}
/* ===== MOBILE TOP SPACING FIX ===== */
@media (max-width: 768px){
.main-content{
padding-top: 70px; /* общий отступ */
}
/* если hero первый блок */
.hero-mobile-style,
.hero-streamer,
.hero-section,
.hero-section--compact{
padding-top: 30px !important;
}
}
/* ===== CASINO CARD COLOR TUNING ===== */
.casino-card{
background:
linear-gradient(135deg, rgba(85, 25, 133, 0.88), rgba(79, 26, 117, 0.9)) !important;
border: 1px solid rgba(239, 203, 11, 0.76) !important;
box-shadow:
0 14px 34px rgba(0,0,0,.18),
0 0 0 1px rgba(255,255,255,.02) !important;
}
/* hover карточки */
.casino-card:hover{
transform: translateY(-4px) !important;
box-shadow:
0 22px 50px rgba(0,0,0,.24),
0 0 18px rgba(240,197,107,.10) !important;
border-color: rgba(240,197,107,.24) !important;
}
/* кнопка в карточке — более контрастная */
.casino-card .cta-button{
background: linear-gradient(135deg, #f0c56b, #ffdf9a) !important;
color: #24121a !important;
box-shadow:
0 12px 28px rgba(240,197,107,.26),
0 0 14px rgba(240,197,107,.16) !important;
border: none !important;
}
/* hover кнопки */
.casino-card:hover .cta-button{
background: linear-gradient(135deg, #f5cf79, #ffe7ad) !important;
color: #1d0f16 !important;
box-shadow:
0 16px 34px rgba(240,197,107,.32),
0 0 18px rgba(240,197,107,.22) !important;
transform: none !important;
}
/* блоки бонусов внутри карточки */
.casino-card .offer-item{
background: rgba(255,255,255,.04) !important;
border: 1px solid rgba(255,255,255,.08) !important;
}
/* значения офферов */
.casino-card .offer-value{
color: #f0c56b !important;
}
.photo-card{
position: relative;
overflow: hidden;
border-radius: 22px;
min-height: 180px;
display: block;
text-decoration: none;
color: #fff;
isolation: isolate;
border: 1px solid rgba(255,255,255,0.14);
box-shadow: 0 18px 45px rgba(0,0,0,0.20);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.photo-card--one{
background-image: url("images/face-clav.webp");
}
.photo-card--two{
background-image: url("images/news-clav.webp");
}
.photo-card--three{
background-image: url("images/casino-clav.webp");
}
/* единое затемнение */
.photo-card::before{
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
180deg,
rgba(8, 6, 18, 0.18) 0%,
rgba(10, 6, 20, 0.42) 55%,
rgba(8, 4, 16, 0.78) 100%
);
}
/* можно старый span просто выключить */
.photo-card__overlay{
display: none !important;
}
.photo-card__content{
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 18px;
}
.photo-card__content h3{
margin: 0;
font-size: 18px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
color: #fff;
text-shadow: 0 8px 24px rgba(0,0,0,0.45);
}
.photo-card:hover{
transform: translateY(-4px);
box-shadow: 0 24px 56px rgba(0,0,0,0.26);
}
.photo-card:hover::before{
background: linear-gradient(
180deg,
rgba(8, 6, 18, 0.14) 0%,
rgba(10, 6, 20, 0.34) 45%,
rgba(8, 4, 16, 0.68) 100%
);
}
/* ===== FOOTER HELP FINAL SIZE FIX ===== */
.footer-help{
display:flex;
align-items:center;
gap:10px;
flex-wrap:nowrap;
}
.help-link{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
min-width:132px;
height:46px;
padding:6px 10px;
border-radius:10px;
text-decoration:none;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.10);
box-sizing:border-box;
}
.help-link img{
display:block;
width:auto;
height:auto;
max-width:134px;
max-height:43px;
object-fit:contain;
}
/* отдельно для более длинного лого */
.help-link[title="UK Gambling Commission"]{
min-width:156px;
}
.help-link[title="UK Gambling Commission"] img{
max-width:136px;
max-height:32px;
}
@media (max-width: 768px){
.footer-help{
flex-wrap:wrap;
justify-content:center;
}
}
/* ===== HERO VIEW BONUSES GOLD ===== */
.hero-mobile-style__main-btn,
.hero-streamer__main-btn{
background: linear-gradient(135deg, #f0c56b, #ffe2a0) !important;
color: #24121a !important;
box-shadow:
0 12px 28px rgba(240,197,107,.28),
0 0 16px rgba(240,197,107,.18) !important;
border: none !important;
}
.hero-mobile-style__main-btn:hover,
.hero-streamer__main-btn:hover{
background: linear-gradient(135deg, #f6d27a, #fff0bf) !important;
color: #1d0f16 !important;
box-shadow:
0 16px 34px rgba(240,197,107,.34),
0 0 20px rgba(240,197,107,.22) !important;
filter: none !important;
}
.photo-card{
position: relative;
overflow: hidden;
border-radius: 22px;
min-height: 180px;
display: block;
text-decoration: none;
color: #fff;
isolation: isolate;
border: none !important;
box-shadow: 0 18px 45px rgba(0,0,0,0.20);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* ===== ABOUT PAGE ===== */
.about-hero{
padding: 34px 0 24px;
}
.breadcrumbs{
margin-bottom: 18px;
}
.breadcrumbs-list{
list-style:none;
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
padding:0;
margin:0;
}
.breadcrumbs-list li{
font-size:13px;
font-weight:700;
color:rgba(255,248,242,.70);
}
.breadcrumbs-list li+li::before{
content:"/";
margin-right:10px;
color:rgba(255,248,242,.34);
}
.breadcrumbs-list a{
color:rgba(255,248,242,.70);
text-decoration:none;
}
.breadcrumbs-list a:hover{
color:#fff;
}
.about-hero__grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(300px,420px);
gap:30px;
align-items:center;
}
.about-hero__eyebrow{
margin:0 0 12px;
font-size:13px;
line-height:1;
font-weight:900;
letter-spacing:.28em;
text-transform:uppercase;
color:rgba(255,255,255,.82);
}
.about-hero__title{
margin:0 0 16px;
font-size:clamp(40px,6vw,76px);
line-height:.94;
font-weight:900;
letter-spacing:.02em;
text-transform:uppercase;
}
.about-hero__lead{
max-width:720px;
margin:0 0 24px;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.about-hero__actions{
display:flex;
gap:14px;
flex-wrap:wrap;
}
.about-hero__media{
display:flex;
justify-content:center;
align-items:center;
}
.about-hero__portrait-ring{
width:min(100%,420px);
aspect-ratio:1/1;
border-radius:999px;
padding:8px;
background:linear-gradient(135deg, rgba(255,255,255,.42), rgba(183,130,255,.34));
box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.about-hero__portrait{
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
border-radius:999px;
}
.about-summary-section,
.about-content-section,
.about-links-section{
padding:72px 0;
}
.about-summary-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:24px;
align-items:start;
}
.about-summary-main,
.about-links-card,
.about-panel{
border-radius:22px;
padding:28px;
}
.about-summary-main p,
.about-panel p{
font-size:16px;
line-height:1.8;
margin-bottom:14px;
}
.about-links-card h3,
.about-panel h3{
margin:0 0 18px;
font-size:22px;
line-height:1.2;
font-weight:900;
color:#fff7ef;
}
.about-content-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:24px;
}
.fact-box{
padding:14px 16px;
border-radius:16px;
margin-bottom:12px;
}
.fact-box:last-child{
margin-bottom:0;
}
.fact-box__label{
display:block;
margin-bottom:6px;
font-size:11px;
line-height:1.2;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,248,242,.58);
}
.fact-box__value{
display:block;
font-size:15px;
line-height:1.5;
font-weight:800;
color:#fff;
}
.about-panel a,
.about-summary-main a{
color:rgba(255,214,235,.92);
text-decoration:none;
border-bottom:1px solid rgba(255,214,235,.34);
}
.about-panel a:hover,
.about-summary-main a:hover{
color:#fff;
border-bottom-color:rgba(255,255,255,.56);
}
@media (max-width: 1100px){
.about-hero__grid,
.about-summary-grid,
.about-content-grid{
grid-template-columns:1fr;
}
.about-hero__content{
text-align:center;
}
.about-hero__lead{
margin-left:auto;
margin-right:auto;
}
.about-hero__actions{
justify-content:center;
}
.about-links-card{
max-width:700px;
}
}
@media (max-width: 768px){
.about-hero{
padding:20px 0 10px;
}
.about-summary-section,
.about-content-section,
.about-links-section{
padding:56px 0;
}
.about-summary-main,
.about-links-card,
.about-panel{
padding:22px 18px;
}
.about-hero__title{
font-size:38px;
}
.about-hero__lead{
font-size:15px;
line-height:1.72;
}
}
/* ===== ABOUT INTRO HERO ===== */
.about-intro-hero{
padding: 34px 0 18px;
}
.about-intro-hero__box{
max-width: 980px;
margin: 0 auto;
padding: 34px 34px 30px;
border-radius: 28px;
position: relative;
overflow: hidden;
background:
radial-gradient(circle at top right, rgba(240,197,107,.10), transparent 26%),
radial-gradient(circle at left bottom, rgba(183,130,255,.16), transparent 30%),
linear-gradient(135deg, rgba(41,18,64,.92), rgba(24,10,38,.92));
border: 1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 42px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02);
}
.about-intro-hero__kicker{
margin: 0 0 12px;
font-size: 12px;
line-height: 1;
font-weight: 900;
letter-spacing: .20em;
text-transform: uppercase;
color: #f0c56b;
}
.about-intro-hero__title{
margin: 0 0 16px;
font-size: clamp(34px, 5vw, 64px);
line-height: .95;
font-weight: 900;
color: #fff7ef;
letter-spacing: .01em;
}
.about-intro-hero__text{
max-width: 760px;
margin: 0;
font-size: 17px;
line-height: 1.8;
color: rgba(255,248,242,.82);
}
.about-intro-hero__meta{
margin-top: 26px;
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 14px;
}
.about-intro-meta-card{
padding: 16px 18px;
border-radius: 18px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.08);
}
.about-intro-meta-card__label{
display: block;
margin-bottom: 7px;
font-size: 11px;
line-height: 1.2;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(255,248,242,.54);
}
.about-intro-meta-card__value{
display: block;
font-size: 15px;
line-height: 1.45;
font-weight: 800;
color: #fff;
}
@media (max-width: 768px){
.about-intro-hero__box{
padding: 24px 18px 22px;
border-radius: 22px;
}
.about-intro-hero__text{
font-size: 15px;
line-height: 1.72;
}
.about-intro-hero__meta{
grid-template-columns: 1fr;
}
}
/* ===== ABOUT CLEAN LINKS ===== */
.about-links-clean{
padding: 70px 0;
}
.about-links-clean__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 18px;
max-width: 1000px;
margin: 0 auto;
}
.about-link-card{
display: grid;
grid-template-columns: 54px 1fr auto;
align-items: center;
gap: 16px;
padding: 18px 20px;
border-radius: 20px;
text-decoration: none;
position: relative;
background:
linear-gradient(135deg, rgba(33,16,51,.76), rgba(20,8,31,.80));
border: 1px solid rgba(255,255,255,.10);
box-shadow:
0 16px 34px rgba(0,0,0,.22),
0 0 0 1px rgba(255,255,255,.02);
transition: all .25s ease;
}
.about-link-card:hover{
transform: translateY(-4px);
border-color: rgba(240,197,107,.30);
box-shadow:
0 22px 46px rgba(0,0,0,.26),
0 0 14px rgba(240,197,107,.12);
}
.about-link-card__icon{
width: 54px;
height: 54px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
flex: 0 0 auto;
}
/* разные цвета под платформы */
.about-link-card__icon--kick{
background: #53fc18;
color: #111;
}
.about-link-card__icon--tiktok{
background: #000;
}
.about-link-card__icon--youtube{
background: #ff0000;
}
.about-link-card__icon--instagram{
background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);
}
.about-link-card__icon--x{
background: #111;
}
.about-link-card__icon--twitch{
background: #9146ff;
}
.about-link-card__content h3{
margin: 0 0 6px;
font-size: 18px;
font-weight: 900;
color: #fff7ef;
}
.about-link-card__content p{
margin: 0;
font-size: 14px;
line-height: 1.6;
color: rgba(255,248,242,.72);
}
.about-link-card__arrow{
font-size: 18px;
font-weight: 900;
color: rgba(255,255,255,.4);
transition: transform .2s ease;
}
.about-link-card:hover .about-link-card__arrow{
transform: translateX(4px);
color: #f0c56b;
}
/* мобилка */
@media (max-width: 768px){
.about-links-clean__grid{
grid-template-columns: 1fr;
}
.about-link-card{
padding: 16px 16px;
}
}
/* ===== ABOUT INTRO HERO ===== */
.about-intro-hero{
padding: 34px 0 18px;
}
.about-intro-hero__box{
width: 100%;
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 380px);
gap: 28px;
align-items: stretch;
padding: 28px;
border-radius: 28px;
position: relative;
overflow: hidden;
background:
radial-gradient(circle at top right, rgba(240,197,107,.10), transparent 26%),
radial-gradient(circle at left bottom, rgba(183,130,255,.16), transparent 30%),
linear-gradient(135deg, rgba(41,18,64,.92), rgba(24,10,38,.92));
border: 1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 42px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02);
}
.about-intro-hero__content{
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.about-intro-hero__kicker{
margin: 0 0 12px;
font-size: 12px;
line-height: 1;
font-weight: 900;
letter-spacing: .20em;
text-transform: uppercase;
color: #f0c56b;
}
.about-intro-hero__title{
margin: 0 0 16px;
font-size: clamp(38px, 5vw, 74px);
line-height: .95;
font-weight: 900;
color: #fff7ef;
letter-spacing: .01em;
}
.about-intro-hero__text{
max-width: 760px;
margin: 0;
font-size: 17px;
line-height: 1.8;
color: rgba(255,248,242,.82);
}
.about-intro-hero__meta{
margin-top: 26px;
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 14px;
}
.about-intro-meta-card{
padding: 16px 18px;
border-radius: 18px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.08);
}
.about-intro-meta-card__label{
display: block;
margin-bottom: 7px;
font-size: 11px;
line-height: 1.2;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(255,248,242,.54);
}
.about-intro-meta-card__value{
display: block;
font-size: 15px;
line-height: 1.45;
font-weight: 800;
color: #fff;
}
.about-intro-hero__media{
display: flex;
align-items: stretch;
justify-content: center;
min-width: 0;
}
.about-intro-hero__image-shell{
width: 100%;
min-height: 100%;
border-radius: 22px;
overflow: hidden;
position: relative;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.about-intro-hero__image{
display: block;
width: 100%;
height: 100%;
min-height: 100%;
object-fit: cover;
object-position: center top;
}
@media (max-width: 1100px){
.about-intro-hero__box{
grid-template-columns: 1fr;
}
.about-intro-hero__media{
order: -1;
}
.about-intro-hero__image-shell{
max-width: 420px;
margin: 0 auto;
min-height: 420px;
}
}
@media (max-width: 768px){
.about-intro-hero__box{
padding: 20px;
border-radius: 22px;
gap: 18px;
}
.about-intro-hero__title{
font-size: 38px;
}
.about-intro-hero__text{
font-size: 15px;
line-height: 1.72;
}
.about-intro-hero__meta{
grid-template-columns: 1fr;
}
.about-intro-hero__image-shell{
max-width: 100%;
min-height: 320px;
}
}
.about-summary-section{
padding-top: 42px;
}
@media (max-width: 768px){
.about-intro-hero__content{
text-align: center;
align-items: center;
}
.about-intro-hero__kicker{
text-align: center;
}
.about-intro-hero__title{
text-align: center;
}
.about-intro-hero__text{
text-align: center;
}
.about-intro-hero__meta{
text-align: center;
}
.about-intro-meta-card{
text-align: center;
}
}
.about-timeline-card h3{
margin-bottom: 18px;
}
.timeline-mini-item{
position: relative;
padding: 0 0 18px 18px;
margin-bottom: 18px;
border-left: 1px solid rgba(255,255,255,.12);
}
.timeline-mini-item:last-of-type{
margin-bottom: 10px;
}
.timeline-mini-item::before{
content:"";
position:absolute;
left:-5px;
top:4px;
width:10px;
height:10px;
border-radius:50%;
background:#f0c56b;
box-shadow:0 0 10px rgba(240,197,107,.22);
}
.timeline-mini-item__year{
display:inline-block;
margin-bottom:8px;
font-size:12px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.timeline-mini-item p{
margin:0;
font-size:14px;
line-height:1.65;
color:rgba(255,248,242,.76);
}
.timeline-mini-note{
margin-top: 8px;
padding: 14px 16px;
border-radius: 16px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
}
.timeline-mini-note p{
margin:0;
font-size:14px;
line-height:1.65;
color:rgba(255,248,242,.76);
}
.timeline-mini-note a{
color:rgba(255,214,235,.92);
text-decoration:none;
border-bottom:1px solid rgba(255,214,235,.30);
}
/* ===== NEWS PAGE ===== */
.news-hero-page{
padding:34px 0 18px;
}
.news-hero-page__box{
width:100%;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(280px,380px);
gap:28px;
align-items:stretch;
padding:28px;
border-radius:28px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top left, rgba(240,197,107,.10), transparent 26%),
radial-gradient(circle at bottom right, rgba(183,130,255,.16), transparent 30%),
linear-gradient(135deg, rgba(32,18,48,.94), rgba(19,10,30,.94));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 42px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02);
}
.news-hero-page__content{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
}
.news-hero-page__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.news-hero-page__title{
margin:0 0 16px;
font-size:clamp(38px, 5vw, 74px);
line-height:.95;
font-weight:900;
color:#fff7ef;
letter-spacing:.01em;
}
.news-hero-page__text{
max-width:760px;
margin:0;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.news-hero-page__media{
display:flex;
align-items:stretch;
justify-content:center;
min-width:0;
}
.news-hero-page__image-shell{
width:100%;
min-height:100%;
border-radius:22px;
overflow:hidden;
position:relative;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.news-hero-page__image{
display:block;
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
object-position:center top;
}
.news-feature-section,
.news-board-section,
.news-timeline-section{
padding:72px 0;
}
.news-feature-card{
max-width:1060px;
margin:0 auto;
padding:34px 34px 30px;
border-radius:24px;
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
linear-gradient(135deg, rgba(38,18,58,.84), rgba(20,8,31,.86));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 40px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02);
}
.news-feature-card__meta{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-bottom:18px;
}
.news-feature-card__meta span{
display:inline-flex;
padding:8px 12px;
border-radius:999px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
background:rgba(240,197,107,.10);
border:1px solid rgba(240,197,107,.24);
}
.news-feature-card h3{
margin:0 0 16px;
font-size:clamp(28px, 4vw, 42px);
line-height:1.12;
font-weight:900;
color:#fff7ef;
}
.news-feature-card p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.news-feature-card p:last-child{
margin-bottom:0;
}
.news-feature-card a{
color:rgba(255,214,235,.92);
text-decoration:none;
border-bottom:1px solid rgba(255,214,235,.30);
}
.news-board-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
.news-topic-card{
padding:26px 24px 22px;
border-radius:22px;
background:
linear-gradient(135deg, rgba(33,16,51,.76), rgba(20,8,31,.80));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 40px rgba(0,0,0,.22),
0 0 0 1px rgba(255,255,255,.02);
}
.news-topic-card__tag{
display:inline-flex;
margin-bottom:14px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#f0c56b;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.news-topic-card h3{
margin:0 0 12px;
font-size:24px;
line-height:1.18;
font-weight:900;
color:#fff7ef;
}
.news-topic-card p{
margin:0;
font-size:15px;
line-height:1.75;
color:rgba(255,248,242,.76);
}
.news-timeline{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
.news-timeline-item{
padding:26px 24px 22px;
border-radius:22px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top right, rgba(183,130,255,.10), transparent 25%),
linear-gradient(135deg, rgba(33,16,51,.76), rgba(20,8,31,.80));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.news-timeline-item__date{
display:inline-flex;
margin-bottom:14px;
padding:8px 12px;
border-radius:999px;
background:rgba(240,197,107,.10);
border:1px solid rgba(240,197,107,.24);
color:#f0c56b;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.news-timeline-item h3{
margin:0 0 12px;
font-size:22px;
line-height:1.18;
font-weight:900;
color:#fff7ef;
}
.news-timeline-item p{
margin:0;
font-size:15px;
line-height:1.72;
color:rgba(255,248,242,.76);
}
/* mobile / tablet */
@media (max-width: 1100px){
.news-hero-page__box{
grid-template-columns:1fr;
}
.news-hero-page__media{
order:-1;
}
.news-hero-page__image-shell{
max-width:420px;
margin:0 auto;
min-height:420px;
}
.news-board-grid,
.news-timeline{
grid-template-columns:1fr;
}
}
@media (max-width: 768px){
.news-hero-page__box{
padding:20px;
border-radius:22px;
gap:18px;
}
.news-hero-page__content{
text-align:center;
align-items:center;
}
.news-hero-page__kicker,
.news-hero-page__title,
.news-hero-page__text{
text-align:center;
}
.news-hero-page__title{
font-size:38px;
}
.news-hero-page__text{
font-size:15px;
line-height:1.72;
max-width:520px;
margin-left:auto;
margin-right:auto;
}
.news-hero-page__image-shell{
max-width:100%;
min-height:320px;
}
.news-feature-section,
.news-board-section,
.news-timeline-section{
padding:56px 0;
}
.news-feature-card{
padding:24px 18px 22px;
}
.news-feature-card h3{
font-size:28px;
}
.news-feature-card p,
.news-topic-card p,
.news-timeline-item p{
font-size:15px;
}
.news-topic-card,
.news-timeline-item{
padding:22px 18px;
}
}
/* ===== NEWS EXTRA GRID / CARDS ===== */
.news-extra-section{
padding: 18px 0 72px;
}
.news-card{
padding: 24px 22px;
border-radius: 22px;
background:
linear-gradient(135deg, rgba(33,16,51,.76), rgba(20,8,31,.80));
border: 1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 40px rgba(0,0,0,.22),
0 0 0 1px rgba(255,255,255,.02);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.news-card:hover{
transform: translateY(-4px);
border-color: rgba(240,197,107,.22);
box-shadow:
0 24px 50px rgba(0,0,0,.26),
0 0 16px rgba(240,197,107,.10);
}
.news-card__tag{
display: inline-flex;
margin-bottom: 14px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.08);
color: #f0c56b;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
}
.news-card h3{
margin: 0 0 12px;
font-size: 24px;
line-height: 1.18;
font-weight: 900;
color: #fff7ef;
}
.news-card p{
margin: 0 0 12px;
font-size: 15px;
line-height: 1.75;
color: rgba(255,248,242,.76);
}
.news-card p:last-child{
margin-bottom: 0;
}
/* if you want the cards grid to breathe a bit more in this section */
.news-extra-section .news-board-grid{
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 20px;
}
@media (max-width: 1100px){
.news-extra-section .news-board-grid{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px){
.news-extra-section{
padding: 12px 0 56px;
}
.news-card{
padding: 22px 18px;
}
.news-card h3{
font-size: 22px;
}
.news-card p{
font-size: 15px;
line-height: 1.72;
}
.news-extra-section .news-board-grid{
grid-template-columns: 1fr;
}
}
/* ===== CASINOS PAGE ===== */
.casinos-editorial-hero{
padding:34px 0 18px;
}
.casinos-editorial-hero__box{
width:100%;
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(280px,380px);
gap:28px;
align-items:stretch;
padding:28px;
border-radius:28px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top right, rgba(240,197,107,.10), transparent 26%),
radial-gradient(circle at left bottom, rgba(183,130,255,.16), transparent 30%),
linear-gradient(135deg, rgba(41,18,64,.92), rgba(24,10,38,.92));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 42px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02);
}
.casinos-editorial-hero__content{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
}
.casinos-editorial-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.casinos-editorial-hero__title{
margin:0 0 16px;
font-size:clamp(38px, 5vw, 74px);
line-height:.95;
font-weight:900;
color:#fff7ef;
letter-spacing:.01em;
}
.casinos-editorial-hero__text{
max-width:760px;
margin:0 0 24px;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.casinos-editorial-hero__stats{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
}
.casinos-editorial-stat{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
}
.casinos-editorial-stat__label{
display:block;
margin-bottom:7px;
font-size:11px;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,248,242,.54);
}
.casinos-editorial-stat__value{
display:block;
font-size:15px;
line-height:1.45;
font-weight:800;
color:#fff;
}
.casinos-editorial-hero__media{
display:flex;
align-items:stretch;
justify-content:center;
min-width:0;
}
.casinos-editorial-hero__image-shell{
width:100%;
min-height:100%;
border-radius:22px;
overflow:hidden;
position:relative;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.casinos-editorial-hero__image{
display:block;
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
object-position:center top;
}
/* intro */
.casinos-feature-intro,
.casinos-difference-section,
.casinos-single-link-section{
padding:72px 0;
}
.casinos-feature-intro__grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
gap:22px;
align-items:start;
}
.casinos-overview-main,
.casinos-note-box,
.casinos-difference-card,
.casinos-voice-block{
background:
linear-gradient(135deg, rgba(33,16,51,.76), rgba(20,8,31,.80));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 40px rgba(0,0,0,.22),
0 0 0 1px rgba(255,255,255,.02);
border-radius:22px;
}
.casinos-overview-main{
padding:30px 28px 26px;
}
.casinos-overview-main p{
margin:0 0 14px;
font-size:16px;
line-height:1.8;
color:rgba(255,248,242,.80);
}
.casinos-overview-main p:last-child{
margin-bottom:0;
}
.casinos-overview-main a,
.casinos-difference-card a,
.casinos-voice-block a{
color:rgba(255,214,235,.92);
text-decoration:none;
border-bottom:1px solid rgba(255,214,235,.30);
}
.casinos-note-box{
padding:26px 22px 22px;
}
.casinos-note-box h3{
margin:0 0 16px;
font-size:24px;
line-height:1.2;
font-weight:900;
color:#fff7ef;
}
.casinos-note-item{
padding:14px 14px;
border-radius:16px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
margin-bottom:12px;
}
.casinos-note-item:last-child{
margin-bottom:0;
}
.casinos-note-item span{
display:block;
font-size:14px;
line-height:1.5;
font-weight:700;
color:rgba(255,248,242,.78);
}
/* showcase */
.casinos-showcase-section{
padding:72px 0;
}
/* difference */
.casinos-difference-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
.casinos-difference-card{
padding:26px 24px 22px;
}
.casinos-difference-card h3{
margin:0 0 12px;
font-size:24px;
line-height:1.18;
font-weight:900;
color:#fff7ef;
}
.casinos-difference-card p{
margin:0;
font-size:15px;
line-height:1.75;
color:rgba(255,248,242,.76);
}
/* voice block */
.casinos-single-link-section{
padding-top:0;
}
.casinos-voice-block{
max-width:1040px;
margin:0 auto;
padding:32px 30px 28px;
position:relative;
overflow:hidden;
}
.casinos-voice-block::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
radial-gradient(circle at bottom left, rgba(183,130,255,.10), transparent 26%);
pointer-events:none;
}
.casinos-voice-block > *{
position:relative;
z-index:1;
}
.casinos-voice-block h2{
margin:0 0 16px;
font-size:clamp(28px, 4vw, 42px);
line-height:1.1;
font-weight:900;
color:#fff7ef;
}
.casinos-voice-block p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.casinos-voice-block p:last-child{
margin-bottom:0;
}
/* mobile / tablet */
@media (max-width:1100px){
.casinos-editorial-hero__box,
.casinos-feature-intro__grid{
grid-template-columns:1fr;
}
.casinos-editorial-hero__media{
order:-1;
}
.casinos-editorial-hero__image-shell{
max-width:420px;
margin:0 auto;
min-height:420px;
}
.casinos-difference-grid{
grid-template-columns:1fr;
}
}
@media (max-width:768px){
.casinos-editorial-hero__box{
padding:20px;
border-radius:22px;
gap:18px;
}
.casinos-editorial-hero__content{
text-align:center;
align-items:center;
}
.casinos-editorial-hero__kicker,
.casinos-editorial-hero__title,
.casinos-editorial-hero__text{
text-align:center;
}
.casinos-editorial-hero__title{
font-size:38px;
}
.casinos-editorial-hero__text{
font-size:15px;
line-height:1.72;
max-width:520px;
margin-left:auto;
margin-right:auto;
}
.casinos-editorial-hero__stats{
grid-template-columns:1fr;
width:100%;
}
.casinos-editorial-hero__image-shell{
max-width:100%;
min-height:320px;
}
.casinos-feature-intro,
.casinos-difference-section,
.casinos-showcase-section{
padding:56px 0;
}
.casinos-overview-main,
.casinos-note-box,
.casinos-difference-card{
padding-left:18px;
padding-right:18px;
}
.casinos-voice-block{
padding:24px 18px 22px;
}
.casinos-voice-block h2{
font-size:28px;
}
.casinos-voice-block p,
.casinos-overview-main p,
.casinos-difference-card p{
font-size:15px;
}
}
/* ===== CASINOS PAGE ===== */
.casinos-editorial-hero{
padding:34px 0 18px;
}
.casinos-editorial-hero__box{
width:100%;
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(280px,380px);
gap:28px;
align-items:stretch;
padding:28px;
border-radius:28px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at top right, rgba(240,197,107,.10), transparent 26%),
radial-gradient(circle at left bottom, rgba(183,130,255,.16), transparent 30%),
linear-gradient(135deg, rgba(41,18,64,.92), rgba(24,10,38,.92));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 42px rgba(0,0,0,.24),
0 0 0 1px rgba(255,255,255,.02);
}
.casinos-editorial-hero__content{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
}
.casinos-editorial-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.casinos-editorial-hero__title{
margin:0 0 16px;
font-size:clamp(38px, 5vw, 74px);
line-height:.95;
font-weight:900;
color:#fff7ef;
letter-spacing:.01em;
}
.casinos-editorial-hero__text{
max-width:760px;
margin:0 0 24px;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.casinos-editorial-hero__stats{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
}
.casinos-editorial-stat{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
}
.casinos-editorial-stat__label{
display:block;
margin-bottom:7px;
font-size:11px;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,248,242,.54);
}
.casinos-editorial-stat__value{
display:block;
font-size:15px;
line-height:1.45;
font-weight:800;
color:#fff;
}
.casinos-editorial-hero__media{
display:flex;
align-items:stretch;
justify-content:center;
min-width:0;
}
.casinos-editorial-hero__image-shell{
width:100%;
min-height:100%;
border-radius:22px;
overflow:hidden;
position:relative;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.casinos-editorial-hero__image{
display:block;
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
object-position:center top;
}
/* showcase right under hero */
.casinos-showcase-section{
padding:18px 0 68px;
}
/* editorial section */
.casinos-editorial-section{
padding:0 0 68px;
}
.casinos-editorial-grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);
gap:22px;
align-items:stretch;
}
.casinos-editorial-main{
padding:32px 30px 28px;
border-radius:26px;
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
linear-gradient(135deg, rgba(37,18,56,.84), rgba(19,8,30,.86));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 18px 40px rgba(0,0,0,.22),
0 0 0 1px rgba(255,255,255,.02);
}
.casinos-mini-kicker{
display:inline-flex;
margin-bottom:14px;
font-size:11px;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:#f0c56b;
}
.casinos-editorial-main h2{
margin:0 0 14px;
font-size:clamp(28px,4vw,42px);
line-height:1.08;
font-weight:900;
color:#fff7ef;
}
.casinos-editorial-main p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.casinos-editorial-main p:last-child{
margin-bottom:0;
}
.casinos-editorial-side{
padding:26px 22px 22px;
border-radius:26px;
background:
linear-gradient(180deg, rgba(255,255,255,.05), transparent),
rgba(32,20,66,.88);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.casinos-side-badge{
display:inline-flex;
margin-bottom:16px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#f0c56b;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.casinos-side-list{
list-style:none;
margin:0;
padding:0;
}
.casinos-side-list li{
margin-bottom:12px;
}
.casinos-side-list li:last-child{
margin-bottom:0;
}
.casinos-side-list a{
display:block;
padding:14px 14px;
border-radius:16px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
color:rgba(255,248,242,.82);
text-decoration:none;
font-weight:700;
transition:all .2s ease;
}
.casinos-side-list a:hover{
background:rgba(255,255,255,.07);
color:#fff;
border-color:rgba(240,197,107,.18);
}
/* tiles */
.casinos-tiles-section{
padding:0 0 68px;
}
.casinos-tiles-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
.casinos-tile{
padding:28px 24px 24px;
border-radius:24px;
position:relative;
overflow:hidden;
min-height:220px;
}
.casinos-tile h3{
margin:0 0 12px;
font-size:24px;
line-height:1.16;
font-weight:900;
color:#fff7ef;
}
.casinos-tile p{
margin:0;
font-size:15px;
line-height:1.75;
color:rgba(255,248,242,.78);
}
.casinos-tile a{
color:rgba(255,214,235,.92);
text-decoration:none;
border-bottom:1px solid rgba(255,214,235,.30);
}
.casinos-tile--accent{
background:
radial-gradient(circle at top right, rgba(240,197,107,.14), transparent 30%),
linear-gradient(135deg, rgba(61,24,76,.94), rgba(33,14,46,.94));
border:1px solid rgba(240,197,107,.18);
box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.casinos-tile--glass{
background:rgba(255,255,255,.05);
backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,.12);
box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.casinos-tile--dark{
background:
linear-gradient(135deg, rgba(22,10,34,.96), rgba(14,8,24,.96));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 18px 42px rgba(0,0,0,.26);
}
/* strip */
.casinos-strip-section{
padding:0 0 72px;
}
.casinos-strip{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:16px;
padding:18px;
border-radius:24px;
background:
linear-gradient(135deg, rgba(33,16,51,.70), rgba(20,8,31,.72));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.casinos-strip__item{
padding:18px 16px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.casinos-strip__label{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.casinos-strip__item p{
margin:0;
font-size:14px;
line-height:1.65;
color:rgba(255,248,242,.76);
}
/* mobile / tablet */
@media (max-width:1100px){
.casinos-editorial-hero__box,
.casinos-editorial-grid,
.casinos-tiles-grid,
.casinos-strip{
grid-template-columns:1fr;
}
.casinos-editorial-hero__media{
order:-1;
}
.casinos-editorial-hero__image-shell{
max-width:420px;
margin:0 auto;
min-height:420px;
}
}
@media (max-width:768px){
.casinos-editorial-hero__box{
padding:20px;
border-radius:22px;
gap:18px;
}
.casinos-editorial-hero__content{
text-align:center;
align-items:center;
}
.casinos-editorial-hero__kicker,
.casinos-editorial-hero__title,
.casinos-editorial-hero__text{
text-align:center;
}
.casinos-editorial-hero__title{
font-size:38px;
}
.casinos-editorial-hero__text{
font-size:15px;
line-height:1.72;
max-width:520px;
margin-left:auto;
margin-right:auto;
}
.casinos-editorial-hero__stats{
grid-template-columns:1fr;
width:100%;
}
.casinos-editorial-hero__image-shell{
max-width:100%;
min-height:320px;
}
.casinos-showcase-section{
padding:12px 0 56px;
}
.casinos-editorial-section,
.casinos-tiles-section,
.casinos-strip-section{
padding-bottom:56px;
}
.casinos-editorial-main,
.casinos-editorial-side,
.casinos-tile{
padding-left:18px;
padding-right:18px;
}
.casinos-editorial-main h2{
font-size:28px;
}
.casinos-editorial-main p,
.casinos-tile p{
font-size:15px;
}
.casinos-strip{
padding:14px;
}
}
/* ===== CASINOS HERO REWORK ===== */
.casinos-editorial-hero{
padding:34px 0 18px;
}
.casinos-editorial-hero__box{
width:100%;
display:grid;
grid-template-columns:minmax(0, 1.05fr) minmax(420px, .95fr);
gap:30px;
align-items:center;
padding:30px;
border-radius:30px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 0% 0%, rgba(183,130,255,.18), transparent 28%),
radial-gradient(circle at 100% 100%, rgba(240,197,107,.10), transparent 25%),
linear-gradient(135deg, rgba(42,18,66,.96), rgba(24,10,38,.96));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 22px 48px rgba(0,0,0,.26),
0 0 0 1px rgba(255,255,255,.02);
}
.casinos-editorial-hero__content{
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
}
.casinos-editorial-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.casinos-editorial-hero__title{
margin:0 0 18px;
font-size:clamp(42px, 6vw, 84px);
line-height:.92;
font-weight:900;
color:#fff7ef;
letter-spacing:.01em;
max-width:620px;
}
.casinos-editorial-hero__text{
max-width:720px;
margin:0 0 24px;
font-size:17px;
line-height:1.82;
color:rgba(255,248,242,.82);
}
.casinos-editorial-hero__stats{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
max-width:760px;
}
.casinos-editorial-stat{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.casinos-editorial-stat__label{
display:block;
margin-bottom:7px;
font-size:11px;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,248,242,.54);
}
.casinos-editorial-stat__value{
display:block;
font-size:15px;
line-height:1.45;
font-weight:800;
color:#fff;
}
/* NEW visual area */
.casinos-editorial-hero__visual{
min-width:0;
display:flex;
align-items:center;
justify-content:center;
}
.casinos-editorial-screen{
position:relative;
width:100%;
max-width:640px;
aspect-ratio:16 / 9;
border-radius:26px;
overflow:hidden;
background:#120818;
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 24px 50px rgba(0,0,0,.34),
0 0 0 1px rgba(255,255,255,.02);
}
.casinos-editorial-screen__image{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}
.casinos-editorial-screen__overlay{
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(14,8,20,.12) 0%, rgba(14,8,20,.18) 55%, rgba(14,8,20,.42) 100%),
linear-gradient(135deg, rgba(120,66,255,.10), rgba(240,197,107,.06));
pointer-events:none;
}
.casinos-editorial-screen__topbar{
position:absolute;
top:14px;
left:14px;
display:flex;
gap:7px;
z-index:2;
}
.casinos-editorial-screen__dot{
width:10px;
height:10px;
border-radius:999px;
background:rgba(255,255,255,.75);
}
.casinos-editorial-screen__badge{
position:absolute;
z-index:2;
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
font-size:11px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,.14);
color:#fff;
}
.casinos-editorial-screen__badge--live{
left:16px;
bottom:16px;
background:rgba(21,10,31,.64);
}
.casinos-editorial-screen__badge--offer{
right:16px;
top:16px;
background:rgba(240,197,107,.18);
color:#fff7ef;
}
.live-dot{
width:8px;
height:8px;
border-radius:999px;
background:#ff5f96;
box-shadow:0 0 0 4px rgba(255,95,150,.16);
}
/* mobile */
@media (max-width:1100px){
.casinos-editorial-hero__box{
grid-template-columns:1fr;
gap:22px;
}
.casinos-editorial-hero__visual{
order:-1;
}
.casinos-editorial-screen{
max-width:760px;
aspect-ratio:16 / 9;
}
}
@media (max-width:768px){
.casinos-editorial-hero__box{
padding:20px;
border-radius:22px;
}
.casinos-editorial-hero__content{
text-align:center;
align-items:center;
}
.casinos-editorial-hero__kicker,
.casinos-editorial-hero__title,
.casinos-editorial-hero__text{
text-align:center;
}
.casinos-editorial-hero__title{
font-size:40px;
}
.casinos-editorial-hero__text{
font-size:15px;
line-height:1.72;
margin-left:auto;
margin-right:auto;
}
.casinos-editorial-hero__stats{
grid-template-columns:1fr;
width:100%;
}
.casinos-editorial-screen{
border-radius:20px;
}
.casinos-editorial-screen__badge{
font-size:10px;
padding:8px 11px;
}
}
@media (max-width:768px){
.casinos-editorial-hero__box{
padding:20px;
border-radius:22px;
gap:18px;
}
.casinos-editorial-hero__content{
text-align:center;
align-items:center;
order:1;
}
.casinos-editorial-hero__visual{
order:2;
}
.casinos-editorial-hero__kicker,
.casinos-editorial-hero__title,
.casinos-editorial-hero__text{
text-align:center;
}
.casinos-editorial-hero__title{
font-size:40px;
}
.casinos-editorial-hero__text{
font-size:15px;
line-height:1.72;
margin-left:auto;
margin-right:auto;
}
/* компактные статы */
.casinos-editorial-hero__stats{
grid-template-columns:repeat(3, minmax(0,1fr));
gap:10px;
width:100%;
max-width:100%;
}
.casinos-editorial-stat{
padding:12px 10px;
border-radius:14px;
}
.casinos-editorial-stat__label{
margin-bottom:5px;
font-size:9px;
letter-spacing:.10em;
}
.casinos-editorial-stat__value{
font-size:13px;
line-height:1.35;
}
.casinos-editorial-screen{
border-radius:20px;
aspect-ratio:16 / 9;
}
.casinos-editorial-screen__badge{
font-size:10px;
padding:8px 11px;
}
}
@media (max-width:520px){
.casinos-editorial-hero__title{
font-size:34px;
}
.casinos-editorial-hero__stats{
grid-template-columns:1fr;
gap:10px;
}
.casinos-editorial-stat{
padding:12px 14px;
}
.casinos-editorial-stat__label{
font-size:10px;
}
.casinos-editorial-stat__value{
font-size:14px;
}
}
.casinos-editorial-hero__box{
width:100%;
display:grid;
grid-template-columns:minmax(0, 1.05fr) minmax(420px, .95fr);
grid-template-areas:
"content visual"
"stats visual";
gap:30px;
align-items:center;
padding:30px;
border-radius:30px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 0% 0%, rgba(183,130,255,.18), transparent 28%),
radial-gradient(circle at 100% 100%, rgba(240,197,107,.10), transparent 25%),
linear-gradient(135deg, rgba(42,18,66,.96), rgba(24,10,38,.96));
border:1px solid rgba(255,255,255,.10);
box-shadow:
0 22px 48px rgba(0,0,0,.26),
0 0 0 1px rgba(255,255,255,.02);
}
.casinos-editorial-hero__content{
grid-area:content;
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
}
.casinos-editorial-hero__visual{
grid-area:visual;
min-width:0;
display:flex;
align-items:center;
justify-content:center;
}
.casinos-editorial-hero__stats{
grid-area:stats;
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
max-width:760px;
}
/* mobile */
@media (max-width:1100px){
.casinos-editorial-hero__box{
grid-template-columns:1fr;
grid-template-areas:
"content"
"visual"
"stats";
gap:20px;
}
.casinos-editorial-screen{
max-width:760px;
aspect-ratio:16 / 9;
}
}
@media (max-width:768px){
.casinos-editorial-hero__box{
padding:20px;
border-radius:22px;
gap:18px;
}
.casinos-editorial-hero__content{
text-align:center;
align-items:center;
}
.casinos-editorial-hero__kicker,
.casinos-editorial-hero__title,
.casinos-editorial-hero__text{
text-align:center;
}
.casinos-editorial-hero__title{
font-size:40px;
}
.casinos-editorial-hero__text{
font-size:15px;
line-height:1.72;
margin-left:auto;
margin-right:auto;
}
.casinos-editorial-hero__stats{
grid-template-columns:repeat(3, minmax(0,1fr));
gap:10px;
width:100%;
max-width:100%;
}
.casinos-editorial-stat{
padding:12px 10px;
border-radius:14px;
}
.casinos-editorial-stat__label{
margin-bottom:5px;
font-size:9px;
letter-spacing:.10em;
}
.casinos-editorial-stat__value{
font-size:13px;
line-height:1.35;
}
}
@media (max-width:520px){
.casinos-editorial-hero__title{
font-size:34px;
}
.casinos-editorial-hero__stats{
grid-template-columns:1fr;
gap:10px;
}
.casinos-editorial-stat{
padding:12px 14px;
}
.casinos-editorial-stat__label{
font-size:10px;
}
.casinos-editorial-stat__value{
font-size:14px;
}
}
.text-link {
color: #fbc5e2;
text-decoration: underline;
text-underline-offset: 3px;
transition: 0.2s;
}
.text-link:hover {
opacity: 0.8;
}
.casinos-editorial-main a {
color: #fbc5e2; /* твой фиолетовый */
text-decoration: underline;
text-underline-offset: 3px;
font-weight: 300;
}
/* ===== BONUSES PAGE UNIQUE BLOCKS ===== */
.bonuses-promo-hero{
padding:34px 0 18px;
}
.bonuses-promo-hero__wrap{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
gap:24px;
align-items:stretch;
padding:32px;
border-radius:32px;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 10% 10%, rgba(240,197,107,.16), transparent 24%),
radial-gradient(circle at 90% 20%, rgba(255,110,180,.10), transparent 26%),
linear-gradient(135deg, rgba(63,22,74,.98), rgba(24,10,38,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 24px 54px rgba(0,0,0,.28);
}
.bonuses-promo-hero__content{
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
}
.bonuses-promo-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.bonuses-promo-hero__title{
margin:0 0 16px;
font-size:clamp(42px,6vw,84px);
line-height:.92;
font-weight:900;
color:#fff7ef;
}
.bonuses-promo-hero__text{
max-width:700px;
margin:0 0 22px;
font-size:17px;
line-height:1.82;
color:rgba(255,248,242,.82);
}
.bonuses-promo-hero__badges{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.bonuses-promo-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
font-size:12px;
font-weight:800;
color:#fff;
}
.bonuses-promo-hero__side{
display:flex;
flex-direction:column;
gap:14px;
justify-content:center;
}
.bonuses-promo-box{
padding:24px 20px;
border-radius:24px;
background:
radial-gradient(circle at top right, rgba(240,197,107,.16), transparent 34%),
linear-gradient(135deg, rgba(34,14,54,.96), rgba(22,10,34,.96));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.bonuses-promo-box__label{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.bonuses-promo-box strong{
display:block;
font-size:34px;
line-height:1.02;
font-weight:900;
color:#fff7ef;
}
.bonuses-promo-box p{
margin:8px 0 0;
font-size:14px;
line-height:1.6;
color:rgba(255,248,242,.74);
}
.bonuses-promo-mini-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.bonuses-promo-mini{
padding:16px;
border-radius:18px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.10);
}
.bonuses-promo-mini span{
display:block;
margin-bottom:6px;
font-size:11px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
color:rgba(255,248,242,.56);
}
.bonuses-promo-mini strong{
display:block;
font-size:16px;
line-height:1.4;
color:#fff;
font-weight:800;
}
.bonuses-editorial-section{
padding:0 0 68px;
}
.bonuses-editorial-grid{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);
gap:22px;
align-items:stretch;
}
.bonuses-editorial-main{
padding:32px 30px 28px;
border-radius:26px;
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
linear-gradient(135deg, rgba(37,18,56,.84), rgba(19,8,30,.86));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.bonuses-mini-kicker{
display:inline-flex;
margin-bottom:14px;
font-size:11px;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:#f0c56b;
}
.bonuses-editorial-main h2{
margin:0 0 14px;
font-size:clamp(28px,4vw,42px);
line-height:1.08;
font-weight:900;
color:#fff7ef;
}
.bonuses-editorial-main p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.bonuses-editorial-main p:last-child{
margin-bottom:0;
}
.bonuses-editorial-side{
padding:26px 22px 22px;
border-radius:26px;
background:
linear-gradient(180deg, rgba(255,255,255,.05), transparent),
rgba(32,20,66,.88);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.bonuses-editorial-side h3{
margin:0 0 16px;
font-size:24px;
font-weight:900;
color:#fff7ef;
}
.bonuses-check-list{
list-style:none;
margin:0;
padding:0;
}
.bonuses-check-list li{
position:relative;
margin-bottom:12px;
padding:14px 14px 14px 42px;
border-radius:16px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
color:rgba(255,248,242,.82);
font-weight:700;
}
.bonuses-check-list li:last-child{
margin-bottom:0;
}
.bonuses-check-list li::before{
content:"✓";
position:absolute;
left:16px;
top:50%;
transform:translateY(-50%);
color:#f0c56b;
font-weight:900;
}
.bonuses-types-section{
padding:0 0 68px;
}
.bonuses-types-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
.bonuses-type-card{
min-height:220px;
padding:28px 24px 24px;
border-radius:24px;
overflow:hidden;
}
.bonuses-type-card h3{
margin:0 0 12px;
font-size:24px;
line-height:1.16;
font-weight:900;
color:#fff7ef;
}
.bonuses-type-card p{
margin:0;
font-size:15px;
line-height:1.75;
color:rgba(255,248,242,.78);
}
.bonuses-type-card--gold{
background:
radial-gradient(circle at top right, rgba(240,197,107,.18), transparent 32%),
linear-gradient(135deg, rgba(61,24,76,.94), rgba(33,14,46,.94));
border:1px solid rgba(240,197,107,.18);
box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.bonuses-type-card--violet{
background:rgba(255,255,255,.05);
backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,.12);
box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.bonuses-type-card--dark{
background:linear-gradient(135deg, rgba(22,10,34,.96), rgba(14,8,24,.96));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 18px 42px rgba(0,0,0,.26);
}
.bonuses-notes-section{
padding:0 0 72px;
}
.bonuses-notes-wrap{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:16px;
padding:18px;
border-radius:24px;
background:
linear-gradient(135deg, rgba(33,16,51,.70), rgba(20,8,31,.72));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.bonuses-note{
padding:18px 16px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.bonuses-note__label{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.bonuses-note p{
margin:0;
font-size:14px;
line-height:1.65;
color:rgba(255,248,242,.76);
}
@media (max-width:1100px){
.bonuses-promo-hero__wrap,
.bonuses-editorial-grid,
.bonuses-types-grid,
.bonuses-notes-wrap{
grid-template-columns:1fr;
}
}
@media (max-width:768px){
.bonuses-promo-hero__wrap{
padding:20px;
border-radius:22px;
gap:18px;
}
.bonuses-promo-hero__main{
text-align:center;
align-items:center;
}
.bonuses-promo-hero__kicker,
.bonuses-promo-hero__title,
.bonuses-promo-hero__text{
text-align:center;
}
.bonuses-promo-hero__title{
font-size:40px;
}
.bonuses-promo-hero__text{
font-size:15px;
line-height:1.72;
margin-left:auto;
margin-right:auto;
}
.bonuses-promo-hero__badges{
justify-content:center;
}
.bonuses-promo-mini-grid{
grid-template-columns:1fr;
}
.bonuses-editorial-main,
.bonuses-editorial-side,
.bonuses-type-card{
padding-left:18px;
padding-right:18px;
}
.bonuses-editorial-main h2{
font-size:28px;
}
.bonuses-editorial-section,
.bonuses-types-section,
.bonuses-notes-section{
padding-bottom:56px;
}
}
/* ===== BONUSES PAGE REDESIGN ===== */
.bonuses-promo-hero{
padding:34px 0 18px;
}
.bonuses-promo-hero__wrap{
padding:34px 32px;
border-radius:30px;
text-align:center;
background:
radial-gradient(circle at 20% 0%, rgba(240,197,107,.14), transparent 26%),
radial-gradient(circle at 80% 100%, rgba(183,130,255,.12), transparent 28%),
linear-gradient(135deg, rgba(63,22,74,.98), rgba(24,10,38,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 48px rgba(0,0,0,.26);
}
.bonuses-promo-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.bonuses-promo-hero__title{
margin:0 0 16px;
font-size:clamp(42px,6vw,82px);
line-height:.94;
font-weight:900;
color:#fff7ef;
}
.bonuses-promo-hero__text{
max-width:860px;
margin:0 auto 20px;
font-size:17px;
line-height:1.82;
color:rgba(255,248,242,.82);
}
.bonuses-promo-hero__badges{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}
.bonuses-promo-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
font-size:12px;
font-weight:800;
color:#fff;
}
.bonuses-anatomy-section{
padding:0 0 68px;
}
.bonuses-anatomy{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:22px;
align-items:start;
}
.bonuses-anatomy__lead{
padding:30px;
border-radius:26px;
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
linear-gradient(135deg, rgba(37,18,56,.84), rgba(19,8,30,.86));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.bonuses-anatomy__lead h3{
margin:0 0 14px;
font-size:clamp(28px,4vw,44px);
line-height:1.08;
font-weight:900;
color:#fff7ef;
}
.bonuses-anatomy__lead p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.bonuses-anatomy__lead p:last-child{
margin-bottom:0;
}
.bonuses-anatomy__stack{
display:flex;
flex-direction:column;
gap:14px;
}
.bonuses-anatomy-item{
display:grid;
grid-template-columns:64px 1fr;
gap:16px;
align-items:start;
padding:20px 18px;
border-radius:20px;
background:
linear-gradient(180deg, rgba(255,255,255,.05), transparent),
rgba(32,20,66,.88);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.bonuses-anatomy-item__num{
display:flex;
align-items:center;
justify-content:center;
width:64px;
height:64px;
border-radius:18px;
background:rgba(240,197,107,.12);
color:#f0c56b;
font-size:18px;
font-weight:900;
}
.bonuses-anatomy-item h3{
margin:0 0 6px;
font-size:22px;
line-height:1.16;
font-weight:900;
color:#fff7ef;
}
.bonuses-anatomy-item p{
margin:0;
font-size:15px;
line-height:1.7;
color:rgba(255,248,242,.76);
}
.bonuses-formats-section{
padding:0 0 68px;
}
.bonuses-formats{
display:grid;
grid-template-columns:1.2fr .9fr .9fr;
gap:18px;
}
.bonuses-format{
padding:26px 22px 22px;
border-radius:24px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.05);
backdrop-filter:blur(14px);
box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.bonuses-format--wide{
background:
radial-gradient(circle at top right, rgba(240,197,107,.18), transparent 32%),
linear-gradient(135deg, rgba(61,24,76,.94), rgba(33,14,46,.94));
}
.bonuses-format__head{
margin-bottom:12px;
}
.bonuses-format__tag{
display:inline-flex;
margin-bottom:12px;
padding:8px 11px;
border-radius:999px;
font-size:10px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
color:#231219;
background:linear-gradient(135deg,#f0c56b,#ffe2a0);
}
.bonuses-format h3{
margin:0;
font-size:24px;
line-height:1.14;
font-weight:900;
color:#fff7ef;
}
.bonuses-format p{
margin:0;
font-size:15px;
line-height:1.76;
color:rgba(255,248,242,.76);
}
.bonuses-ribbon-section{
padding:0 0 72px;
}
.bonuses-ribbon{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:14px;
padding:18px;
border-radius:24px;
background:
linear-gradient(135deg, rgba(33,16,51,.70), rgba(20,8,31,.72));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.bonuses-ribbon__cell{
padding:18px 16px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.bonuses-ribbon__cell span{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.bonuses-ribbon__cell p{
margin:0;
font-size:14px;
line-height:1.68;
color:rgba(255,248,242,.76);
}
@media (max-width:1100px){
.bonuses-anatomy,
.bonuses-formats,
.bonuses-ribbon{
grid-template-columns:1fr;
}
}
@media (max-width:768px){
.bonuses-promo-hero__wrap{
padding:24px 18px;
border-radius:22px;
}
.bonuses-promo-hero__title{
font-size:40px;
}
.bonuses-promo-hero__text{
font-size:15px;
line-height:1.72;
}
.bonuses-anatomy__lead,
.bonuses-format{
padding-left:18px;
padding-right:18px;
}
.bonuses-anatomy-item{
grid-template-columns:52px 1fr;
padding:18px 16px;
}
.bonuses-anatomy-item__num{
width:52px;
height:52px;
border-radius:14px;
font-size:15px;
}
.bonuses-anatomy-section,
.bonuses-formats-section,
.bonuses-ribbon-section{
padding-bottom:56px;
}
}
.bonuses-promo-hero{
padding:34px 0 8px;
}
.bonuses-promo-hero__wrap{
padding:34px 32px;
border-radius:30px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 20% 0%, rgba(240,197,107,.14), transparent 26%),
radial-gradient(circle at 80% 100%, rgba(183,130,255,.12), transparent 28%),
linear-gradient(135deg, rgba(63,22,74,.98), rgba(24,10,38,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 48px rgba(0,0,0,.26);
}
.bonuses-promo-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
text-align:center;
}
.bonuses-promo-hero__title{
margin:0 0 16px;
font-size:clamp(42px,6vw,82px);
line-height:.94;
font-weight:900;
color:#fff7ef;
text-align:center;
}
.bonuses-promo-hero__text{
max-width:820px;
margin:0 auto 20px;
font-size:17px;
line-height:1.82;
color:rgba(255,248,242,.82);
text-align:center;
}
.bonuses-promo-hero__badges{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px;
}
/* ===== GLOBAL INTERNAL LINK STYLE ===== */
.content-card a,
.faq-answer a,
.about-summary-main a,
.about-panel a,
.news-feature-card a,
.news-card a,
.news-analysis-main a,
.casinos-editorial-main a,
.casinos-tile a,
.casinos-strip__item a,
.bonuses-anatomy__lead a,
.bonuses-format a,
.bonuses-ribbon__cell a,
.legal-content-card a,
.contact-panel a {
color: rgba(255, 214, 235, 0.96) !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(255, 214, 235, 0.38) !important;
transition: color .2s ease, border-color .2s ease, opacity .2s ease;
}
.content-card a:hover,
.faq-answer a:hover,
.about-summary-main a:hover,
.about-panel a:hover,
.news-feature-card a:hover,
.news-card a:hover,
.news-analysis-main a:hover,
.casinos-editorial-main a:hover,
.casinos-tile a:hover,
.casinos-strip__item a:hover,
.bonuses-anatomy__lead a:hover,
.bonuses-format a:hover,
.bonuses-ribbon__cell a:hover,
.legal-content-card a:hover,
.contact-panel a:hover {
color: #ffffff !important;
border-bottom-color: rgba(255, 255, 255, 0.72) !important;
}
/* ===== SLOTS PAGE ===== */
.slots-cinema-hero{
padding:34px 0 20px;
}
.slots-cinema-hero__box{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(320px,420px);
gap:26px;
align-items:center;
padding:28px;
border-radius:30px;
background:
radial-gradient(circle at 18% 18%, rgba(240,197,107,.12), transparent 24%),
radial-gradient(circle at 80% 12%, rgba(183,130,255,.16), transparent 28%),
linear-gradient(135deg, rgba(45,16,58,.98), rgba(20,10,36,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 48px rgba(0,0,0,.24);
}
.slots-cinema-hero__kicker{
margin:0 0 12px;
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.20em;
text-transform:uppercase;
color:#f0c56b;
}
.slots-cinema-hero__title{
margin:0 0 16px;
font-size:clamp(42px,6vw,82px);
line-height:.94;
font-weight:900;
color:#fff7ef;
}
.slots-cinema-hero__text{
margin:0 0 22px;
max-width:720px;
font-size:17px;
line-height:1.82;
color:rgba(255,248,242,.82);
}
.slots-cinema-hero__chips{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.slots-cinema-chip{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
font-size:12px;
font-weight:800;
color:#fff;
}
.slots-cinema-hero__poster{
display:flex;
justify-content:center;
}
.slots-cinema-hero__image{
width:100%;
max-width:380px;
aspect-ratio: 9 / 11;
object-fit:cover;
object-position:center top;
display:block;
border-radius:28px;
border:1px solid rgba(255,255,255,.12);
box-shadow:0 24px 50px rgba(0,0,0,.24);
}
.slots-copy-section{
padding:10px 0 64px;
}
.slots-copy-layout{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
gap:22px;
align-items:start;
}
.slots-copy-main{
padding:30px;
border-radius:26px;
background:
linear-gradient(135deg, rgba(37,18,56,.84), rgba(19,8,30,.86));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.slots-copy-main h2{
margin:0 0 14px;
font-size:clamp(30px,4vw,46px);
line-height:1.08;
font-weight:900;
color:#fff7ef;
}
.slots-copy-main p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.slots-copy-main p:last-child{
margin-bottom:0;
}
.slots-copy-side{
display:flex;
flex-direction:column;
gap:14px;
}
.slots-copy-side__card{
padding:22px 18px;
border-radius:22px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.10);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.slots-copy-side__label{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.slots-copy-side__card strong{
display:block;
font-size:18px;
line-height:1.5;
color:#fff7ef;
}
.slots-grid-section{
padding:0 0 68px;
}
.slots-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:18px;
}
.slot-card{
display:flex;
flex-direction:column;
align-items:flex-start;
min-height:100%;
padding:24px 22px 22px;
border-radius:24px;
background:
linear-gradient(135deg, rgba(47,19,67,.92), rgba(24,10,38,.92));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 42px rgba(0,0,0,.20);
}
.slot-card--gold{
background:
radial-gradient(circle at top right, rgba(240,197,107,.18), transparent 30%),
linear-gradient(135deg, rgba(63,26,74,.94), rgba(30,14,40,.94));
}
.slot-card__top{
margin-bottom:12px;
}
.slot-card__tag{
display:inline-flex;
margin-bottom:12px;
padding:8px 11px;
border-radius:999px;
font-size:10px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
color:#231219;
background:linear-gradient(135deg,#f0c56b,#ffe2a0);
}
.slot-card h3{
margin:0;
font-size:26px;
line-height:1.14;
font-weight:900;
color:#fff7ef;
}
.slot-card p{
margin:0 0 18px;
font-size:15px;
line-height:1.76;
color:rgba(255,248,242,.76);
}
.slot-card__btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:150px;
min-height:48px;
padding:0 18px;
border-radius:999px;
text-decoration:none;
font-size:12px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
color:#1c1017 !important;
background:linear-gradient(135deg,#f0c56b,#ffe2a0);
box-shadow:0 12px 28px rgba(240,197,107,.22);
border:none !important;
}
.slot-card__btn:hover{
color:#120b11 !important;
background:linear-gradient(135deg,#f4cf78,#fff0bd);
}
.slots-notes-section{
padding:0 0 72px;
}
.slots-notes{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.slots-notes__item{
padding:22px 18px;
border-radius:22px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.slots-notes__item span{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.slots-notes__item p{
margin:0;
font-size:15px;
line-height:1.72;
color:rgba(255,248,242,.76);
}
@media (max-width:1100px){
.slots-cinema-hero__box,
.slots-copy-layout,
.slots-grid,
.slots-notes{
grid-template-columns:1fr;
}
.slots-cinema-hero__poster{
order:-1;
}
}
@media (max-width:768px){
.slots-cinema-hero__box{
padding:20px 18px;
border-radius:22px;
}
.slots-cinema-hero__title{
font-size:40px;
}
.slots-cinema-hero__text{
font-size:15px;
line-height:1.72;
}
.slots-copy-main{
padding:22px 18px;
}
.slot-card{
padding:20px 18px 18px;
}
.slot-card h3{
font-size:22px;
}
.slots-copy-section,
.slots-grid-section,
.slots-notes-section{
padding-bottom:56px;
}
}
/* ЕДИНЫЙ СТИЛЬ ВНУТРЕННЕЙ ПЕРЕЛИНКОВКИ В ТЕКСТЕ */
.main-content p a,
.main-content li a,
.main-content .faq-answer a,
.main-content .slots-copy-main a,
.main-content .slots-notes__item a {
color: #fbc5e2;
text-decoration: none;
border-bottom: 1px solid rgba(243, 122, 237, 0.55);
transition: .2s ease;
}
.main-content p a:hover,
.main-content li a:hover,
.main-content .faq-answer a:hover,
.main-content .slots-copy-main a:hover,
.main-content .slots-notes__item a:hover {
color: #fbc5e2;
border-bottom-color: rgba(251, 131, 243, 0.95);
}
/* ===== SLOTS PAGE HERO NEW ===== */
.slots-stage-hero {
padding: 34px 0 26px;
}
.slots-stage-hero__box {
position: relative;
overflow: hidden;
padding: 38px 34px 34px;
border-radius: 34px;
background:
radial-gradient(circle at top left, rgba(243, 202, 119, 0.10), transparent 25%),
radial-gradient(circle at bottom right, rgba(172, 93, 255, 0.16), transparent 28%),
linear-gradient(135deg, rgba(44, 15, 59, 0.98), rgba(21, 8, 34, 0.98));
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 24px 52px rgba(0,0,0,.24);
}
.slots-stage-hero__top {
max-width: 880px;
margin: 0 auto 28px;
text-align: center;
}
.slots-stage-hero__kicker {
margin: 0 0 12px;
font-size: 12px;
line-height: 1;
font-weight: 900;
letter-spacing: .20em;
text-transform: uppercase;
color: #f0c56b;
}
.slots-stage-hero__title {
margin: 0 0 16px;
font-size: clamp(44px, 7vw, 90px);
line-height: .92;
font-weight: 900;
color: #fff7ef;
}
.slots-stage-hero__text {
margin: 0 auto 18px;
max-width: 820px;
font-size: 18px;
line-height: 1.8;
color: rgba(255,248,242,.82);
}
.slots-stage-hero__badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.slots-stage-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 10px 16px;
border-radius: 999px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.10);
font-size: 12px;
font-weight: 800;
color: #fff;
}
.slots-stage-hero__media {
display: flex;
justify-content: center;
}
.slots-stage-hero__frame {
position: relative;
width: 100%;
max-width: 980px;
border-radius: 28px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.12);
box-shadow: 0 26px 56px rgba(0,0,0,.28);
}
.slots-stage-hero__image {
display: block;
width: 100%;
aspect-ratio: 16 / 8.5;
object-fit: cover;
object-position: center;
}
.slots-stage-hero__glow {
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.20)),
radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 35%);
pointer-events: none;
}
@media (max-width: 768px) {
.slots-stage-hero {
padding: 24px 0 18px;
}
.slots-stage-hero__box {
padding: 22px 16px 18px;
border-radius: 22px;
}
.slots-stage-hero__top {
margin-bottom: 18px;
}
.slots-stage-hero__title {
font-size: 42px;
}
.slots-stage-hero__text {
font-size: 15px;
line-height: 1.72;
}
.slots-stage-badge {
min-height: 36px;
padding: 8px 12px;
font-size: 11px;
}
.slots-stage-hero__frame {
border-radius: 20px;
}
.slots-stage-hero__image {
aspect-ratio: 4 / 5;
}
}
/* ===== SLOTS GRID ===== */
.slots-grid-section {
padding: 26px 0 26px;
}
.slots-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.slot-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: 100%;
padding: 28px 24px 26px;
border-radius: 28px;
background: linear-gradient(135deg, rgba(42, 14, 58, 0.96), rgba(20, 8, 34, 0.98));
border: 1px solid rgba(255,255,255,.09);
box-shadow: 0 20px 44px rgba(0,0,0,.18);
}
.slot-card--gold {
background:
radial-gradient(circle at top left, rgba(240, 197, 107, 0.12), transparent 28%),
linear-gradient(135deg, rgba(58, 20, 70, 0.98), rgba(25, 8, 38, 0.98));
}
.slot-card__top {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 14px;
}
.slot-card__tag {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
padding: 8px 12px;
border-radius: 999px;
background: #f0d37a;
color: #24112d;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
}
.slot-card h3 {
margin: 0;
font-size: clamp(28px, 2vw, 34px);
line-height: 1.08;
font-weight: 900;
color: #fff7ef;
text-align: center;
}
.slot-card p {
margin: 0 auto 22px;
max-width: 340px;
font-size: 16px;
line-height: 1.8;
color: rgba(255,248,242,.78);
text-align: center;
}
.slot-card__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 150px;
min-height: 52px;
margin-top: auto;
padding: 12px 22px;
border-radius: 999px;
background: #f0d37a;
color: #24112d;
font-size: 14px;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 12px 28px rgba(240,211,122,.22);
transition: transform .2s ease, box-shadow .2s ease;
}
.slot-card__btn:hover {
transform: translateY(-2px);
box-shadow: 0 16px 32px rgba(240,211,122,.30);
}
@media (max-width: 1100px) {
.slots-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.slots-grid-section {
padding: 18px 0 18px;
}
.slots-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.slot-card {
padding: 22px 16px 22px;
border-radius: 22px;
}
.slot-card h3 {
font-size: 34px;
}
.slot-card p {
font-size: 15px;
line-height: 1.72;
max-width: 100%;
}
.slot-card__btn {
min-width: 140px;
min-height: 48px;
font-size: 13px;
}
}
/* ===== HERO BALANCED ===== */
.slots-hero-balanced {
padding: 34px 0 22px;
}
.slots-hero-balanced__box {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
align-items: center;
gap: 28px;
padding: 40px 32px;
border-radius: 34px;
background:
radial-gradient(circle at top left, rgba(240,197,107,.10), transparent 24%),
radial-gradient(circle at bottom right, rgba(174,95,255,.14), transparent 28%),
linear-gradient(135deg, rgba(45,14,61,.97), rgba(22,8,36,.98));
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 22px 52px rgba(0,0,0,.22);
}
/* LEFT TEXT */
.slots-hero-balanced__content {
max-width: 620px;
}
.slots-hero-balanced__kicker {
margin: 0 0 12px;
font-size: 12px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
color: #f0c56b;
}
.slots-hero-balanced__title {
margin: 0 0 16px;
font-size: clamp(44px, 6vw, 82px);
line-height: .95;
font-weight: 900;
color: #fff7ef;
}
.slots-hero-balanced__text {
margin: 0 0 20px;
font-size: 18px;
line-height: 1.75;
color: rgba(255,248,242,.82);
}
.slots-hero-balanced__badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.slots-hero-balanced__badges span {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.10);
font-size: 12px;
font-weight: 800;
color: #fff;
}
/* RIGHT IMAGE */
.slots-hero-balanced__media {
position: relative;
display: flex;
justify-content: center;
}
.slots-hero-balanced__media img {
width: 100%;
max-width: 420px;
border-radius: 22px;
object-fit: cover;
box-shadow: 0 20px 40px rgba(0,0,0,.35);
/* ключевая штука — НЕ даем ей ломать блок */
aspect-ratio: 9 / 16;
}
/* мягкое затемнение чтобы не резало глаза */
.slots-hero-balanced__media::after {
content: "";
position: absolute;
inset: 0;
border-radius: 22px;
background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.25));
}
/* ===== MOBILE ===== */
@media (max-width: 900px) {
.slots-hero-balanced__box {
grid-template-columns: 1fr;
text-align: center;
}
.slots-hero-balanced__content {
max-width: 100%;
}
.slots-hero-balanced__badges {
justify-content: center;
}
.slots-hero-balanced__media img {
max-width: 280px;
}
}
.slots-hero-wide{
padding:34px 0 18px;
}
.slots-hero-wide__box{
padding:34px 34px 30px;
border-radius:34px;
text-align:center;
background:
radial-gradient(circle at top left, rgba(240,197,107,.10), transparent 24%),
radial-gradient(circle at bottom right, rgba(174,95,255,.14), transparent 30%),
linear-gradient(135deg, rgba(45,14,61,.97), rgba(22,8,36,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 52px rgba(0,0,0,.22);
}
.slots-hero-wide__kicker{
margin:0 0 10px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#f0c56b;
}
.slots-hero-wide__title{
margin:0 0 16px;
font-size:clamp(44px, 6vw, 84px);
line-height:.95;
font-weight:900;
color:#fff7ef;
}
.slots-hero-wide__text{
max-width:860px;
margin:0 auto 20px;
font-size:18px;
line-height:1.75;
color:rgba(255,248,242,.82);
}
.slots-hero-wide__badges{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin:0 0 28px;
}
.slots-hero-wide__badges span{
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
font-size:12px;
font-weight:800;
color:#fff;
}
.slots-hero-wide__media{
max-width:980px;
margin:0 auto;
border-radius:26px;
overflow:hidden;
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 40px rgba(0,0,0,.30);
}
.slots-hero-wide__media img{
display:block;
width:100%;
aspect-ratio:16 / 9;
object-fit:cover;
}
@media (max-width: 768px){
.slots-hero-wide__box{
padding:26px 18px 20px;
border-radius:26px;
}
.slots-hero-wide__title{
font-size:clamp(38px, 12vw, 58px);
}
.slots-hero-wide__text{
font-size:16px;
line-height:1.65;
}
.slots-hero-wide__badges{
margin-bottom:20px;
}
.slots-hero-wide__media{
border-radius:18px;
}
}
/* ===== CONTACT PAGE ===== */
.contact-signal-hero{
padding:34px 0 18px;
}
.contact-signal-hero__box{
padding:42px 30px 36px;
border-radius:34px;
text-align:center;
background:
radial-gradient(circle at top left, rgba(240,197,107,.10), transparent 24%),
radial-gradient(circle at bottom right, rgba(174,95,255,.14), transparent 30%),
linear-gradient(135deg, rgba(42,14,58,.97), rgba(21,8,35,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 52px rgba(0,0,0,.22);
}
.contact-signal-hero__kicker{
margin:0 0 12px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#f0c56b;
}
.contact-signal-hero__title{
margin:0 0 16px;
font-size:clamp(42px, 6vw, 78px);
line-height:.95;
font-weight:900;
color:#fff7ef;
}
.contact-signal-hero__text{
max-width:860px;
margin:0 auto 22px;
font-size:18px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.contact-signal-hero__text a,
.contact-panel p a,
.contact-info-card strong a,
.faq-answer a{
color:#ffd48e !important;
text-decoration:none;
border-bottom:1px solid rgba(255,212,142,.45);
}
.contact-signal-hero__text a:hover,
.contact-panel p a:hover,
.contact-info-card strong a:hover,
.faq-answer a:hover{
color:#fff3d0 !important;
border-bottom-color:rgba(255,243,208,.8);
}
.contact-signal-hero__chips{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}
.contact-signal-hero__chips span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:10px 16px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
color:#fff;
font-size:12px;
font-weight:800;
}
.contact-main-section{
padding:28px 0 20px;
}
.contact-main-grid{
display:grid;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
gap:22px;
align-items:start;
}
.contact-panel{
padding:30px 26px;
border-radius:28px;
background:linear-gradient(135deg, rgba(42,14,58,.96), rgba(20,8,34,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 20px 44px rgba(0,0,0,.20);
}
.contact-panel__kicker{
display:inline-block;
margin:0 0 12px;
font-size:12px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:#f0c56b;
}
.contact-panel h2{
margin:0 0 16px;
font-size:36px;
line-height:1.05;
font-weight:900;
color:#fff7ef;
}
.contact-panel p{
margin:0 0 16px;
font-size:16px;
line-height:1.8;
color:rgba(255,248,242,.80);
}
.contact-info-cards{
display:grid;
gap:14px;
margin-top:20px;
}
.contact-info-card{
padding:16px 16px 15px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.contact-info-card__label{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.contact-info-card strong{
display:block;
font-size:17px;
line-height:1.5;
color:#fff7ef;
}
.contact-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.contact-field{
display:flex;
flex-direction:column;
gap:8px;
}
.contact-field--full{
grid-column:1 / -1;
}
.contact-field label{
font-size:13px;
font-weight:800;
color:#fff;
}
.contact-field input,
.contact-field select,
.contact-field textarea{
width:100%;
padding:14px 16px;
border-radius:16px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.05);
color:#fff;
font-size:15px;
font-family:'Inter',sans-serif;
outline:none;
transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-field input::placeholder,
.contact-field textarea::placeholder{
color:rgba(255,248,242,.42);
}
.contact-field select{
appearance:none;
-webkit-appearance:none;
}
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
border-color:rgba(240,197,107,.45);
box-shadow:0 0 0 3px rgba(240,197,107,.10);
background:rgba(255,255,255,.07);
}
.contact-checkbox{
display:flex;
align-items:flex-start;
gap:10px;
font-size:14px;
line-height:1.6;
color:rgba(255,248,242,.82);
}
.contact-checkbox input{
margin-top:3px;
width:16px;
height:16px;
flex:0 0 auto;
}
.contact-field__error{
display:none;
font-size:12px;
font-weight:700;
color:#ffb2cb;
}
.contact-field.is-error .contact-field__error{
display:block;
}
.contact-field.is-error input,
.contact-field.is-error select,
.contact-field.is-error textarea{
border-color:rgba(255,120,160,.55);
box-shadow:0 0 0 3px rgba(255,120,160,.08);
}
.contact-field--checkbox{
grid-column:1 / -1;
}
.contact-submit-btn{
grid-column:1 / -1;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:0 24px;
border:none;
border-radius:999px;
cursor:pointer;
background:linear-gradient(135deg,#f0c56b,#ffe2a0);
color:#24121a;
font-size:14px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
box-shadow:0 14px 30px rgba(240,197,107,.24);
transition:transform .2s ease, box-shadow .2s ease;
}
.contact-submit-btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(240,197,107,.30);
}
.contact-form-success{
grid-column:1 / -1;
display:none;
padding:14px 16px;
border-radius:16px;
background:rgba(119, 255, 170, 0.10);
border:1px solid rgba(119,255,170,.24);
color:#dfffe9;
font-size:14px;
font-weight:800;
}
.contact-form-success.is-visible{
display:block;
}
.contact-social-section{
padding:18px 0 18px;
}
.contact-social-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
}
.contact-social-card{
display:flex;
align-items:center;
gap:16px;
padding:20px 18px;
border-radius:22px;
background:linear-gradient(135deg, rgba(42,14,58,.96), rgba(20,8,34,.98));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 18px 38px rgba(0,0,0,.18);
text-decoration:none;
color:#fff;
transition:transform .2s ease, box-shadow .2s ease;
}
.contact-social-card:hover{
transform:translateY(-3px);
box-shadow:0 22px 44px rgba(0,0,0,.24);
}
.contact-social-card__icon{
width:52px;
height:52px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
font-size:22px;
color:#fff;
}
.contact-social-card__icon--kick{background:#53fc18;color:#141414;}
.contact-social-card__icon--tiktok{background:#000;}
.contact-social-card__icon--youtube{background:#ff0000;}
.contact-social-card__icon--instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);}
.contact-social-card__icon--x{background:#111;}
.contact-social-card__icon--twitch{background:#9146ff;}
.contact-social-card__text h3{
margin:0 0 6px;
font-size:20px;
font-weight:900;
color:#fff7ef;
}
.contact-social-card__text p{
margin:0;
font-size:15px;
line-height:1.7;
color:rgba(255,248,242,.76);
}
.contact-facts-section{
padding:16px 0 12px;
}
.contact-facts-box{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:14px;
padding:18px;
border-radius:26px;
background:linear-gradient(135deg, rgba(42,14,58,.96), rgba(20,8,34,.98));
border:1px solid rgba(255,255,255,.09);
}
.contact-facts-box__item{
padding:16px 16px 14px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.contact-facts-box__item span{
display:block;
margin-bottom:8px;
font-size:12px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.contact-facts-box__item p{
margin:0;
font-size:15px;
line-height:1.7;
color:rgba(255,248,242,.76);
}
@media (max-width: 1024px){
.contact-main-grid{
grid-template-columns:1fr;
}
.contact-social-grid{
grid-template-columns:1fr;
}
.contact-facts-box{
grid-template-columns:1fr;
}
}
@media (max-width: 768px){
.contact-signal-hero{
padding:24px 0 14px;
}
.contact-signal-hero__box{
padding:28px 16px 24px;
border-radius:24px;
}
.contact-signal-hero__title{
font-size:44px;
}
.contact-signal-hero__text{
font-size:15px;
line-height:1.72;
}
.contact-panel{
padding:24px 16px;
border-radius:22px;
}
.contact-panel h2{
font-size:30px;
}
.contact-form{
grid-template-columns:1fr;
}
.contact-social-card{
align-items:flex-start;
padding:18px 16px;
border-radius:18px;
}
}
/* ===== POLICY PAGE ===== */
.policy-hero{
padding:34px 0 18px;
}
.policy-hero__box{
padding:38px 30px 30px;
border-radius:34px;
background:
radial-gradient(circle at top left, rgba(240,197,107,.08), transparent 22%),
radial-gradient(circle at bottom right, rgba(174,95,255,.12), transparent 30%),
linear-gradient(135deg, rgba(34,14,50,.98), rgba(18,8,31,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 52px rgba(0,0,0,.22);
}
.policy-hero__kicker{
margin:0 0 10px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#f0c56b;
}
.policy-hero__title{
margin:0 0 14px;
font-size:clamp(42px, 6vw, 76px);
line-height:.96;
font-weight:900;
color:#fff7ef;
}
.policy-hero__text{
max-width:900px;
margin:0 0 24px;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.policy-hero__meta{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
}
.policy-hero__meta-item{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.policy-hero__meta-label{
display:block;
margin-bottom:7px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.policy-hero__meta-value{
display:block;
font-size:17px;
line-height:1.4;
color:#fff7ef;
}
.policy-layout-section{
padding:22px 0 22px;
}
.policy-layout{
display:grid;
grid-template-columns:280px minmax(0, 1fr);
gap:22px;
align-items:start;
}
.policy-side{
position:sticky;
top:22px;
}
.policy-side__card{
padding:20px 18px;
border-radius:24px;
background:linear-gradient(135deg, rgba(36,14,53,.96), rgba(18,8,31,.98));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.policy-side__label{
display:block;
margin-bottom:14px;
font-size:12px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:#f0c56b;
}
.policy-side__nav{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px;
}
.policy-side__nav li{
margin:0;
padding:0;
}
.policy-side__nav a{
display:block;
padding:10px 12px;
border-radius:14px;
color:#fff4e9;
text-decoration:none;
font-size:14px;
line-height:1.5;
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.06);
transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.policy-side__nav a:hover{
background:rgba(255,255,255,.06);
border-color:rgba(240,197,107,.28);
transform:translateY(-1px);
}
.policy-main{
display:grid;
gap:18px;
}
.policy-block{
padding:26px 26px 24px;
border-radius:26px;
background:linear-gradient(135deg, rgba(38,14,55,.96), rgba(18,8,31,.98));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 16px 36px rgba(0,0,0,.16);
}
.policy-block h2{
margin:0 0 14px;
font-size:30px;
line-height:1.1;
font-weight:900;
color:#fff7ef;
}
.policy-block p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.policy-block p:last-child{
margin-bottom:0;
}
@media (max-width: 1024px){
.policy-layout{
grid-template-columns:1fr;
}
.policy-side{
position:static;
}
}
@media (max-width: 768px){
.policy-hero{
padding:24px 0 14px;
}
.policy-hero__box{
padding:28px 16px 22px;
border-radius:24px;
}
.policy-hero__title{
font-size:42px;
}
.policy-hero__text{
font-size:15px;
line-height:1.72;
}
.policy-hero__meta{
grid-template-columns:1fr;
}
.policy-block{
padding:22px 16px 20px;
border-radius:20px;
}
.policy-block h2{
font-size:24px;
}
.policy-block p{
font-size:15px;
line-height:1.74;
}
}
/* ===== COOKIE POLICY ===== */
.cookie-hero{
padding:34px 0 18px;
}
.cookie-hero__box{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:20px;
align-items:stretch;
padding:34px 30px;
border-radius:34px;
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
radial-gradient(circle at bottom left, rgba(174,95,255,.12), transparent 28%),
linear-gradient(135deg, rgba(35,14,52,.98), rgba(19,8,31,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 52px rgba(0,0,0,.22);
}
.cookie-hero__kicker{
margin:0 0 10px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#f0c56b;
}
.cookie-hero__title{
margin:0 0 14px;
font-size:clamp(42px, 6vw, 74px);
line-height:.96;
font-weight:900;
color:#fff7ef;
}
.cookie-hero__text{
margin:0;
max-width:760px;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.cookie-hero__right{
display:grid;
gap:12px;
}
.cookie-hero__stat{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.cookie-hero__stat-label{
display:block;
margin-bottom:7px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.cookie-hero__stat-value{
display:block;
font-size:17px;
line-height:1.4;
color:#fff7ef;
}
.cookie-sections{
padding:20px 0 22px;
}
.cookie-sections__grid{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:18px;
}
.cookie-card{
padding:26px 24px 22px;
border-radius:26px;
background:linear-gradient(135deg, rgba(38,14,55,.96), rgba(18,8,31,.98));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 16px 36px rgba(0,0,0,.16);
}
.cookie-card--intro{
background:
radial-gradient(circle at top right, rgba(240,197,107,.08), transparent 24%),
linear-gradient(135deg, rgba(42,16,60,.98), rgba(18,8,31,.98));
}
.cookie-card__num{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
margin-bottom:14px;
border-radius:999px;
background:rgba(240,197,107,.12);
border:1px solid rgba(240,197,107,.22);
color:#f0c56b;
font-size:13px;
font-weight:900;
letter-spacing:.06em;
}
.cookie-card h2{
margin:0 0 12px;
font-size:28px;
line-height:1.12;
font-weight:900;
color:#fff7ef;
}
.cookie-card p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.cookie-card p:last-child{
margin-bottom:0;
}
@media (max-width: 1024px){
.cookie-hero__box{
grid-template-columns:1fr;
}
}
@media (max-width: 768px){
.cookie-hero{
padding:24px 0 14px;
}
.cookie-hero__box{
padding:26px 16px;
border-radius:24px;
}
.cookie-hero__title{
font-size:42px;
}
.cookie-hero__text{
font-size:15px;
line-height:1.72;
}
.cookie-sections__grid{
grid-template-columns:1fr;
}
.cookie-card{
padding:22px 16px 20px;
border-radius:20px;
}
.cookie-card h2{
font-size:24px;
}
.cookie-card p{
font-size:15px;
line-height:1.74;
}
}
/* ===== TERMS PAGE ===== */
.terms-hero{
padding:34px 0 18px;
}
.terms-hero__box{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:20px;
align-items:stretch;
padding:34px 30px;
border-radius:34px;
background:
radial-gradient(circle at top left, rgba(240,197,107,.08), transparent 22%),
radial-gradient(circle at bottom right, rgba(174,95,255,.12), transparent 28%),
linear-gradient(135deg, rgba(35,14,52,.98), rgba(19,8,31,.98));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 22px 52px rgba(0,0,0,.22);
}
.terms-hero__kicker{
margin:0 0 10px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#f0c56b;
}
.terms-hero__title{
margin:0 0 14px;
font-size:clamp(42px, 6vw, 74px);
line-height:.96;
font-weight:900;
color:#fff7ef;
}
.terms-hero__text{
margin:0;
max-width:760px;
font-size:17px;
line-height:1.8;
color:rgba(255,248,242,.82);
}
.terms-hero__meta{
display:grid;
gap:12px;
}
.terms-hero__meta-card{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.terms-hero__meta-label{
display:block;
margin-bottom:7px;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c56b;
}
.terms-hero__meta-value{
display:block;
font-size:17px;
line-height:1.4;
color:#fff7ef;
}
.terms-layout-section{
padding:22px 0 22px;
}
.terms-layout{
display:grid;
grid-template-columns:minmax(0, 1fr) 300px;
gap:22px;
align-items:start;
}
.terms-main{
display:grid;
gap:18px;
}
.terms-block{
padding:26px 26px 24px;
border-radius:26px;
background:linear-gradient(135deg, rgba(38,14,55,.96), rgba(18,8,31,.98));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 16px 36px rgba(0,0,0,.16);
}
.terms-block h2{
margin:0 0 14px;
font-size:29px;
line-height:1.12;
font-weight:900;
color:#fff7ef;
}
.terms-block p{
margin:0 0 14px;
font-size:16px;
line-height:1.82;
color:rgba(255,248,242,.80);
}
.terms-block p:last-child{
margin-bottom:0;
}
.terms-side{
position:sticky;
top:22px;
}
.terms-side__card{
padding:20px 18px;
border-radius:24px;
background:linear-gradient(135deg, rgba(36,14,53,.96), rgba(18,8,31,.98));
border:1px solid rgba(255,255,255,.09);
box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.terms-side__label{
display:block;
margin-bottom:14px;
font-size:12px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:#f0c56b;
}
.terms-side__item{
padding:14px 0;
border-top:1px solid rgba(255,255,255,.08);
}
.terms-side__item:first-of-type{
border-top:none;
padding-top:0;
}
.terms-side__item strong{
display:block;
margin-bottom:6px;
font-size:16px;
line-height:1.4;
color:#fff7ef;
}
.terms-side__item p{
margin:0;
font-size:14px;
line-height:1.7;
color:rgba(255,248,242,.74);
}
@media (max-width: 1024px){
.terms-hero__box{
grid-template-columns:1fr;
}
.terms-layout{
grid-template-columns:1fr;
}
.terms-side{
position:static;
}
}
@media (max-width: 768px){
.terms-hero{
padding:24px 0 14px;
}
.terms-hero__box{
padding:26px 16px;
border-radius:24px;
}
.terms-hero__title{
font-size:42px;
}
.terms-hero__text{
font-size:15px;
line-height:1.72;
}
.terms-block{
padding:22px 16px 20px;
border-radius:20px;
}
.terms-block h2{
font-size:24px;
}
.terms-block p{
font-size:15px;
line-height:1.74;
}
.terms-side__card{
border-radius:20px;
padding:18px 16px;
}
}
.footer-disclaimer{
margin-top:28px;
padding:18px 20px;
border-radius:20px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
}
.footer-disclaimer p{
margin:0;
font-size:13px;
line-height:1.75;
color:rgba(255,255,255,.62);
}
@media (max-width: 768px){
.footer-disclaimer{
margin-top:22px;
padding:16px 14px;
border-radius:16px;
}
.footer-disclaimer p{
font-size:12px;
line-height:1.7;
}
}