@font-face {
    font-family: 'Montserrat';
    font-display: swap;
}

/* КРИТИЧЕСКИЙ CSS ДЛЯ LCP - ДОЛЖЕН БЫТЬ ПЕРВЫМ */
.contain { contain: layout style paint; }

/* LCP элемент - максимальный приоритет */
.offer { margin: 15px 0 25px; }
.offer-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.offer-item { min-height: 200px; display: flex; align-items: stretch; border-radius: 15px; overflow: hidden; aspect-ratio: 1.8/1; }
.background-item1 { position: relative; overflow: hidden; border-radius: 15px; }
.offer-content { 
    width: 100%; 
    display: grid; 
    grid-template-columns: 2fr 1fr; 
    align-items: center; 
    padding: 20px 20px 0 20px; 
    gap: 15px; 
    z-index: 3; 
    min-height: 180px; 
    contain: layout style paint;
    transform: translateZ(0);
}

/* Критические стили для девушки (LCP элемент) */
.girl-wrap1 {
    display: flex!important;
    align-items: flex-end!important;
    justify-content: flex-end!important;
    height: 100%!important;
    padding-right: 10px;
    contain: layout style!important;
}

.girl-wrap1 img {
    display: block!important;
    width: 184px!important;
    height: 208px!important;
    max-width: 200px!important;
    margin-bottom: 0!important;
    opacity: 1!important;
    visibility: visible!important;
    transform: none!important;
    contain: layout style!important;
}

.girl-wrap1 picture {
    align-self: flex-end!important;
    flex-shrink: 0!important;
    display: block!important;
}

/* Градиенты без задержек */
.background-item1::after {
    background: linear-gradient(264.74deg,rgba(255,36,0,.8) 0%,rgba(255,36,0,0) 100%);
    z-index: 2;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 15px;
    pointer-events: none;
}

.background-item2::after {
    background: linear-gradient(264.74deg,rgba(0,207,166,.8) 0%,rgba(0,207,166,0) 100%);
    z-index: 2;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 15px;
    pointer-events: none;
}

/* Фиксированные размеры для logo (убираем CLS) */
.logo { 
    width: 90px!important; 
    height: 22px!important; 
    max-width: 100px; 
    contain: layout; 
    display: block; 
}
.menu-wrap-left-logo .logo { 
    width: 90px!important; 
    height: 22px!important; 
}
.sidebar-wrap-logo .logo { 
    width: 100px!important; 
    height: 25px!important; 
}

/* Остальные критические стили */
.background-item2{contain:layout style paint;will-change:transform;}
.background-item2 .lcp-background{display:none;}
.girl-wrap2 img{contain:layout style;content-visibility:auto}

