@font-face{font-family:Rubik;src:url(../fonts/rubik.woff2) format("woff2");font-weight:300 900;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0f153b;color:#fff;font-family:Rubik,Roboto,Arial,sans-serif;font-size:14px;line-height:1.4;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0}
.icon{display:inline-flex;font-style:normal;line-height:1;font-size:24px;width:1em;height:1em;flex:none}
.icon svg{display:block}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
button.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 20px;height:40px;font-weight:500;font-size:14px;white-space:nowrap;text-align:center}
button.btn.signup{background:radial-gradient(#1ffcf1,#33c1ef);color:#0f153b}
button.btn.login{background:#dc2a4b;color:#fff}
button.btn.red,.ftr .links button.btn.red{background:#dc2a4b;color:#fff;height:32px;padding:0 16px}
.wrap{max-width:1440px;margin:0 auto;padding:0 20px}
/* header */
.hdr{background:#0f153b;height:76px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.06)}
.hdr .wrap{display:flex;align-items:center;height:76px;gap:28px}
.hdr .burger{display:none;padding:4px}
.logo img{width:102px;height:32px}
.menu{display:flex;gap:6px;flex:1}
.menu button{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 14px;height:76px;font-size:14px;font-weight:500;text-transform:uppercase;color:#fff;opacity:.9}
.menu button:hover{color:#1ffcf1;opacity:1}
.hdr .right{display:flex;align-items:center;gap:12px;margin-left:auto}
.hdr .right .srch{padding:6px}
.subbar{display:none}
.bottombar{display:none}
.side{position:fixed;inset:0;z-index:100;display:none}
.side.open{display:block}
.side .shade{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.side nav{position:absolute;left:0;top:0;bottom:0;width:280px;background:#090d23;padding:16px;display:flex;flex-direction:column;gap:4px;overflow:auto}
.side nav button{display:flex;align-items:center;gap:12px;padding:12px 8px;font-size:15px;font-weight:500;width:100%}
.side .close{align-self:flex-end;font-size:28px;padding:0 6px}
/* hero */
.hero{margin:0 0 16px;position:relative}
.hero .track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hero .track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;aspect-ratio:1385/325;border-radius:12px;scroll-snap-align:start;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 5%;text-align:left}
.slide.s1{background:linear-gradient(100deg,#1b2a7a,#0f153b 45%,#33c1ef33),#0f153b}
.slide.s2{background:linear-gradient(100deg,#5a1030,#0f153b 55%,#ef325466),#0f153b}
.slide.s3{background:linear-gradient(100deg,#0d5f6b,#0f153b 55%,#1ffcf155),#0f153b}
.slide .tx{max-width:560px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.slide h1,.slide h2{font-size:34px;font-weight:700;line-height:1.1;text-transform:uppercase}
.slide p{margin:0;font-size:16px;opacity:.9}
.hero .arr{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:12px;background:#dc2a4b;display:flex;align-items:center;justify-content:center}
.hero .arr.l{left:10px}.hero .arr.r{right:10px}
.hero .arr .icon{font-size:20px}
h1.pagetitle{font-size:22px;font-weight:600;padding:12px 0 4px}
/* sections */
.sec{margin:20px 0}
.sec .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}
.sec .ttl{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500}
.sec .ctrl .btn{order:3}
.sec .ttl img{width:28px;height:28px}
.sec .ctrl{display:flex;gap:8px;align-items:center}
.sec .ctrl .arr{width:32px;height:32px;border-radius:12px;background:#ef3254;display:flex;align-items:center;justify-content:center}
.sec .ctrl .arr .icon{font-size:18px}
.row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}
.row::-webkit-scrollbar{display:none}
.card{flex:0 0 270px;width:270px;height:204px;border-radius:12px;overflow:hidden;background:#1a2150;display:flex;flex-direction:column;position:relative;scroll-snap-align:start;padding:0}
.card .cv{display:block;width:270px;height:180px;background:#151b45;overflow:hidden}
.card .cv img{width:100%;height:100%;object-fit:cover}
.card .cap{display:flex;align-items:center;gap:8px;height:24px;padding:0 8px;font-size:12px;overflow:hidden}
.card .cap .pv{height:14px;width:auto;max-width:44px;object-fit:contain;flex:none}
.card .cap .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .lb{position:absolute;left:8px;top:8px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;color:#0f153b;text-transform:uppercase}
.lb.top{background:#ffd23f}.lb.new{background:#3ddc84}
/* providers */
.prov .row{gap:16px;align-items:center}
.prov .pl{flex:0 0 130px;height:56px;background:#1a2150;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px}
.prov .pl img{max-height:36px;max-width:100px;width:auto;object-fit:contain}
/* seo */
.seo{margin:28px 0}
.seo details{background:#151b45;border-radius:12px;padding:14px 18px}
.seo summary{cursor:pointer;font-size:18px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between}
.seo summary::-webkit-details-marker{display:none}
.seo summary:after{content:"";width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.seo details[open] summary:after{transform:rotate(-135deg)}
.seo .body{margin-top:14px;line-height:1.6;color:#dfe3ff}
.seo h2{font-size:20px;margin:16px 0 8px}
.seo h3{font-size:16px;margin:14px 0 6px}
.seo p{margin:0 0 10px}
.seo ul{margin:0 0 10px;padding-left:20px}
.seo li{margin:0 0 6px}
.seo .cta{margin:14px 0 18px;display:flex;gap:12px;flex-wrap:wrap}
.seo .tw{overflow-x:auto;margin:12px 0 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px}
.seo table{border-collapse:collapse;width:100%;min-width:420px}
.seo th,.seo td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;color:#dfe3ff;vertical-align:top}
.seo th{color:#fff;font-weight:600;background:#1a2150}
.seo tbody tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.seo tbody tr:last-child td{border-bottom:0}
.seo td:first-child{color:#fff;font-weight:500;width:34%}
.seo a.tl,.seo .body a{color:#1ffcf1;text-decoration:underline;text-underline-offset:2px}
.seo a.tl:hover{color:#fff}
/* footer */
.ftr{background:#090d23;margin-top:32px;padding:28px 0 90px}
.ftr .links{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;margin-bottom:24px}
.ftr .links button{font-size:14px;color:#c9cef0}
.ftr .links button:hover{color:#fff}
.ftr .pay{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.ftr .pay img{width:104px;height:44px;background:#eef0fb;border-radius:10px;padding:6px 10px;object-fit:contain;box-sizing:border-box}
.ftr .bot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}
.ftr .bot img.age{width:36px;height:36px}
.ftr .copy{color:#aab0d8;font-size:13px}
.ftr .legal{color:#8e95c4;font-size:12px;line-height:1.6;margin:16px 0 0;max-width:900px}
.chat{position:fixed;right:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:100% 100%;background:#ffd23f;color:#0f153b;font-weight:600;padding:8px 18px;border-radius:12px 12px 0 0;z-index:40;font-size:13px}
@media(max-width:900px){
 .wrap{padding:0 12px}
 .hdr,.hdr .wrap{height:56px}
 .hdr .wrap{gap:10px}
 .hdr .burger{display:block}
 .menu{display:none}
 .logo{margin:0 auto 0 0}
 .logo img{width:86px;height:27px}
 .hdr .right .srch{display:none}
 button.btn{height:34px;padding:0 12px;font-size:12px}
 .subbar{display:flex;gap:8px;padding:8px 12px;background:#0f153b}
 .subbar button{flex:1;height:36px;border-radius:12px;background:#1a2150;font-weight:500;text-transform:uppercase;font-size:13px;text-align:center}
 .subbar button.on{background:radial-gradient(#1ffcf1,#33c1ef);color:#0f153b}
 .slide{aspect-ratio:16/9;padding:0 6%}
 .slide h1,.slide h2{font-size:20px}.slide p{font-size:13px}
 .hero .arr{display:none}
 .sec .ctrl .arr{display:none}
 .card{flex:0 0 160px;width:160px;height:131px}
 .card .cv{width:160px;height:107px}
 .card .cap{font-size:11px}
 .sec .ttl{font-size:15px}
 .prov .pl{flex-basis:100px;height:48px}
 .bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#090d23;z-index:60;height:58px;border-top:1px solid rgba(255,255,255,.08)}
 .bottombar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500;text-transform:uppercase;text-align:center}
 .bottombar button .icon{font-size:22px}
 .bottombar button.hl{color:#0f153b}
 .chat{display:none}
 .ftr .pay img{width:84px;height:36px}
 .subbar a{flex:1;height:36px;border-radius:12px;background:#1a2150;font-weight:500;text-transform:uppercase;font-size:13px;display:flex;align-items:center;justify-content:center}
 .subbar a.on{background:radial-gradient(#1ffcf1,#33c1ef);color:#0f153b}
 .bottombar .hl{color:#0f153b;background:radial-gradient(#1ffcf1,#33c1ef);border-radius:12px;margin:4px 0;flex:0 0 22%}
 .bottombar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500;text-transform:uppercase;text-align:center}
 .bottombar a .icon{font-size:22px}
 .grid{grid-template-columns:repeat(2,1fr)}
 .grid .card{height:131px}
 .grid .card .cv{height:107px}
 .page h1{font-size:22px}
}
.menu a{display:flex;align-items:center;gap:8px;padding:0 14px;height:76px;font-size:14px;font-weight:500;text-transform:uppercase;opacity:.9}
.menu a:hover,.menu a.on{color:#1ffcf1;opacity:1}
.side nav a{display:flex;align-items:center;gap:12px;padding:12px 8px;font-size:15px;font-weight:500;width:100%}
.ftr .links a{font-size:14px;color:#c9cef0}
.ftr .links a:hover{color:#fff}
.wrap.page{padding:20px 20px 8px}
@media(max-width:900px){.wrap.page{padding:16px 12px 8px}}
.page h1{font-size:28px;font-weight:600;margin-bottom:12px}
.page h2{font-size:20px;font-weight:500;margin:24px 0 10px}
.page p,.page li{line-height:1.65;color:#dfe3ff}
.page p{margin:0 0 12px}
.page ul,.page ol{margin:0 0 14px;padding-left:22px}
.page .lead{font-size:16px;max-width:860px}
.page .cta{margin:16px 0 8px;display:flex;gap:12px;flex-wrap:wrap}
.page .box{background:#151b45;border-radius:12px;padding:16px 18px;margin:12px 0}
.page .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}
.page .cols .box{margin:0}
.page .box h3{font-size:16px;margin:0 0 8px}
.page .tw{overflow-x:auto}
.page table{border-collapse:collapse;width:100%;min-width:420px}
.page th,.page td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;color:#dfe3ff}
.page th{color:#fff;font-weight:500}
.page details{background:#151b45;border-radius:12px;padding:14px 18px;margin:8px 0}
.page summary{cursor:pointer;font-weight:500;font-size:16px}
.page details p{margin:10px 0 0}
.page a.tl{color:#1ffcf1;text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px}
.grid .card{width:auto;flex:none}
.grid .card .cv{width:100%}