*{margin:0;padding:0;text-decoration:none;font-weight:normal;outline:0}
body{background:top center no-repeat #012433;color:#fff;overflow-y:scroll;font-family:dn}
html{-webkit-text-size-adjust:100%;text-size-adjust:none}

@font-face{font-family:dncb;src:url(DINProCB2.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:dn;src:url(DINPro2.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:dnb;src:url(DINProM2.woff2) format('woff2');font-weight:400;font-style:normal;font-display:fallback}

.row{display:grid;grid-template-columns:repeat(12,1fr);margin:0 auto;padding: 0 10px 0 10px;width:clamp(300px,100% - 20px,1200px);height:100%}.row>*{grid-column-end:span 12}.hb{display:none}
.c1{grid-column-end:span 1}.c2{grid-column-end:span 2}.c3{grid-column-end:span 3}.c4{grid-column-end:span 4}.c5{grid-column-end:span 5}.c6{grid-column-end:span 6}.c7{grid-column-end:span 7}.c8{grid-column-end:span 8}.c9{grid-column-end:span 9}.c10{grid-column-end:span 10}.c11{grid-column-end:span 11}.c12{grid-column-end:span 12}
.js{justify-self:center;}
@media(min-width:480px){.c1a480{grid-column-end:span 1}.c2a480{grid-column-end:span 2}.c3a480{grid-column-end:span 3}.c4a480{grid-column-end:span 4}.c5a480{grid-column-end:span 5}.c6a480{grid-column-end:span 6}.c7a480{grid-column-end:span 7}.c8a480{grid-column-end:span 8}.c9a480{grid-column-end:span 9}.c10a480{grid-column-end:span 10}.c11a480{grid-column-end:span 11}.c12a480{grid-column-end:span 12}}
@media(min-width:768px){.c1a768{grid-column-end:span 1}.c2a768{grid-column-end:span 2}.c3a768{grid-column-end:span 3}.c4a768{grid-column-end:span 4}.c5a768{grid-column-end:span 5}.c6a768{grid-column-end:span 6}.c7a768{grid-column-end:span 7}.c8a768{grid-column-end:span 8}.c9a768{grid-column-end:span 9}.c10a768{grid-column-end:span 10}.c11a768{grid-column-end:span 11}.c12a768{grid-column-end:span 12}}
@media(min-width:992px){.c1a992{grid-column-end:span 1}.c2a992{grid-column-end:span 2}.c3a992{grid-column-end:span 3}.c4a992{grid-column-end:span 4}.c5a992{grid-column-end:span 5}.c6a992{grid-column-end:span 6}.c7a992{grid-column-end:span 7}.c8a992{grid-column-end:span 8}.c9a992{grid-column-end:span 9}.c10a992{grid-column-end:span 10}.c11a992{grid-column-end:span 11}.c12a992{grid-column-end:span 12}}
@media(min-width:1200px){.c1a1200
  {grid-column-end:span 1}.c2a1200{grid-column-end:span 2}.c3a1200{grid-column-end:span 3}.c4a1200{grid-column-end:span 4}.c5a1200{grid-column-end:span 5}.c6a1200{grid-column-end:span 6}.c7a1200{grid-column-end:span 7}.c8a1200{grid-column-end:span 8}.c9a1200{grid-column-end:span 9}.c10a1200{grid-column-end:span 10}.c11a1200{grid-column-end:span 11}.c12a1200{grid-column-end:span 12}}
@media(max-width:479.99px){.row .hb480{display:none!important}}@media(max-width:767.99px){.row .hb768{display:none!important}}@media(max-width:991.99px){.row .hb992{display:none!important}}@media(max-width:1199.99px){.row .hb1200{display:none!important}}

header{position:relative;width:100%;height:378px;background:#0c1c25 image-set(url("medias/header480s2u.avif") 1x, url("medias/header480s2ub.avif") 2x) center top no-repeat;padding-top:50px;}
@media(min-width:480.01px){header{background:#0c1c25 image-set(url("medias/header768s2u.avif") 1x, url("medias/header768s2ub.avif") 2x) center top no-repeat;}}
@media(min-width:768.01px){header{background:#0c1c25 image-set(url("medias/header992s2u.avif") 1x, url("medias/header992s2ub.avif") 2x) center top no-repeat;}}
@media(min-width:992.01px){header{background:#0c1c25 image-set(url("medias/header1200s2u.avif") 1x, url("medias/header1200s2ub.avif") 2x) center top no-repeat;}}
@media(min-width:1200.01px){header{background:#0c1c25 image-set(url("medias/header1680s2u.avif") 1x, url("medias/header1680s2ub.avif") 2x) center top no-repeat;}}
@media(min-width:1680.01px){header{background:#0c1c25 image-set(url("medias/header1920s2u.avif") 1x, url("medias/header1920s2ub.avif") 2x) center top no-repeat;}}
@media(min-width:1920.01px){header{background:#0c1c25 image-set(url("medias/header2560s2u.avif") 1x, url("medias/header2560s2ub.avif") 2x) center top no-repeat;}}
header>div:first-of-type{margin:0 auto;height:50px;position: fixed;top: 0;width: 100%;z-index: 1000;}

#menu{position:relative;z-index:20;display:flex;justify-content:space-between;width:clamp(320px,100%,1290px);margin:0 auto}
header label{margin-left:0;z-index:12;width:74px;height:46px;background:url(medias/menubt.webp) right no-repeat;cursor:pointer;user-select:none}
#menubt{display:none}
#navrg,#navrg2{width:335px;height:44px;padding:6px 0 0 72px;z-index:11;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -5px -5px}
#navrg2{position:absolute;z-index:0;right:0px;width:256px;padding:6px 0 0 146px;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) 0px -119px;}
#navrg2 p{display:inline;width:auto;height:auto;font:700 16px dncb;color:#a3f6e8;padding:0 0 0 40px;margin-top:5px;float:left;}
#navrg2 p::before{content:"";background:url(interface/tkks.png)0px 0px no-repeat;position:absolute;z-index:4;width:16px;height:18px;margin:0px 0px 0px -20px;}
#navrg2 p a{color:#789190;}
#navrg2 p a:hover{color:#bdd023;}
#deco,#showAccount{float:left;font-size:16px;color:#c6c6c6;text-align:center;font-family:dnb;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -427px -125px;width:125px;height:27px;margin:0 0 0 -15px;padding:4px 0 0;}
#deco:hover,#showAccount:hover{background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -587px -125px;}
#navlf a{display:inline-block;margin:-2px 0 0 -21px;width:136px;height:33px;text-align:center;font-size:18px;color:#c6c6c6;font-family:dnb;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -422px -5px;padding:8px 0 0}
#navlf a:hover,#navlf a.active{background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -572px -5px no-repeat;color:#e4feff}}

@media(max-width:1200px){
#navrg2{width:261px;padding:6px 0 0 68px;background-position:-79px -119px}
}
@media(max-width:1094.98px){
    #menubt:not(:checked) + #navlf{display:none}
    #navlf{position:absolute;z-index:10;top:30px;width:100%;height:auto;background:#182a30;padding:40px 0 20px 0}
    #navlf a{display:block;margin:0;width:calc(100% - 50px);height:25px;color:#c6c6c6;font-size:24px;padding:17px 0 25px 50px;text-align:left;font-family:dnb;background:none;border-bottom:1px solid #20363b}
    #navlf a:hover,#navlf a.active{color:#e4feff;background:none;}
    #navlf a::before{content:"";float:left;display:block;width:33px;height:19px;margin:7px 5px 0 0;background:url(medias/menubts.webp) no-repeat}
    header>div{margin:0 auto;height:50px;background:url(medias/menuspc.webp) 0px 0px repeat-x;}
    #navrg2{padding:6px 0 0 0;background-position: -106px -119px;}
    #deco,#showAccount{float:right;}
}
@media(min-width:1095px){
    header label{display:none}
    #navlf{width:548px;height:46px;padding:3px 0 0 346px;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) 7px -65px;z-index:2}
}
@media(max-width:1159.98px){#navlf{margin-left:-55px}}
@media(max-width:480px){
#navlf{margin-left:0}
}

@media(max-width:1289.98px){#navrg{width:303px;padding:6px 0 0 103px;position:absolute;right:0;z-index:1}}
#navrg a{display:inline-block;float:right;margin:-4px 40px 0 0px;width:175px;height:25px;text-align:center;font-size:18px;color:#c6c6c6;font-family:dnb;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -408px -31px no-repeat;padding:8px 0 0}
#navrg a:hover{height:33px;background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -711px 1px no-repeat;color:#e4feff}
@media(max-width:479.99px){
    #navlf{margin-left:0}
    #navrg{margin-left:-60px;width:257px;}
    #navrg a {margin:-4px 0px 0 0;background: image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -405px -31px no-repeat;}
    #navrg a:hover{background:image-set(url("medias/menusp.webp") 1x, url("medias/menuspb.avif") 2x) -705px 2px no-repeat;}
}

#plans{width:clamp(300px,100%,1136px);height:370px;margin:0 auto 10px auto;overflow-x:scroll;scrollbar-width:none}
header>section::-webkit-scrollbar{display:none}
#plans>div{position:relative;width:1136px;height:370px;}
header section#plans>div>img{position:absolute;z-index:5}
header::after{content:"";position:absolute;bottom:-1px;z-index:0;width:100%;height:15px;background:url(medias/plantrb.webp) top center;}
.plantr {position:absolute;bottom:0px;width:100%;height: 160px;background: linear-gradient(to bottom, rgb(15 38 49 / 0%) 0%, rgb(15 36 48) 75%);}
@media(min-width:1179.99px) and (max-width:1230px){.plantr{clip-path: polygon(calc(100 / 1179.99 * 100vw) 0, calc(1068 / 1179.99 * 100vw) 0, calc(1203 / 1179.99 * 100vw) 160px, calc(-36 / 1179.99 * 100vw) 160px); -webkit-clip-path: polygon(calc(100 / 1179.99 * 100vw) 0, calc(1068 / 1179.99 * 100vw) 0, calc(1203 / 1179.99 * 100vw) 160px, calc(-36 / 1179.99 * 100vw) 160px);}}
@media(min-width:1230px){#plans{margin:0 auto 10px auto;}.plantr{margin-left:-42px;width:100%;max-width:1300px;  clip-path: polygon(135px 0, 1160px 0, 1300px 160px, 0 160px);-webkit-clip-path: polygon(135px 0, 1160px 0, 1300px 160px, 0 160px);left: 0;right: 0;margin: auto;}}
#ofb1,#ofb2,#ofb3,#ofh4,#ofh2{position:absolute;z-index:4;top:75px;left:10px;width:230px;height:276px;background:url(medias/chbs2.webp) 3px 167px no-repeat;transition:transform .25s ease;}
#ofb2{left:450px}
#ofb3{left:888px}
#ofh4{top:45px;left:230px;z-index:3}
#ofh2{top:45px;left:669px;z-index:3}
@media(max-width:1080px){#ofb1,#ofb2,#ofb3,#ofh4,#ofh2{transform:scale(0.9);}#ofb1{left:10px}#ofh4{left:208px}#ofb2{left:410px}#ofh2{left:608px}#ofb3{left:809px}}
.ofs{background:url(medias/chbso2.webp) 3px 167px no-repeat!important;transform:translate(0,-5px)!important; }
#avtr1 a,#avtr2 a,#avtr3 a,#avtr4 a,#avtr5 a{float:left;width:232px;height:232px;opacity:.95}
#avtr1,#avtr2,#avtr3,#avtr4,#avtr5{position:absolute;z-index:10;top:20px;left:0;width:213px;height:224px}
#avtr5{top:-4px;height:248px;width:287px;left:-38px;}
.ofs #avtr1,.ofs #avtr2,.ofs #avtr3,.ofs #avtr4,.ofs #avtr5{animation: aura 1.5s infinite alternate;}
@keyframes aura {
  0% { filter: drop-shadow(0 -15px 10px rgba(236, 148, 0, 0.1)); }
  100% { filter: drop-shadow(0px -20px 25px rgba(236, 148, 0, 0.5)); }}

.ram{position:absolute;z-index:11;top:198px;left:18px;width:52px;height:50px;font:700 19px dncb;color:#fff;line-height:14px;text-align:left}
.ram span{font-size: 29px;color: #ffdb49;text-shadow: 0 0 6px #de0000, 0 0 12px red;line-height:29px}
.prxn{position:absolute;z-index:11;top:213px;right:15px;width:56px;height:38px;font-family:dncb;font-size:29px;text-align:center}
.prxn{color: #96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff}
.nme{position:absolute;z-index:4;bottom:2px;left:2px;width:230px;height:24px;font:700 20px dnb;color:#d9d9d9;text-align:center}
#pop{position:absolute;z-index:10;top:48px;left:14px;width:64px;height:41px;background:url(medias/pop.webp);}

#title{height:132px;text-align:center;align-items:center;background:linear-gradient(0,rgba(3,51,72,0) 0%,rgba(1,27,39,1) 100%),radial-gradient(circle,rgba(3,51,72,1) 0%,rgba(1,27,38,1) 50%)}
#title section{align-items:center}
#title h1{font:400 42px dncb;color:#fff;text-shadow:0 0 2px #007cca}
#title h2{font-size:17px;color:#b7cedd;font-weight:700}
@media(max-width:767.99px){
    #title h1{font-size:29px}
    #title h2{font-size:15px}
}

#prtn,#prtn2{height:111px;position:relative;background: linear-gradient(90deg, rgba(0,15,26,1) 15%, rgba(0,29,44,1) 25%, rgba(0,29,44,1) 75%, rgba(0,15,26,1) 85%);overflow:hidden}
#prtn2{height:auto;padding:30px 0 20px 0;}
#prtno{position:absolute;top:0px;left:0px;width:100%;height:24px;background:linear-gradient(0deg, rgba(0,29,44,0) 0%, rgba(0,11,19,0.5) 100%);}
#prtn h4,#prtn h3{color:#98d1df;margin:8px 0 0 0;font:20px dncb;text-align:center;z-index:2;}
#prtn ul{text-align:center;padding:0;margin:12px 0 12px 0}
#prtn li{display:inline-block;width:134px;height:49px;margin:0 10px 0 10px}
#prtn li a{display:inline-block;height:49px;opacity:.9}
#prtn li a:hover{opacity:1}
#prtn li a{background:url(medias/partners.webp)}
#prtn li:nth-child(2) a{width:134px;background-position:0 0}
#prtn li:nth-child(1) a{width:110px;background-position:-165px 0}

#snav{min-height:52px;background: linear-gradient(90deg, rgba(0,10,18,1) 15%, rgba(0,20,31,1) 25%, rgba(0,20,31,1) 75%, rgba(0,10,18,1) 85%);padding-bottom:18px}
#snav::before{content:"";height:1px;width:100%;position:absolute;margin:-1px;background: linear-gradient(90deg, rgba(0,10,18,1) 15%, rgba(0,20,31,1) 25%, rgba(9,45,60,1) 50%, rgba(0,20,31,1) 75%, rgba(0,10,18,1) 85%);}
@media(min-width:480.01px){#snav{padding:0}}
#snav a{color:#98d1df;font:400 20px dncb}
#snav a:hover{color:#fff}
#snav nav{display:flex;margin:0 auto;width:clamp(300px,100% - 20px,1200px);flex-flow:wrap}
@media(max-width:1199.99px){#snav nav{justify-content:center}}
#snav nav a{height:28px;font:400 20px dncb;color:#98d1df;margin:6px 20px 0 20px}

#copy{height:142px;background:url(medias/copybg.webp) center repeat-x;margin-top:-18px}
#copy h4{text-align:right;margin-top:22px;height:120px}
@media(max-width:1199.99px){#copy h4{text-align:center}}
#copy h4 a{font:700 30px dnb;color:#dcdcdc}
#copy h4 p{font:18px dnb;color:#dcdcdc;margin-top:0;}
@media(max-width:767.99px){
    #copy h4{margin:25px 0 -15px 0}
    #copy h4 a{font-size:24px}
    #copy h4 p{font-size:17px}
}
@media(max-width:479.99px){
    #copy h4 a{font-size:20px}
    #copy h4 p{font-size:16px}
}
#copy>section>a{margin-top:-20px;width:144px;height:59px;background:url(medias/spr1.webp) -10px -479px no-repeat;z-index:2}
#copy>section>p{margin-top:-27px;font:17px dncb;color:#557a87;text-align:center;}

.hgbc{position:absolute;margin-top:8px;width:226px;height:171px;background:url(medias/hgbc.webp) no-repeat}
::-webkit-scrollbar{height: 12px;width: 12px;background: #01151e;}
::-webkit-scrollbar-thumb{background: #063138;-webkit-border-radius: 1ex;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
::-webkit-scrollbar-corner{background: #01161e;}
#obody{position:absolute;z-index:11;position:fixed;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:#000;opacity:.35;-moz-opacity:.35;-ms-filter:alpha(opacity=35);filter:alpha(opacity=25)}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #0d1a21 inset !important;
    -webkit-text-fill-color: #98d1df !important;
    font-size:17px!important;
}

#stripe-form{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:9999; background: linear-gradient(0deg, rgba(2,51,65,1) 0%, rgb(5 28 38) 80%);border:3px solid #5469d4; width:30vw; min-width: 500px; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 40px; }
#stripe-element { margin-bottom: 24px; }
#stripe-button{ background: #5469d4; font-family: Arial, sans-serif; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; }
#stripe-button:hover { filter: contrast(115%);cursor:pointer;background: #199849; }
#stripe-form:has(#stripe-button:hover){border:3px solid #199849;}
#stripe-button:disabled { opacity: 0.5; cursor: default; }
#stripe-spinner,#stripe-spinner:before,#stripe-spinner:after{border-radius:50%}
#stripe-spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
#stripe-spinner:before,.spinner:after{position:absolute;content:""}
#stripe-spinner:before{width:10.4px;height:20.4px;background:#5469d4;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}
#stripe-spinner:after{width:10.4px;height:10.2px;background:#5469d4;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}
#stripe-close{position:absolute; top:0; right:0;}
#stripe-close a { float:left; width:20px; height:20px; font-family:"dnb"; font-size:18px; font-weight:bold; color:#c7ced0; text-align:center; }
#stripe-payment-message { color: rgb(105, 115, 134); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; }
@-webkit-keyframes loading {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@media only screen and (max-width: 600px) { #stripe-form{width:80vw;min-width:initial}}
.hidden { display: none; }

#ovsh { z-index:50;position: fixed;pointer-events:all;top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 660px; width: 90%; padding:10px; background: linear-gradient(0deg, rgb(3 34 48) 0%, rgb(6 22 31) 100%); border: 2px solid #0c2b3e; border-radius: 12px; display: grid; grid-template-areas: "header header" "image text" "button button"; gap: 10px; box-sizing: border-box; }
#ovshx { grid-area: header; font-family: "dncb"; font-weight: bold; font-size: 22px; color: #c7ced0; align-self: center; }
#ovshi { grid-area: image; width: 161px; height: 112px; }
#ovshi img { width: 100%; height: auto; }
#ovshb { grid-area: button; text-align: center;background-color: #086951;border-radius: 9px; }
#ovshb a { display: inline-block; padding: 10px 15px; font-family: "dncb"; font-size: 30px; color: #e0ffff; text-align: center; text-decoration: none; opacity: 0.8; border-radius: 5px; }
#ovshb a:hover { opacity: 1; }
#ovshtx { grid-area: text; font-family: "dnb"; font-size: 17px; color: #78acb9; }
#ovshtx h3 { font-size: 18px; color: #fff; font-weight: bold; margin: 0 0 5px 0; }
#ovshtx b { color: #ffdb4b; text-shadow: 0 0 6px #de0000, 0 0 12px rgba(222, 0, 0, 0.8); font-weight: bold; }
#ovshcl { grid-area: header; justify-self: end; }
#ovshcl a { font-family: "dnb"; font-size: 18px; font-weight: bold; color: #c7ced0; text-align: center; text-decoration: none; }

/* Responsive adjustment */
@media (max-width: 600px) {
  #ovsh { grid-template-areas: "header" "image" "text" "button";justify-items: center;}
}