@font-face{font-family:Roboto;font-weight:100 900;font-display:swap;src:url(/assets/fonts/roboto-latin.woff2) format("woff2")}
@font-face{font-family:"Sofia Sans";font-weight:1 1000;font-display:swap;src:url(/assets/fonts/sofia-sans-latin.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{background:#0f0f14}
body{margin:0;background:#0f0f14;color:rgba(255,255,255,.65);font:400 16px/1.5 Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.ssl-hdr{position:sticky;top:0;z-index:30;height:64px;background:#1a1a24;display:flex;align-items:center;gap:16px;padding:0 32px}
.ssl-hdr__menu{width:44px;height:40px;border-radius:8px;background:#252532;display:flex;align-items:center;justify-content:center}
.ssl-hdr__logo img{display:block;height:36px;width:auto}
.ssl-logo-m{display:none!important}
.ssl-hdr__tabs{display:flex;align-items:center;gap:8px;margin-left:12px}
.ssl-tab{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:8px;color:#fff;font-size:14px;font-weight:500}
.ssl-tab--on{background:#2b2d3d;font-weight:700}
.ssl-tab svg{color:#c9cad6}
.ssl-hdr__search{width:44px;height:44px;border-radius:8px;background:#252532;display:flex;align-items:center;justify-content:center}
.ssl-hdr__r{margin-left:auto;display:flex;gap:12px}
.ssl-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:10px 16px;border-radius:8px;font:700 14px/1 Roboto,Arial,sans-serif;text-transform:uppercase;color:#fff;white-space:nowrap}
.ssl-btn--line{border:1px solid rgba(255,255,255,.12)}
.ssl-btn--grad{background:linear-gradient(90deg,#64a7db 1.67%,#d1e8ff 51.67%,#64a7db 101.67%);color:#0f0f14}
.ssl-hero{max-width:1440px;margin:0 auto;padding:24px 32px 0}
.ssl-slides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ssl-card{position:relative;height:312px;border-radius:20px;overflow:hidden;background:#1a1a24;padding:44px 32px 40px;display:flex;flex-direction:column}
.ssl-card--img{background:#2a0b0e}
.ssl-card__bg{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:cover;opacity:.95}
.ssl-card--img .ssl-card__bg{right:0}
.ssl-card--img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,20,.85) 30%,rgba(15,15,20,0) 75%);z-index:1}
.ssl-card--wide .ssl-card__bg{width:100%;left:0;opacity:1}
.ssl-card__side{position:absolute;right:8px;bottom:0;height:92%;width:auto}
.ssl-card__t,.ssl-card__s,.ssl-card__b,.ssl-card__tag{position:relative;z-index:2}
.ssl-card__t{font:700 34px/40px "Sofia Sans",Roboto,sans-serif;color:#fff;max-width:330px}
.ssl-card__s{margin-top:16px;font:700 18px/30px Roboto,Arial,sans-serif;color:#fff;max-width:260px}
.ssl-card__b{margin-top:auto;align-self:flex-start;height:40px;padding:16px 24px}
.ssl-card__tag{position:absolute;right:24px;top:24px;background:linear-gradient(90deg,#3f78b8,#64a7db);color:#fff;font:700 14px/1 Roboto,sans-serif;padding:7px 8px;border-radius:4px}
.ssl-dots{display:flex;justify-content:center;gap:8px;padding:16px 0 4px}
.ssl-dots i{width:6px;height:6px;border-radius:50%;background:#55566a}
.ssl-dots i.on{background:#64a7db;width:8px;height:8px;margin-top:-1px}
.ssl-cats{max-width:1376px;margin:24px auto 0;background:#1a1a24;border-radius:16px;padding:16px 18px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ssl-cat{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:10px;color:#fff;font-size:16px;white-space:nowrap}
.ssl-cat--prov{margin-left:auto;background:#252532}
.ssl-row{max-width:1376px;margin:28px auto 0}
.ssl-row__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ssl-row__t{display:flex;align-items:center;gap:10px;color:#fff;font-size:24px}
.ssl-row__t svg{width:26px;height:26px}
.ssl-row__ctl{display:flex;gap:10px}
.ssl-row__ctl .ssl-btn{height:40px}
.ssl-arr{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.ssl-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.ssl-tile{position:relative;display:block;border-radius:12px;overflow:hidden;background:#1a1a24}
.ssl-tile img{display:block;width:100%;height:auto;aspect-ratio:240/197;object-fit:cover}
.ssl-tile__n{display:block;padding:10px 12px 0;color:#fff;font:800 17px/1.2 "Sofia Sans",Roboto,sans-serif;text-transform:uppercase}
.ssl-tile__p{display:block;padding:2px 12px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.ssl-bar{display:none}
@media (max-width:1023px){.ssl-slides{grid-template-columns:1fr 1fr}.ssl-card--vip{display:none}.ssl-tiles{grid-template-columns:repeat(3,1fr)}.ssl-hdr__tabs{display:none}}
@media (max-width:767px){
.ssl-hdr{padding:0 16px;gap:10px}
.ssl-hdr__menu{display:none}
.ssl-logo-d{display:none!important}.ssl-logo-m{display:block!important;height:40px!important}
.ssl-hdr__r{gap:8px}
.ssl-btn{padding:10px 14px}
.ssl-hero{padding:16px 16px 0}
.ssl-slides{display:block}
.ssl-card{display:none;height:228px;padding:26px 20px 20px}
.ssl-card--img{display:flex}
.ssl-card__t{font-size:24px;line-height:30px;max-width:220px}
.ssl-card__s{font-size:14px;line-height:22px;margin-top:10px;max-width:190px}
.ssl-dots{padding:12px 0 0}
.ssl-cats{margin:16px 16px 0;background:none;padding:0;gap:8px}
.ssl-cat{background:#1a1a24;border-radius:24px;height:44px}
.ssl-cat--prov{margin-left:0}
.ssl-row{margin:22px 16px 0}
.ssl-row__t{font-size:18px}
.ssl-arr{display:none}
.ssl-tiles{grid-template-columns:repeat(3,1fr);gap:8px}
.ssl-tile__n{font-size:13px;padding:8px 8px 0}
.ssl-tile__p{padding:2px 8px 8px;font-size:9px}
.ssl-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;height:56px;background:#1a1a24;justify-content:space-around;align-items:center}
.ssl-bar__i{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#9a9bab}
.ssl-bar__i--on{color:#fff}
body{padding-bottom:56px}
}