/*base*/
*{box-sizing:border-box;margin:0;padding:0;outline:0;list-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Montserrat',sans-serif;background:#0D131C;color:#fff;padding:0 15px;font-display:swap;}
img{max-width:100%;height:auto}
a{color:#00c4ff;text-decoration:none}
h1{font-size:30px;font-weight:600}
h2{margin:40px 0 20px;font-size:28px}
h3{font-size:20px;font-weight:600;margin:20px 0 10px}
p{font-size:16px;margin:10px 0}
ul,ol{margin-left:25px}
ul li{list-style:disclosure-closed inside;font-size:16px}
ol li{list-style:decimal inside;font-size:16px;margin:5px 0}
.container{max-width:1170px;margin:0 auto}

/*lang-switcher*/
.lang-switcher{position:relative;display:inline-block;padding-bottom:10px;margin-bottom:-10px}
.lang-switcher-button{background:#13171f;color:#fff;padding:10px 15px;font-size:16px;border:1px solid #80858f;border-radius:5px;cursor:pointer;display:flex;align-items:center;width:100%;justify-content:center}
.lang-switcher-button .flag{margin-right:8px;font-size:20px}
.lang-switcher-button::after{content:'▾';margin-left:10px;transition:transform .2s ease}
.lang-switcher:hover .lang-switcher-button::after{transform:rotate(180deg)}
.lang-switcher-dropdown{display:none;position:absolute;background:#13171f;width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:10;list-style:none;padding:0;margin:0;border:1px solid #80858f;border-radius:5px;bottom:100%;left:0}
.lang-switcher:hover .lang-switcher-dropdown{display:block}
.lang-switcher-dropdown a{color:#fff;padding:12px 16px;text-decoration:none;display:flex;align-items:center}
.lang-switcher-dropdown a .flag{margin-right:8px;font-size:20px}
.lang-switcher-dropdown a:hover{background:#0d131c;color:#00c4ff}
.lang-switcher-dropdown li{list-style:none}

/*menu*/
.menu{padding:10px 0}
.menu-wrap{display:flex;justify-content:space-between;align-items:center}
.menu-wrap-left{display:none}
.menu-wrap-right{display:flex;align-items:center}
.menu-wrap-right-text{font-size:14px;font-weight:600;margin-right:10px}
.menu-wrap-middle{display:flex;justify-content:left;align-items:center}
.menu-wrap-middle-item{color:#80858f;display:flex;align-items:center;margin:0 10px;transition:transform .2s ease,color .2s ease}
.menu-wrap-middle-item:hover{color:#fff;transform:scale3d(1.13,1.13,1)}
.menu-wrap-middle-text{padding-left:8px;font-size:15px}
.menu-wrap-middle-item svg{width:24px;height:24px}
.menu-wrap-right-btn-wrap{display:flex}
.reg-btn-wrap{display:flex;justify-content:center;margin:30px 0}
.reg-btn{font-size:15px;font-weight:600;padding:0 24px;line-height:24px;background:#ff2400;border-radius:4px;border:1px solid #ff2400;color:#fff;position:relative;height:40px;margin:0 5px;display:flex;align-items:center;justify-content:center;width:fit-content;transition:background .2s ease}
.reg-btn:hover{background:linear-gradient(0deg,rgba(49,51,52,.15),rgba(49,51,52,.15)),#ff2400}
.enter-btn{font-size:15px;font-weight:600;padding:0 24px;line-height:24px;background:transparent;border-radius:4px;border:1px solid #ff2400;color:#fff;position:relative;height:40px;display:flex;align-items:center;justify-content:center;margin:0 5px;width:fit-content;transition:background .2s ease}
.enter-btn:hover{background:#ff2400}
.navbar{display:none}
.navbar .logo{height:20px}

/*sidebar*/
.page{display:flex;justify-content:center}
.sidebar{flex:0 0 20%;border-right:1px solid #1b1f28;padding:20px 10px}
.main{flex:0 0 75%}
.sidebar-wrap-logo{margin-bottom:50px}
.sidebar-wrap{position:sticky;top:20px;contain:layout style paint}
.sidebar-item{display:grid;grid-template-columns:1fr 3fr;align-items:center;color:#80858f;margin:10px 0;transition:transform .2s ease,color .2s ease}
.sidebar-item:hover{color:#fff;transform:scale3d(1.13,1.13,1)}
.sidebar-item svg{width:24px;height:24px}
.sidebar-item-text{margin:0;font-size:15px}
.sidebar-line:before{position:relative;margin:5px 0;content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,207,166,0) 0%,rgba(0,207,166,.35) 27.6%,rgba(0,207,166,.7) 52.62%,rgba(0,207,166,.35) 74.48%,rgba(0,207,166,0) 100%)}

/*offer*/
.background-item1 .lcp-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.background-item2{position:relative;overflow:hidden;border-radius:15px;padding-right:5px}
.background-item2 .lcp-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.background-item2 .offer-content{position:relative;z-index:3}
.girl-wrap1,.girl-wrap2{display:flex;align-items:flex-end;justify-content:flex-end;height:100%;padding-right:10px}
.girl-wrap2 img{display:block;width:181px;height:205px;max-width:140px;margin-bottom:0!important;}
.girl-wrap2 picture{align-self:flex-end;flex-shrink:0}

/*sport*/
.sport{margin:70px 0}
.sport-wrap{display:flex;flex-direction:column;align-items:center}
.sport-title{font-size:48px;font-weight:700;text-transform:uppercase}
.sport-subtitle{margin-top:5px}
.sport-subtitle-line{position:relative;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#03c9a2 50%,rgba(0,0,0,0) 100%);min-width:280px;height:1px;margin:10px 0 25px}
.sport-subtitle-line:before{width:112px;content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);height:3px;border-radius:100px;background:#01cba3}
.sport-undertitle{font-size:27px;font-weight:600;text-transform:uppercase;font-style:italic;text-align:center}
.sport-subundertitle{font-size:16px;text-transform:uppercase;margin:5px 0 15px}
.sport picture img{max-width: 600px;height: auto;}

/*kasino*/
.kasino{margin:70px 0}
.kasino-subtitle-line{position:relative;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#f92704 50%,rgba(0,0,0,0) 100%);min-width:280px;height:1px;margin:10px 0 25px}
.kasino-subtitle-line:before{width:112px;content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);height:3px;border-radius:100px;background:#ff2400}
.kasino-tags-wrap{display:flex;justify-content:center;align-items:baseline}
.kasino-tags-item{text-align:center;padding:0 10px;transition:transform .2s ease}
.kasino-tags-item:hover{transform:scale3d(1.13,1.13,1)}
.kasino-tags-item-text{color:#80858f;font-size:15px;transition:color .2s ease}
.kasino-tags-item:hover .kasino-tags-item-text{color:#fff}
.kasino-tags-line{position:relative;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#f92704 50%,rgba(0,0,0,0) 100%);min-width:100%;height:1px;margin:10px 0 25px}
.kasino-tags-line:before{width:20px;content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);height:3px;border-radius:100px;background:#ff2400}

/*games*/
.games-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:10px;justify-content:center;max-width:1200px;margin:0 auto}
.games-item{position:relative;display:flex;flex-direction:column;margin:5px;font-weight:500;font-size:1.2rem;text-align:center;word-wrap:break-word;overflow-wrap:break-word;line-height:1.1;color:#fff;border-radius:5px;background:#1a1f2a;overflow:hidden;min-height: 131px;contain: layout style paint;}
.games-item picture{width:100%;height:auto;display:block!important}
.games-item img{width: 176px;height: 131px;object-fit: cover;display:block!important;border-radius:5px;visibility:visible!important;opacity:1!important;transition:opacity .3s ease}
.games-item img[loading="lazy"]{opacity:0}
.games-item img[loading="lazy"].loaded{opacity:1}
.games-item-of{opacity:0;position:absolute;background:rgba(0,0,0,.7);color:#fff;transition:opacity .3s;padding:18% 27%;display:flex;flex-direction:column;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center}
.games-item:hover .games-item-of{opacity:1}
.btn-game{background:#ff2400;padding:10px 23px;border-radius:5px;margin:5px;color:#fff;font-weight:600;font-size:16px;transition:background .2s ease}
.btn-game:hover{background:linear-gradient(0deg,rgba(49,51,52,.15),rgba(49,51,52,.15)),#ff2400}
.btn-demo{padding:10px 15px;border-radius:5px;margin:5px;border:1px solid #fff;color:#fff;font-weight:600;font-size:16px;background:transparent;transition:background .2s ease}
.btn-demo:hover{background:rgba(13,16,22,.25)}

/*tematic*/
.tematic{margin:70px 0}
.tematic-wrap{display:flex;justify-content:center;align-items:center}
.tematic-item{border-radius:10px;background:#13171f;padding:20px;margin:7px;text-align:center;border:1px solid #13171f;transition:border-color .2s ease}
.tematic-item picture,.tematic-item img{display:block;width:auto;height:auto}
.tematic-item img {aspect-ratio: attr(width) / attr(height);}
.tematic-item:hover{border:1px solid #fff}
tematic-item:nth-child(1) img {
    width: 83px;
    height: 48px;
}

.tematic-item:nth-child(2) img {
    width: 83px;
    height: 48px;
}

.tematic-item:nth-child(3) img {
    width: 58px;
    height: 33px;
}

.tematic-item:nth-child(4) img {
    width: 107px;
    height: 62px;
}
.tematic-item-title{font-size:24px;text-transform:uppercase;font-weight:600;margin-top:20px;color:#fff}

/*text*/
.text-wrap{z-index:2;position:relative}
.text-wrap-title{display:grid;font-size:46px;text-transform:uppercase;font-weight:500;font-style:italic;line-height:1.1}
.text-wrap-title span{font-weight:300;font-size:34px;margin:0}
.text-wrap-subtitle{font-size:38px;display:grid;margin:3px 0}
.text-wrap-subtitle span{font-weight:600;font-size:46px;color:#ffb100}
.text-wrap-btn{display:inline-flex;background:#fb2401;color:#fff;font-weight:500;padding:10px 15px;border-radius:5px;margin-bottom:15px;transition:background .2s ease}
.text-wrap-btn:hover{background:#fb9701}

/*article*/
.lwptoc_header{margin:13px 0}
article{margin:40px 0;padding:30px;background:#13171f;border-radius:40px}
.content-btn-wrap{display:flex;justify-content:center;align-items:center}
.footer-menu-wrap{display:flex;justify-content:center}
.footer-menu a{font-size:18px;padding:4px 7px}
footer.site-info{text-align:center;padding:20px 0}

/*responsive*/
@media (min-width:768px){.container{width:730px}}
@media (min-width:992px){.container{width:960px}}
@media (min-width:1430px){.container{width:1170px}}
@media (max-width:1200px){
.page{flex-direction:column}
.menu-wrap-left{display:block}
.sidebar{display:none}
.menu-wrap-middle{display:none}
.girl-wrap1 img{margin-bottom:-10px}
.girl-wrap2 img{margin-bottom:-13px}
.girl-wrap1 picture,.girl-wrap2 picture{display:block;width:100%;height:auto}
}
@media (max-width:1000px){
.text-wrap-title{font-size:32px}
.text-wrap-title span{font-size:24px}
.text-wrap-subtitle{font-size:23px;margin:0}
.text-wrap-subtitle span{font-size:30px;margin-bottom:10px}
.offer-item{min-height:180px}
.offer-content{gap:10px;padding:20px 20px 0 20px;}
.girl-wrap1,.girl-wrap2{justify-content:center;padding-right:0}
.girl-wrap1 img,.girl-wrap2 img{max-width:120px;margin-bottom:-15px}
}
@media (max-width:768px){
.menu-wrap-right-text{display:none}
.menu-wrap-left-logo{display:block}
.offer-wrap{grid-template-columns:1fr;gap:15px}
.offer-item{align-items:self-end}
.text-wrap-title{font-size:30px}
.text-wrap-title span{font-size:26px}
.text-wrap-subtitle span{font-size:28px}
.btn-wrap{display:grid;grid-template-columns:1fr}
.reg-btn{padding:0 10px;height:35px;margin:0 5px}
.enter-btn{padding:0 10px;height:35px;margin:0 5px}
.girl-wrap1 img{margin-bottom:-4px}
.girl-wrap2 img{margin-bottom:-5px}
.sport-title{font-size:30px;text-align:center}
.sport picture img {max-width:100%;}
.games-item{flex:0 0 46%}
.games-item-of{display:none}
.kasino-tags-wrap{overflow-x:scroll;width:100%;justify-content:start}
.tematic-wrap{justify-content:start;overflow-x:scroll;width:100%}
.tematic-item-title{font-size:16px}
article{padding:30px 15px;border-radius:10px}
.text-wrap-btn{padding:9px 7px}
.navbar{display:block;position:fixed;z-index:999;bottom:0;left:0;right:0;background:#0d1016;padding:13px 0;font-size:13px}
.navbar-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.navbar-wrap a{color:#80858f}
.navbar-item{text-align:center}
.navbar-item svg{width:24px;height:24px;color:#80858f}
.footer-menu{display:flex;margin:30px 0;flex-direction:column}
footer.site-info{margin-bottom:75px}
}