main>div{padding:80px 0 40px 0}
.st section{align-items:center}
.st div{text-align:center}
.st h1{font:400 36px dncb;color:#fff;text-shadow:0 0 2px #007cca}
.st p{font-size:17px;color:#c6c6c6;font-weight:700}
.sp{column-gap:20px}
.sp article{padding:10px 0 10px 0}
.sp h1,.sp h2,.sp h3,.be h1,.be h2,.be h3,#bgg h3{font:30px dncb;color:#fff;text-shadow:0 0 2px #007cca;position:relative;z-index:3}
.sp h1{font-size:38px}
.sp h2{text-shadow:none;font-size:38px;color:#fff;margin-top:20px;font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:1;text-transform:uppercase}
.sp p{margin-top:20px;font:400 18px dn;color:#98d1df}
.sp p:nth-child(2),.sp p:nth-child(4){margin-top:5px}
#logc{position:absolute;display:block;z-index:20;top:55px;right:10px;width:280px;height:100px;padding:8px;border:1px solid #1f393e;border-radius:9px;background:linear-gradient(0deg,rgba(16,45,52,1) 3%,rgba(47,62,65,1) 23%,rgba(6,49,56,1) 15%,rgba(6,49,56,1) 62%,rgba(29,58,62,1) 62%,rgba(23,40,46,1) 100%)}
.logini{width:160px;height:19px;padding:6px 4px 4px 4px;margin-bottom:15px;font:400 17px dnb;color:#abbfce;background:#131f25;border:0px solid black;border-top-right-radius:6px;border-bottom-right-radius:6px}
.loginlb{float:left;width:90px;height:18px;padding:7px 10px 4px 0;margin-right:-10px;border-radius:6px;font:400 14px dnb;color:#e4feff;text-align:center;background:#0e6367}
#loginAccount{z-index:4;right:10px;position:absolute;bottom:1px;justify-self:right;width:133px;height:24px;padding-top:0px;font:400 18px dnb;text-align:center;color:#e4feff}
#loginAccount:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:133px;height:24px;background:url(medias/logbt.webp);opacity:0.6}
#loginAccount:hover:before{opacity:1}
#logc p{float:left;margin:-3.5px 0 0 0;font:400 15px dnb;color:#c6c6c6}
#logtw,#loggl,#logdc{float:left;width:42px;height:19px;background:#1f64674d;border-radius:4px;text-align:center;margin:-4px 0 0 5px;padding:1px 0;transform:skewX(10deg)}
#loggl,#logdc{padding:2px 0 0 0}
#logtw:hover{background:#000}
#loggl:hover{background:#fff}
#logdc:hover{background:#4c54c6}
#logtw img,#loggl img,#logdc img{transform:skewX(-10deg)}
@media(min-width:480.01px){#logc{right:42px}#logc{width:320px}.logini{width:200px}}
#s1{padding:0px;background:#081723;background-image:url(medias/s1b480.webp);background-repeat:no-repeat;background-position:bottom}
#s1c{position:relative;z-index:2;display:grid;gap:10px}
#s1bg1{position:absolute;z-index:2;width:100%;height:469px;background: linear-gradient(0deg, rgb(0 66 77) 0%, rgb(15 29 40 / 34%) 75%, rgb(16 31 44) 100%);}
#s1bg3{position:absolute;z-index:3;width:100%;height:45px;background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(17 32 43) 50%);}
#s1bg2{position:absolute;z-index:1;width:100%;height:469px;background:radial-gradient(circle,rgb(0 45 57) -40%,rgba(255,255,255,0) 35%) -400px 0px;overflow:hidden}
#s1bg2::after{content:'';background-image:url(medias/flx2.avif);z-index:0;position:absolute;width:2172px;height:208px;left:calc(50% - 1300px);transform:rotate(-45deg);animation:scrollBackground 60s linear infinite;opacity:0.3}
@keyframes scrollBackground{from{background-position:0 0}to{background-position:100% 0}}
#seo-intro{grid-area:c;font-size:20px;color:#9ed3de;transform:translateY(28px);opacity:0;animation:revealAnim 1.25s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:.2s}
#th{grid-area:e;position:absolute;z-index:3;width:715px;height:417px;margin:0px 0 0 -200px;background:image-set(url("medias/thlara.avif") 1x,url("medias/thlarab.avif") 2x) no-repeat;opacity:0;transform:translateY(28px);animation:revealAnim 0.75s cubic-bezier(0.22,1,0.36,1) forwards;opacity:0}
@keyframes revealAnim{to{opacity:1;transform:translateY(0)}}
@keyframes revealAnim2{to{opacity:1;transform:translateY(0)}}
#hb{grid-area:d;z-index:3;justify-self:right;width:0;height:0;border-left:870px solid transparent;border-right:80px solid transparent;border-bottom:88px solid #0d1921;position:absolute;bottom:-9px}
#s1 h1{grid-area:f;position:relative;font-size:44px;color:#fff;line-height:42px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,3.8vw,52px);font-weight:700;line-height:0.8;text-transform:uppercase;color:#fff;margin-bottom:22px;max-width:640px;transform:translateY(28px);animation:revealAnim 0.75s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:.1s;opacity:0;z-index:4}
#s1 h1 span{color:#52c7be}
#tw{font:400 16px dncb;color:#91c0c8;text-align:right;padding:12px 50px 0 0;max-width:140px}
#tw::after{content:"";float:right;width:32px;height:26px;margin:-15px -40px 0 0;background:url(medias/twitter.webp);opacity:0.8}
#tw:hover::after{opacity:1}
#tw span{font:400 20px dncb;line-height:12px;color:#dddddd;}
#tw:hover span,#tw:hover{color:#fff}
#s1 ul{grid-area:c;margin:20px 0 0 0;justify-self:right;font:400 18px dnb;line-height:30px;color:#cdf5ff;list-style-position:inside;column-gap:20px;padding:0 40px 0 0;list-style:none;animation:fadeUp .45s .13s cubic-bezier(.16,1,.3,1) both}
#s1 li::before{content:"";border:solid #98d1df;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-right:12px}
#config{z-index:4;zoom:1.1;grid-area:d;position:absolute;bottom:12px;justify-self:right;width:327px;height:45px;padding-top:4px;margin-right:38px;font:400 29px dncb;text-align:center;color:#ffdb4b;text-shadow:0 0 6px #de0000,0 0 12px rgb(222 0 0 / 80%);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;transform:translateY(28px);animation:revealAnim 0.75s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:.3s;opacity:0}
#config:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url(medias/cmd2.avif);opacity:0.7}
#config:hover:before{opacity:1;background:url(medias/cmd2.avif) center 53px}
#config:hover{color:#030c08;text-shadow:none}
#compteur{grid-area:d;position:absolute;width:220px;height:50px;z-index:10;transform:rotate(-5deg);font-family:"dncb";font-size:27px;color:#ffdb49;text-shadow:0 0 6px #de0000,0 0 12px red;transform:translateY(28px);animation:revealAnim 0.75s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:.3s;opacity:0}
#compteur span{font-size:38px;color:#c3f9ff;text-shadow:0 0 30px #007cca}
#compteur::after{content:"serveurs demarres";position:absolute;bottom:-16px;left:72px;width:130px;height:30px;font-size:20px;color:#98d1df;text-shadow:none}
.electricity{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);pointer-events:none;z-index:2}
.electricity{display:block}
.electricity path{fill:none;stroke:#ffdb4b;stroke-width:1;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffdb4b) drop-shadow(0 0 8px #ff8800) drop-shadow(0 0 12px #ff0000);opacity:1}
*:hover>.electricity path{stroke:#fff;filter:drop-shadow(0 0 2px #4bccff) drop-shadow(0 0 3px #00aaff) drop-shadow(0 0 4px #0064ff)}
#fv1,#fv2,#fv3,#fv4,#fv5,#fv6,#fv7{position:absolute;z-index:4;bottom:395px;left:345px;background:url(medias/flm1.webp) 0 0;background-size:cover;width:22px;height:18px;transform:rotate(-15deg);animation:leve2 2s infinite linear}
#fv2{left:325px;bottom:410px;width:14px;height:14px;animation:leve2 2.2s infinite linear!important}
#fv3{left:330px;bottom:380px;width:9px;height:9px;animation:leve2 2s infinite linear!important}
#fv4{left:313px;bottom:377px;width:9px;height:9px;animation:leve2 3s infinite linear!important}
#fv5{left:360px;bottom:385px;width:7px;height:7px;animation:leve2 4s infinite linear!important}
#fv6{left:350px;bottom:360px;width:15px;height:15px;animation:leve2 2.6s infinite linear!important}
#fv7{left:330px;bottom:350px;width:14px;height:13px;animation:leve2 3s infinite linear!important}
@keyframes leve{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{-webkit-transform:translateY(-130px) rotate(720deg);transform:translateY(-130px) rotate(720deg) scale(0.8);opacity:0.2;border-radius:50%}}
@keyframes leve2{0%{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);opacity:1;border-radius:0}100%{-webkit-transform:translateY(-60px) rotate(0deg);transform:translateY(-60px) rotate(10deg) scale(0.8);opacity:0.2;border-radius:50%}}
@media (max-width:992px){#fv1,#fv2,#fv3,#fv4,#fv5,#fv6,#fv7{animation:none;display:none}}
@media(max-width:480px){#s1bg1 {height: 570px;}#s1{background:linear-gradient(254deg,rgba(15,31,43,1) 0%,rgba(15,31,43,0) 50%,rgba(15,31,43,1) 100%),linear-gradient(-13deg,rgba(10,23,32,0) 0%,rgba(11,24,33,0.99) 40%,rgb(15,31,43) 40%,rgba(15,31,43,0) 50%,rgba(15,31,43,0) 100%)}#s1 ul{columns:1;justify-self:center;margin:0;column-gap:0;padding:0;line-height:24px}#s1 li{font-size:16px;color:#b2cfdc}#s1 h1{font-size:32px;line-height:32px;text-align:center}#hb{display:none}#th{width:600px;bottom:0px;right:-25px;zoom:0.8}#th2{margin:31px 0 0 0;width:100%;height:187px;background:url(medias/th_480lrc.webp) bottom center no-repeat}#s1bg2{height:594px;background:radial-gradient(circle,rgba(0,60,75,1) -40%,rgba(255,255,255,0) 35%) -70px 100px}#s1bg2::after{left:calc(50% - 500px)}#tw{display:none}#config{margin:0;justify-self:center;transform:scale(0.9)}#compteur{bottom:110px;right:10px;zoom:0.8;}#seo-intro{font-size:17px;padding:0;text-align:center}.tag-label2{grid-area:a!important;margin:0!important;zoom:0.8;justify-self:center!important}#s1c{grid-template:"a a a a a" 30px "f f f f f" 80px "c c c c c" 270px "e e e e e" 140px / 1fr 1fr 1fr 0.7fr 1.3fr}.rvblog article{grid-column-end:span 12}}
@media(min-width:480.01px) and (max-width:768px){#s1{background:linear-gradient(254deg,rgba(15,31,43,1) 0%,rgba(15,31,43,0) 50%,rgba(15,31,43,1) 100%),linear-gradient(-13deg,rgba(10,23,32,0) 0%,rgba(11,24,33,0.99) 40%,rgb(15,31,43) 40%,rgba(15,31,43,0) 50%,rgba(15,31,43,0) 100%)}#s1 ul{columns:2;justify-self:center;margin:0;column-gap:0;padding:0;line-height:24px}#s1 li{font-size:calc(7px + 1.05vw)}#s1 h1{font:400 30px dncb;line-height:32px}#hb{border-left:640px solid transparent}#th{margin:10px 0 0 calc(-110px - (577px - 66vw));zoom:0.7}#s1bg2{height:450px;background:radial-gradient(circle,rgba(0,60,75,1) -40%,rgba(255,255,255,0) 35%) -70px 100px}#compteur{bottom:100px;right:42px;zoom:0.9;}#seo-intro{font-size:16px;padding:0}.tag-label2{margin-top:-144px;zoom:0.8}#tw{zoom:0.9}#s1c{grid-template:"a a a a b" 100px "g g f f f" 20px "e h c c c" 140px "e d d d d" 150px / 1fr 1fr 1fr 1fr 1fr;align-items:center}.rvblog article{grid-column-end:span 6}}
@media(min-width:768.01px) and (max-width:991.99px){#s1{background:linear-gradient(254deg,rgba(15,31,43,1) 0%,rgba(15,31,43,0) 50%,rgba(15,31,43,1) 100%),linear-gradient(-13deg,rgba(10,23,32,0) 0%,rgba(11,24,33,0.99) 40%,rgb(15,31,43) 40%,rgba(15,31,43,0) 50%,rgba(15,31,43,0) 100%)}#s1 ul{columns:2;justify-self:right;margin:0;font:400 15px dnb;column-gap:0px;padding:0 10px 0 0;line-height:30px;z-index:5}#hb{border-left:640px solid transparent}#th{margin:0;width:600px;height:417px;margin:-136px 0 0 -242px;zoom:0.8}#s1bg2{height:500px;background:radial-gradient(circle,rgba(0,60,75,1) -40%,rgba(255,255,255,0) 35%) -200px 120px}#compteur{bottom:19px;left:-25px}#seo-intro{font-size:18px;padding:0}.tag-label2{margin-top:-144px;zoom:0.9}#tw{zoom:1}#s1c{grid-template:"a a a a b" 70px "g g f f f" 60px "e h c c c" 120px "e d d d d" 94px / 1fr 1fr 1fr 1fr 1fr;align-items:center}.rvblog article{grid-column-end:span 6}}
@media(min-width:992px) and (max-width:1200px){#s1{background:linear-gradient(254deg,rgba(15,31,43,1) 0%,rgba(15,31,43,0) 50%,rgba(15,31,43,1) 100%),linear-gradient(-13deg,rgba(10,23,32,0) 0%,rgba(11,24,33,0.99) 68%,rgb(15,31,43) 50%,rgba(15,31,43,0) 50%,rgba(15,31,43,0) 100%)}#s1 ul{columns:2;margin:20px 0 0 0;justify-self:right;font-size:17px;column-gap:0px;margin:0}#th{margin:-136px 0 0 -130px;zoom:0.8}#th2{margin:48px 0 0 -120px}#fv1{bottom:330px!important}#fv2{bottom:320px!important}#fv3{bottom:320px!important}#fv4{bottom:317px!important}#fv5{bottom:325px!important}#fv6{bottom:300px!important}#fv7{bottom:290px!important}#hb{border-left:870px solid transparent}#hbo{display:block}#s1bg2{background:radial-gradient(circle,rgba(0,60,75,1) -40%,rgba(255,255,255,0) 35%) -333px 120px}#compteur{bottom:22px;left:30px}.tag-label2{margin-top:-120px!important}#tw{zoom:1}#s1c{grid-template:"a a a a b" 70px "g g f f f" 60px "e h c c c" 120px "e d d d d" 94px / 1fr 1fr 1fr 1fr 1fr;align-items:center}.rvblog article{grid-column-end:span 4}}
@media(min-width:768.01px) and (max-width:1080px){#s1 h1{font-size:36px;line-height:37px}.rvblog article{grid-column-end:span 4}}
@media(min-width:1179.99px) and (max-width:1230px){#s7-merged {background-position: calc(50% + 150px) 50%!important;}#ofb0,#ofb1,#ofb2,#ofb3,#ofh1,#ofh4,#ofh2{zoom:0.85;margin:0 -20px}#ofh1,#ofh2,#ofh4{top:20px}#seo-intro{font-size:18px}#s1 h1{max-width:540px}.plantr{-webkit-clip-path:polygon(calc(105vw - 18.02vw) 0,calc(95vw - 82.61vw) 0,calc(90vw - 96.58vw) 160px,calc(100vw - (-16.93vw)) 230px);clip-path:polygon(calc(105vw - 18.02vw) 0,calc(95vw - 82.61vw) 0,calc(90vw - 96.58vw) 160px,calc(100vw - (-16.93vw)) 230px)}#s20{padding:10px 10px 10px 0!important}.ofgaps2{grid-column-end:span 4!important}.rvblog article{grid-column-end:span 4}.panel-tab-header{padding:14px 16px!important}.ram1,.ram2{left:18px}.prxn1{right:15px}}
@media(min-width:1200.01px){#s1{height:413px;background:linear-gradient(254deg,rgba(15,31,43,1) 0%,rgba(15,31,43,0) 50%,rgba(15,31,43,1) 100%),linear-gradient(-13deg,rgba(10,23,32,0) 0%,rgba(11,24,33,0.99) 62%,rgb(15,31,43) 50%,rgba(15,31,43,0) 50%,rgba(15,31,43,0) 100%)}#s1 ul{columns:2;justify-self:right;margin:20px 0 0 0;font-size:18px;column-gap:20px;margin:0}#th{margin:-148px 0 0 -170px;zoom:0.9}#hb{border-left:870px solid transparent}#hbo{display:block}#compteur{bottom:16px;left:-30px}#tw{zoom:1}#s1c{grid-template:"a a a a b" 100px "g g f f f" 60px "e h c c c" 120px "e d d d d" 94px / 1fr 0.5fr 1fr 1fr 1fr;align-items:center}#fv1{bottom:365px}#fv2{bottom:380px}#fv3{bottom:350px}#fv4{bottom:347px}#fv5{bottom:355px}#fv6,#fv7{bottom:330px}.rvblog article{grid-column-end:span 4}}
@media(min-width:1680.01px){#s1{height:469px;background:linear-gradient(254deg,rgba(15,31,43,1) 0%,rgba(15,31,43,0) 50%,rgba(15,31,43,1) 100%),linear-gradient(-13deg,rgba(10,23,32,0) 0%,rgba(11,24,33,0.99) 59%,rgb(15,31,43) 50%,rgba(15,31,43,0) 50%,rgba(15,31,43,0) 100%)}#s1 ul{columns:2;justify-self:right;margin:0}#th{margin:-120px 0 0 -200px;zoom:1}#fv1{left:355px;bottom:395px}#fv2{left:335px;bottom:410px}#fv3{left:340px;bottom:380px}#fv4{left:323px;bottom:377px}#fv5{left:370px;bottom:385px}#fv6{left:360px;bottom:360px}#fv7{left:340px;bottom:350px}#hb{border-left:870px solid transparent}#compteur{bottom:18px;left:30px}#s1c{grid-template:"a a a a b" 114px "g g f f f" 60px "e h c c c" 140px "e d d d d" 116px / 1fr 0.5fr 1fr 1fr 1fr;align-items:center}}
@media(min-width:1920.01px){#s1{height:469px;background:linear-gradient(254deg,rgb(9 25 37) 0%,rgb(0 0 0 / 69%) 50%,rgb(10 24 34) 100%),linear-gradient(-13deg,rgb(79 126 152) 25%,rgb(11 65 96) 62%,rgb(15,31,43) 50%,rgb(12 43 58) 50%,rgb(0 0 0) 100%)}#s1 ul{columns:2;justify-self:right;margin:0}#th{margin:-120px 0 0 -200px}#hb{border-left:870px solid transparent}#compteur{bottom:18px;left:0px;z-index:10}#s1c{grid-template:"a a a a b" 114px "g g f f f" 60px "e h c c c" 140px "e d d d d" 116px / 1fr 0.5fr 1fr 1fr 1fr;align-items:center}}
#s2,#s3{padding-top:0;min-height:200px;background:#0b151c;position:relative;z-index:1}
#s3{background:linear-gradient(0deg,rgb(0 41 59) 0%,rgb(13 24 31) 80%)}
#s2{padding:0 0 20px 0;min-height:0px}
#s2::before{content:"";float:left;width:100%;height:60px;background:linear-gradient(0deg,rgb(10 20 27) 0%,rgb(13 25 33) 100%)}
.st b{color:#fff}
#s2 h2,#s5 h2,#s9 h2,#s10 h2{font-size:38px;color:#fcd857;margin-top:20px;font-family:'Barlow Condensed',sans-serif;font-weight:700;line-height:1;text-transform:uppercase}
#s2 h2{margin-top:40px}
#s9 .st{margin-bottom:20px}
#s2 p{font:400 17px dnb;color:#c6c6c6}
@media(min-width:768px){main>div{padding:20px 0 80px 0}}
@media (min-width:992px){#s2 p,.st p{font-size:20px}}
#s2 h2{font-size:44px}
#s3a{width:100%;height:480px}
.lm2{z-index:0;width:100%;height:450px;z-index:-1;position:relative}
#lmv2{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;object-fit:contain;object-position:left bottom;opacity:0}
#lmc2{top:0;right:0;bottom:0;left:-50px;width:100%;height:100%;display:block;pointer-events:none;z-index:-1;object-fit:contain}
#lmc2{left:-30px}
@media(max-width:1199.99px){#lmc2{left:-100px}}
#s3{padding:0 0 60px 0;position:relative}
#s3 p{position:relative;z-index:3;margin:0;font:400 18px dn;color:#6ca3b3}
#s3 p b{color:#fff}
#s3 h2{color:#dddddd}
#s4-new{position:relative;background:linear-gradient(0deg,#122435 0,#071420 30%);overflow:hidden;padding:0}
#s4-new::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.2),transparent);z-index:2}
#s4-new::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,245,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,245,0.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}
#s4-new .s4n-wrap{position:relative;z-index:1;width:clamp(300px,100% - 20px,1260px);margin:0 auto;padding:70px 10px 80px}
#s4-new .s4n-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,3.8vw,52px);font-weight:800;text-transform:uppercase;line-height:.92;color:#fff;margin-bottom:10px}
#s4-new .s4n-title em{font-style:normal;color:#62c9bd}
#s4-new .s4n-sub{font-family:'DINPro',dn,sans-serif;font-size:18px;color:#5a8898;line-height:1.6;margin-bottom:48px}
#s4-new .s4n-sub strong{color:#c9e8ef;font-weight:600}
#s4-new .s4n-sub span{color:#62c9bd;}
#s4-new .s4n-grid{display:flex;flex-direction:row;gap:40px;align-items:flex-start;margin-bottom:56px}
#s4-new .s4n-video-col{position:relative;width:690px;margin-top:-15px}
#s4-new .s4n-video-badge{position:absolute;top:14px;left:14px;z-index:4;backdrop-filter:blur(8px);border:1px solid rgba(0,212,245,0.18);border-radius:10px;padding:9px 14px}
#s4-new .s4n-video-badge-title{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;line-height:1;display:flex;align-items:center;gap:6px}
#s4-new .s4n-video-badge-title svg{width:14px;height:14px;fill:#ff4444;flex-shrink:0}
#s4-new .s4n-video-badge-sub{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8dbccb;margin-top:3px}
#s4-new .s4n-info-col{flex:1;min-width:0;display:flex;flex-direction:column;row-gap:40px;position:absolute;width:clamp(420px,44%,540px);right:0}
#s4-new .s4n-info-col::before{content:"";position:absolute;z-index:-1;top:-20px;left:-40px;width:200px;height:calc(100% + 90px);background:linear-gradient(90deg,rgba(46,46,46,0) 0%,rgba(7,20,32,1) 19%)}
.s4n-block{border-left:3px solid rgba(0,212,245,0.15);padding:0 16px}
.s4n-block h3{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f9d660;margin-bottom:6px}
.s4n-block p{font-family:'DINPro',dn,sans-serif;font-size:18px;line-height:1.5;color:#6a9aab}
.s4n-block p strong{color:#c9e8ef;font-weight:600}
#s4-new .s4n-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.1),transparent);margin:0 0 10px}
#s4-new .s4n-bench-wrap{display:grid;grid-template-columns: 200px 1fr 136px 300px;gap:32px;align-items:center}
#s4-new .s4n-cpu-img{display:flex;align-items:center;justify-content:center;opacity:0.9}
#s4-new .s4n-cpu-img img{width:275px;height:212px;object-fit:contain;display:block}
#s4-new .s4n-bench-title{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3a6a7a;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.s4n-bar-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.s4n-bar-label{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5a8898;width:130px;flex-shrink:0;line-height:1.1}
#s4-new .s4n-bench-title .tooltip-icon{font-size:14px;color:#5a8898;cursor:help}
.s4n-bar-row:first-of-type .s4n-bar-label{color:#c9a8ff}
.s4n-bar-track{flex:1;height:10px;background:rgba(255,255,255,0.05);border-radius:99px;overflow:hidden}
.s4n-bar-fill{height:100%;width:0;transition:width 2.5s cubic-bezier(0.22,1,0.36,1);background:linear-gradient(90deg,#175b76,#1ed6f8)}
.s4n-bar-fill.alt{background:linear-gradient(90deg,rgb(102,0,128),#9a00c0)}
.best_cpu{color:#41d7f3}
.s4n-bar-val{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#3a6a7a;width:36px;text-align:right;flex-shrink:0}
.s4n-bar-row:first-of-type .s4n-bar-val{color:#b060e0}
.s4n-bench-note, .s4n-bench-note a{font-family:'DINPro',dn,sans-serif;font-size:14px;color:#236d80;margin-top:10px;font-style:italic;}
.s4n-bench-note a{text-decoration:none;color:#89a6ab;}
.s4n-bench-note a:hover{color:#f9d660;}
#s4-new .s4n-bench{margin-left:-30px;}
#s4-new .s4n-assemblage{width: 100%;aspect-ratio: 16 / 9;background: url(medias/assemblage_serveur.webp) 0 0;background-size: cover;border-radius: 9px;max-width: 400px;opacity: 0.9;-webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 82%, rgba(0, 0, 0, 0.3));justify-self: center;}
#s4-new .s4n-assemblage:hover{opacity:1!important;}
#s4-new .s4n-perf-panel{display:flex;flex-direction:column;gap:18px}
.s4n-perf-item{text-align:right;padding:2px 16px 2px 16px;border-right:3px solid rgba(0,212,245,0.12);position:relative}
.s4n-perf-val{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:800;color:#00d4f5;text-shadow:0 0 24px rgba(0,212,245,.3);line-height:1}
.s4n-perf-val .s4n-unit2{font-size:20px;color:#007a90}
.s4n-perf-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3a6a7a;margin-top:2px;line-height:1.3}
@media (max-width:991px){#s4-new .s4n-grid{flex-direction:column;gap:24px}#s4-new .s4n-video-col{flex:none;width:100%}#s4-new .s4n-bench-wrap{grid-template-columns:1fr;gap:24px}#s4-new .s4n-cpu-img{display:none}#s4-new .s4n-perf-panel{flex-direction:row;border-right:none;justify-content:center;gap:32px}.s4n-perf-item{border-right:none;border-bottom:2px solid rgba(0,212,245,0.12);text-align:center;padding:0 20px 16px}#s4-new .s4n-info-col{position:relative;width:100%}#s4-new .s4n-info-col::before{display:none}}
@media (max-width:600px){#s4-new .s4n-wrap{padding:40px 10px 50px}.s4n-stat-val{font-size:28px}.s4n-video-badge{zoom:0.8}}
@media (hover:none) and (pointer:coarse){.tooltip-icon:active::after,.tooltip-icon:focus::after{opacity:1}}
@media(max-width:480px){#s4c{grid-template:"b2 b2 b2 b2" auto "c2 c2 c2 c2" 20px "a2 a2 a2 a2" 60px "d2 d2 d2 d2" 200px "e2 e2 e2 e2" auto / 0.8fr 0.8fr 1.2fr 1.2fr;align-items:center}.bb{max-width:calc(100% - 157px)}.bb1{max-width:calc(100% - 157px - 15%)}.bb2{max-width:calc(100% - 157px - 19%)}.bb3{max-width:calc(100% - 157px - 20%)}.bb4{max-width:calc(100% - 157px - 26%)}#s3c,#s3co{display:none}#s3{padding:0 0 100px 0;margin-top:-30px}.lm-overlay{bottom:-80px}#s2::before{height:20px}#s4{padding:20px 0 0 0}#s4g{top:0;left:0;width:100%;left:-10px;width:calc(100% + 20px)}#s4db1{padding-right:160px}#s4db{transform:scale(0.7);justify-self:center;margin:0 -70px 0 -70px}#s2 h2,#s4 h2{font-size:32px;margin:40px 0 20px 0;text-align:center}#s4g3 label{display:none}#s2c{background:radial-gradient(circle,rgba(0,38,51,1) -80%,rgba(255,255,255,0) 60%) 0px 0px}.gb{zoom:0.75}}
@media(min-width:480.01px) and (max-width:768px){#s4c{grid-template:"b2 b2 b2 b2" auto "c2 c2 c2 c2" 20px "a2 a2 a2 a2" 60px "d2 d2 d2 d2" 210px "e2 e2 e2 e2" auto / 0.8fr 0.8fr 1.2fr 1.2fr;align-items:center}.bb{max-width:calc(100% - 227px)}.bb1{max-width:calc(100% - 227px - 15%)}.bb2{max-width:calc(100% - 227px - 19%)}.bb3{max-width:calc(100% - 227px - 20%)}.bb4{max-width:calc(100% - 227px - 26%)}#s3c,#s3co{display:none}#s4{padding:20px 0 0 0}#s4g{top:0;left:0;width:100%;left:-10px;width:calc(100% + 20px)}#s4g1{margin-left:10px}#s4db{transform:scale(0.9);margin:0 -35px 0 -35px}#s4db1{padding-right:160px}#s4db{transform:scale(0.95);justify-self:center}#s2 h2,#s4 h2{margin-top:20px}#s2 h2,#s4 h2,#s5 h2,#s6 h2,#s7 h2,#s8 h2,#s9 h2,#s10 h2,#s11 h2{font-size:32px;margin-bottom:10px;text-align:center}#s2c{background:radial-gradient(circle,rgba(0,38,51,1) -60%,rgba(255,255,255,0) 100%) 0px 0px}}
@media(min-width:768.01px) and (max-width:992px){#s4-new .s4n-bench{margin-left:0px;}#s4c{grid-template:"a2 a2 b2 b2" 60px "d2 d2 b2 b2" 280px "e2 e2 c2 c2" auto / 0.8fr 0.8fr 1.2fr 1.2fr;align-items:center}#s4d{padding:20px 5px 10px 15px;background:linear-gradient(90deg,rgba(235,181,71,0) 0%,rgba(17,42,46,0.9) 2%);border-radius:20px}.bb{max-width:calc(100% - 228px)}.bb1{max-width:calc(100% - 228px - 15%)}.bb2{max-width:calc(100% - 228px - 19%)}.bb3{max-width:calc(100% - 228px - 20%)}.bb4{max-width:calc(100% - 228px - 26%)}#s4g4{margin-top:0px}#s3c,#s3co{display:none}#s4g{width:700px}#s4db{transform:scale(0.9);margin:0 -35px 0 -35px}#s2c{background:radial-gradient(circle,rgba(0,38,51,1) -40%,rgba(255,255,255,0) 60%) -80px 0px}}
@media(min-width:992.01px) and (max-width:1200px){#s4-new .s4n-bench{margin-left:-30px;}#s4c{grid-template:"a2 a2 b2 b2" 120px "d2 d2 b2 b2" 220px "e2 e2 c2 c2" auto / 1fr 1fr 1fr 1fr;align-items:center}#s4db{transform:scale(0.9);margin:0 -35px 0 -35px}.bb{max-width:calc(100% - 227px)}.bb1{max-width:calc(100% - 227px - 15%)}.bb2{max-width:calc(100% - 227px - 19%)}.bb3{max-width:calc(100% - 227px - 20%)}.bb4{max-width:calc(100% - 227px - 26%)}#s4db1{padding-right:152px}#s2c{background:radial-gradient(circle,rgba(0,38,51,1) -40%,rgba(255,255,255,0) 68%) -200px 0px}}
@media(min-width:1200.01px){#s4-new .s4n-bench{margin-left:-30px;}#s4c{grid-template:"a2 a2 b2 b2" 120px "d2 d2 b2 b2" 220px "e2 e2 c2 c2" auto / 1fr 1fr 1fr 1fr;align-items:center}.bb{max-width:calc(100% - 227px)}.bb1{max-width:calc(100% - 227px - 15%)}.bb2{max-width:calc(100% - 227px - 19%)}.bb3{max-width:calc(100% - 227px - 20%)}.bb4{max-width:calc(100% - 227px - 26%)}#s2c{position:absolute;z-index:1;width:100%;height:60px}}
@media(min-width:1680.01px){#s4-new .s4n-bench{margin-left:-30px;}#s4c{grid-template:"a2 a2 b2 b2" 120px "d2 d2 b2 b2" 440px "e2 e2 c2 c2" auto / 1fr 1fr 1fr 1fr;align-items:center}.bb{max-width:calc(100% - 227px)}.bb1{max-width:calc(100% - 227px - 15%)}.bb2{max-width:calc(100% - 227px - 19%)}.bb3{max-width:calc(100% - 227px - 20%)}.bb4{max-width:calc(100% - 227px - 26%)}}
#s5{background:linear-gradient(0deg,rgba(2,51,65,1) 0%,rgba(11,25,33,1) 80%);padding:40px 0 80px 0}
#s5::after{content:"";position:absolute;width:100%;height:15px;background:url(medias/signs1.webp) center bottom repeat-x;margin-top:66px}
.rv{display:flex;flex-flow:wrap;justify-content:center;gap:40px;padding:60px 0 20px 0}
.ct1{max-width:250px;text-align:center;opacity:0;transform:translateY(50px) scale(0.9);transition:opacity 0.8s ease-out,transform 0.8s ease-out;will-change:opacity,transform}
.ct1.animate{opacity:1;transform:translateY(0) scale(1)}
#s5 .ct1:hover div div{filter:brightness(1.5) drop-shadow(0 0 10px rgba(255,180,0,.8))}
@media(max-width:480px){#s4-new .s4n-bench{margin-left:0px;}.rv{gap:20px}.ct1{transition:none}.freeman-right h2 em{font-size:46px!important;}.freeman-right h2 span{font-size:58px!important;}.freeman-right h2{line-height:normal!important;}#cmdc, #duree{zoom:1!important;}.tag-label{font-size:11px!important;}}
#s5c1,#s5c2,#s5c3,#s5c4,#s5c5,#s5c6,#s5c7,#s5c8{position:relative;width:250px;height:90px;background:url(medias/spr1.webp) -520px -457px no-repeat}
#s5c1 div,#s5c2 div,#s5c3 div,#s5c4 div,#s5c5 div,#s5c6 div,#s5c7 div,#s5c8 div{content:"";width:60px;height:60px;z-index:4;position:absolute;z-index:1;left:calc(50% - 30px);margin-top:16px;transition:filter .35s,transform .35s cubic-bezier(0.22,1,0.36,1)}
#s5c1 div{background:url(medias/spr1.webp) -594px -336px}
#s5c2 div{background:url(medias/spr1.webp) -10px -558px}
#s5c3 div{background:url(medias/spr1.webp) -90px -558px}
#s5c4 div{background:url(medias/spr1.webp) -170px -558px}
#s5c5 div{background:url(medias/spr1.webp) -250px -558px}
#s5c6 div{background:url(medias/spr1.webp) -330px -558px}
#s5c7 div{background:url(medias/spr1.webp) -410px -558px}
#s5c8 div{background:url(medias/spr1.webp) -490px -558px}
.rv h3{font:397 20px dncb;color:#dddddd;text-shadow:0 0 2px #007cca;text-align:center;padding:5px 0 5px 0;font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}
.rv p{font:16px dnb;color:#5f94a5;text-align:center}
#v1,#v2,#v3,#v4,#v5,#v6,#v7,#v8,#v9,#v10{width:174px;height:89px;zoom:0.6}
#v1{background:url(medias/spr1.webp) -206px -10px no-repeat}
#v2{background:url(medias/spr1.webp) -206px -119px no-repeat}
#v3{background:url(medias/spr1.webp) -10px -261px no-repeat}
#v4{background:url(medias/spr1.webp) -204px -261px no-repeat}
#v5{background:url(medias/spr1.webp) -400px -10px no-repeat}
#v6{background:url(medias/spr1.webp) -400px -119px no-repeat}
#v7{background:url(medias/spr1.webp) -400px -228px no-repeat}
#v8{background:url(medias/spr1.webp) -10px -370px no-repeat}
#v9{background:url(medias/spr1.webp) -204px -370px no-repeat}
#v10{background:url(medias/spr1.webp) -398px -370px no-repeat}
#s7-merged{position:relative;background:#041016;background-image:url("medias/lclava2b.avif");background-repeat:no-repeat;background-position:calc(50% + 300px) 50%;background-size:auto 100%;overflow:hidden;will-change:background-position;padding:80px 0 80px 0}
#s7-merged::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,19,0.97) 0%,rgba(1,12,19,0.85) 45%,rgba(1,12,19,0.15) 70%,rgba(1,12,19,0) 100%),linear-gradient(0deg,rgba(1,12,19,1) 0%,rgba(1,12,19,0) 30%);pointer-events:none;z-index:1}
#s7-merged::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.3),transparent);z-index:2}
#s7-merged .s7m-inner{position:relative;z-index:2;width:clamp(300px,100% - 20px,1200px);margin:0 auto;padding:0 10px}
.s7m-header{max-width:980px}
.s7m-h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,4.2vw,58px);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:.01em;color:#fff;margin-bottom:10px;opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(0.22,1,0.36,1) .08s,transform .75s cubic-bezier(0.22,1,0.36,1) .08s}
.s7m-h1.s7m-visible{opacity:1;transform:translateY(0)}
.s7m-h1 em{font-style:normal;color:#52c7be;text-shadow:0 0 28px rgba(0,212,245,.4)}
.s7m-sub{font-family:'Barlow Condensed',sans-serif;font-size:clamp(16px,1.6vw,20px);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#5a8898;margin-bottom:28px;opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(0.22,1,0.36,1) .14s,transform .7s cubic-bezier(0.22,1,0.36,1) .14s}
.s7m-sub.s7m-visible{opacity:1;transform:translateY(0)}
.s7m-desc{font-family:'DINPro',dn,sans-serif;font-size:17px;line-height:1.7;color:#6a9aab;margin-bottom:14px;opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(0.22,1,0.36,1) .2s,transform .7s cubic-bezier(0.22,1,0.36,1) .2s}
.s7m-desc.s7m-visible{opacity:1;transform:translateY(0)}
.s7m-desc b{color:#c9e8ef;font-weight:600}
.s7m-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 36px;opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(0.22,1,0.36,1) .28s,transform .7s cubic-bezier(0.22,1,0.36,1) .28s}
.s7m-pills.s7m-visible{opacity:1;transform:translateY(0)}
.s7m-pill{display:flex;align-items:center;gap:7px;background:rgba(0,212,245,0.07);border:1px solid rgba(0,212,245,0.18);border-radius:6px;padding:6px 12px;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8ab8c8;transition:background .3s ease,border-color .3s ease,color .3s ease}
.s7m-pill:hover{background:rgba(0,212,245,0.14);border-color:rgba(0,212,245,0.4);color:#c9e8ef}
.s7m-pill svg{width:13px;height:13px;stroke:#00d4f5;fill:none;stroke-width:2.2;stroke-linecap:round}
.s7m-versions-wrap{position:relative;z-index:2}
.s7m-versions-title{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(138,184,200,0.4);margin-bottom:16px;opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(0.22,1,0.36,1) .1s,transform .6s cubic-bezier(0.22,1,0.36,1) .1s}
.s7m-versions-title.s7m-visible{opacity:1;transform:translateY(0)}
#s7-versions-list{padding:0;list-style:none;display:flex;flex-flow:row wrap;justify-content:flex-start;gap:12px;margin:0}
#s7-versions-list li{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(0.22,1,0.36,1),transform .55s cubic-bezier(0.22,1,0.36,1);filter:brightness(0.8) saturate(0.7)}
#s7-versions-list li:hover{filter:brightness(1.1) saturate(1);transform:translateY(-3px)!important;transition:filter .3s ease,transform .3s cubic-bezier(0.22,1,0.36,1)!important}
#s7-versions-list li.s7m-visible,#s7-versions-list li.animate{opacity:1;transform:translateY(0)}
@media (max-width:1199px){#s7-merged{background-position:calc(50% + 160px) 50%}}
@media (max-width:991px){#s7-versions-list{justify-content:center}.s7m-header{max-width:100%}}
@media (max-width:480px){#s7-merged{padding:40px 0 40px 0}.s7m-pill{font-size:12px}#s7-versions-list{justify-content:center;gap:8px}.s7m-pills{justify-content:center}.freeman-right h2{zoom:0.7}}
@keyframes bounceIn{0%{transform:translateY(-50px);opacity:0}50%{transform:translateY(0);opacity:1}65%{transform:translateY(-15px)}80%{transform:translateY(0)}90%{transform:translateY(-8px)}100%{transform:translateY(0)}}
.panel_intro{display: flex;justify-content: space-between;align-items: center;}
.panel-showcase{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;max-width:1200px;margin:40px auto 0}
.panel-tabs{display:flex;flex-direction:column;gap:6px}
.panel-tab{background:#15222a;border-radius:10px;overflow:hidden;cursor:pointer;opacity:0.5;transition:opacity 0.25s,background 0.2s,border-color 0.2s}
.panel-tab.active{opacity:1;background:#17272f}
.panel-tab:hover:not(.active){opacity:0.78;background:#0d1e28}
.panel-tab-header{display:flex;align-items:center;gap:12px;padding:16px}
.panel-tab-icon{width:27px;height:27px;flex-shrink:0;opacity:0.7;transition:opacity 0.2s;stroke:#986de5;transform:rotate(-12deg)}
.panel-tab.active .panel-tab-icon{opacity:1}
.panel-tab-title{font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:0.05em;text-transform:uppercase;color:#8ab8c8;transition:color 0.2s}
.panel-tab.active .panel-tab-title{color:#fff}
.panel-tab-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.38s cubic-bezier(0.22,1,0.36,1)}
.panel-tab.active .panel-tab-body{grid-template-rows:1fr}
.panel-tab-body-inner{overflow:hidden}
.panel-tab-body-text{padding:0 16px 14px 16px;font:400 16px 'DINPro',dn,sans-serif;color:#5a8898;line-height:1.2;transform:translateY(10px);opacity:0;transition:transform 0.32s cubic-bezier(0.22,1,0.36,1) 0.06s,opacity 0.28s ease 0.06s}
.panel-tab.active .panel-tab-body-text{transform:translateY(0);opacity:1}
.panel-tab.dir-prev .panel-tab-body-text{transform:translateY(-10px)}
.panel-tab.dir-prev.active .panel-tab-body-text{transform:translateY(0);opacity:1}
.panel-tab-progress{height:4px;background:#1e313b;overflow:hidden}
.panel-tab-progress-bar{height:100%;width:0%;background:#33877e;box-shadow:0 0 8px rgba(0,200,255,0.45)}
.panel-tab:hover .panel-tab-progress-bar{background:#d1af34}
.panel-preview{position:relative;border-radius:12px;overflow:hidden;border:1px solid #19282f;background:#050f16;aspect-ratio:16/11}
.panel-preview-item{position:absolute;inset:0;opacity:0;transition:opacity 0.55s ease}
.panel-preview-item.active{opacity:1}
.panel-preview-item img,.panel-preview-item video{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.panel-preview::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,#0c192057,transparent);pointer-events:none;z-index:2}
.panel-tab:not(.active) .panel-tab-progress{display:none}
@media (max-width:1100px){.panel-showcase{grid-template-columns:1fr;gap:12px}.panel-tabs{order:2}.panel-preview{order:1;aspect-ratio:16/9}}
@media (max-width:480px){.panel-tab-title{font-size:15px}.panel-tab-body-text{font-size:13px;padding-left:40px}}
#s9{background:#0f1f2b;padding:60px 0 80px 0}
#s9 .st{position:relative;z-index:2}
#s9 .sp p{margin-top:20px}
#s9 h3{font-size:30px;color:#fff;text-shadow:0 0 2px #007cca;margin:20px 0 -10px 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;line-height:1;text-transform:uppercase}
#s10{background:linear-gradient(0,rgb(5 44 65) 0%,rgba(1,31,43,1) 50%,rgb(2 19 29) 100%);padding:20px 0 80px 0}
#s10 section,#s10a{row-gap:20px}
#s10a{margin-top:60px;justify-items:center}
#s10b>div{width:202px;height:94px;background:url(medias/s10i.webp) -1px -60px no-repeat;font:400 19px/20px dn}
#s10b{color:#fff}
#s10b>h3{margin-top:8px;font-weight:bold}
#s10b>p{font-size:15px;font-weight:400}
#s10c article{padding:10px}
#s10c div{height:200px;animation:24s playslide infinite linear;opacity:0}
#s10c div:nth-child(2){margin-top:-200px}
#s10c div:nth-child(3){margin-top:-200px}
@media(max-width:991.99px){#s10a{margin-bottom:20px}}
@media(max-width:479.99px){#s10a{margin-bottom:40px}}
#s10c h4{font:400 18px dn;color:#fff;margin-bottom:15px;padding-left:55px}
#s10c h4::after{display:block;content:"";width:100%;height:19px;margin-top:6px;background:url(medias/s10i.webp) -123px -1px no-repeat}
#s10c h4::before{position:absolute;margin-left:-55px;content:"";width:40px;height:40px;background:url(medias/s10i.webp);border-radius:50%}
#s10c q{font:400 20px dn;color:#acc9cc}
#s10c2 h4::before{background-position-x:-41px}
#s10c3 h4::before{background-position-x:-81px}
#s10c div:nth-child(1){animation-delay:0s}
#s10c div:nth-child(2){animation-delay:8s}
#s10c div:nth-child(3){animation-delay:16s}
@keyframes playslide{0%,100%,37.33%{opacity:0}33.33%,4%{opacity:1}}
@media(min-width:1200px) and (max-width:1240px){#s7{background-position:calc(50% + 160px) 50%}}
@media(max-width:991.99px){#s7{background-image:none}.pchc{display:flex;flex-direction:column;gap:0;order:2}#s9{background-position:center 180px}.row .hb992{position:relative;width:100%;height:auto}#lmc1,#lmc2,#lmc3,#lmc4{left:0px;width:100%;height:auto;display:block;aspect-ratio:16 / 9;width:calc(100% + 90px)}#lmc2{width:calc(100% + 130px)}#lmc3{width:100%;margin-left:-50px}.lm1,.lm2,.lm3,.lm4{left:0;width:100%;height:auto!important;aspect-ratio:16 / 11;position:relative;overflow:hidden}.lm3{aspect-ratio:17 / 10;order:1}.s4x,.lm3{grid-column-start:1}.row.sp>.s9c{order:2}.row.sp>.lm3{order:1}#s11b{margin-top:-70px}.row.sp>.lm3{order:1}.row.sp>.pchc{order:2}}
@media(max-width:767.99px){#lmc1{width:calc(100% + 55px)}#lmc2{width:calc(100% + 75px)}.lm-fade-block h2{font-size:32px}}
@media(max-width:479.99px){#lmc1{width:calc(100% + 40px)}#lmc2{width:calc(100% + 60px)}#lmc3{width:100%;margin-left:-20px;transform:scale(1.2)}.lm4{aspect-ratio:14 / 11}#s3a{height:250px}.lm-fade-block h2{font-size:28px}#s2 p{font:400 15px dn}#s4g1{top:0px;left:10px}#s7{padding:30px 0 30px 0}#s10c q{font:400 17px dn}}
@media(min-width:992px){#s12{padding-bottom:0}}
#s12{display:flex;justify-content:center;align-items:center;height:auto;min-height:140px;padding:0;text-align:center;font:42px dncb;background: linear-gradient(0deg, #0a222d 0%, #031e2b 70%);}
@media(max-width:480px){#s7 h2,#s8 h3,#s8b h3,#s8c h3,#s9 h3,#s11 h2{font-size:26px;text-align:center}.sto li{zoom:0.85}}
#s12 section{row-gap:20px}
#s12 .anv{width:134px;height:107px;background:image-set(url("medias/spr1s.avif") 1x,url("medias/spr1bs.avif") 2x) -594px -10px no-repeat;align-self:center}
#s12 div{display:flex;flex-direction:column;justify-content:center;color:#ffdd9c}
#s12 p{margin-top:-5px;font:20px dncb;color:#baf2ff;text-shadow:inherit}
@media(max-width:767.99px){#s12{font-size:36px;padding-bottom:17px;padding:35px 0 35px 0;background-size:cover}#s12 p{font-size:20px}#s12 .anv{grid-column-end:span 12;justify-self:center}}
@media(max-width:480px){#s5 h2,#s6 h2,#s7 h2,#s8 h2,#s9 h2,#s10 h2,#s-support .supp-rev-header h3{font-size:32px!important;margin-top:20px;padding-bottom:10px}#s-support .supp-h2{zoom:0.8}}
#s20{background:linear-gradient(0,rgba(3,51,72,0) 0%,rgb(18 32 42) 100%),radial-gradient(circle,rgb(0 25 39) 0%,rgb(4 24 39) 50%);padding:0px 10px 10px 0}
.rowsp{position:relative;margin:0 auto;padding:0 10px 0 10px;width:clamp(300px,100% - 20px,1200px);height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}
.gs{display:flex;gap:20px;margin:10px 0;flex-direction:row;flex-wrap:wrap;justify-content:center}
.gb{position:relative;display:flex;align-items:center;gap:12px;padding:10px 20px;min-width:200px;font-size:30px;letter-spacing:.02em;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all 0.25s ease;border:0px solid black;background:url(medias/corebg.webp) -2px 0px no-repeat;color:#89bfce;background-size:contain}
.gb img{width:41px;height:48px}
.gb:hover,.gb.a{background:url(medias/corebgo.webp) -2px 0px no-repeat;color:#96fbff;background-size:contain;text-shadow:0 0 6px #0096ff,0 0 3px #0096ff}
.gb:hover img,.gb.a img{animation:up-down 1s infinite alternate}
#hytalebd{width:100%;height:68px;background:url(medias/hytalebd.avif) center center;padding:0;display:flex;justify-content:center;align-items:center}
#hytalebd a{font:400 36px dncb;color:#70e2fe;text-shadow:0 0 6px #006a98,0 0 12px rgb(0 61 75 / 80%);text-align:center;line-height:34px}
#hytalebd a:hover{color:#a2e7ff}
#s1f{position:relative;background:#011828;overflow:hidden;padding:0}
.s1f-ambient{position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 15 24 / 80%) 25%,rgba(0,21,37,0.8) 25%,rgba(0,25,37,0.8) 87%,rgba(8,28,43,0.85) 87%,rgb(18 44 57 / 100%) 100%),url(medias/datacenterbg.avif) center -200px no-repeat}
.section-article{position:relative;padding:30px 0 50px 30px;background:#041927ba;z-index:1;background:linear-gradient(0deg,rgb(0 15 24 / 42%) 25%,rgba(0,21,37,0.8) 25%,rgb(0 25 37 / 0%) 82%,rgb(8 28 43 / 38%) 69%,rgb(20 48 61 / 0%) 100%)}
#s1f .row{padding:20px 10px 0 10px;height:390px}
.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#324046,transparent);padding:0}
.tag-label,.tag-label2,.s3f-header .tag-label{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:#00d4f5;background:rgba(0,212,245,0.12);border:1px solid rgba(0,212,245,.2);padding:5px 14px;border-radius:7px;margin-bottom:20px}
.tag-label2{grid-area:f;margin-top:-150px;justify-self:start;color:#fff;background:rgb(134 59 238 / 68%);border:0px solid rgba(0,212,245,.2);font-size:19px;transform:translateY(28px);animation:revealAnim2 0.75s cubic-bezier(0.22,1,0.36,1) forwards;opacity:0;will-change:transform,opacity}
.tag-label{margin-bottom:0!important}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(0.22,1,0.36,1),transform .75s cubic-bezier(0.22,1,0.36,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.section-article h2,.section-article h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,3.8vw,56px);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:22px}
.sp h2{padding:0}
.section-article p{font-size:17.5px;line-height:1.65;color:#8ab8c8;margin-bottom:14px}
.section-article h2 em,.section-article h1 em{font-style:normal;color:#00d4f5;text-shadow:0 0 28px rgba(0,212,245,.45)}
.section-article p{font-size:17.5px;line-height:1.65;color:#8ab8c8;margin-bottom:14px}
.section-article p a{color:#00d4f5;text-decoration:none;border-bottom:1px solid rgba(0,212,245,.3);transition:.2s}
.section-article p a:hover{color:#fff;border-color:#00d4f5}
.faq-inner{margin:0 auto;position:relative;z-index:1}
.faq-hd{text-align:center;margin-bottom:44px}
.faq-hd h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4.5vw,48px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#fcd857;text-shadow:0 0 40px rgba(252,216,87,0.2);line-height:1;margin-bottom:8px}
.faq-hd p{font-size:16px;color:#8ab8c8;font-weight:300}
.faq-list{gap:5px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}
.faq-item{border:1px solid rgba(0,212,245,0.1);border-radius:10px;overflow:hidden;background:rgba(0,212,245,0.025);transition:border-color .3s,background .3s;align-self:start}
.faq-item:hover{border-color:rgba(0,212,245,0.2);background:rgba(0,212,245,0.04)}
.faq-item.open{border-color:rgba(0,212,245,0.28);background:rgba(0,212,245,0.05)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 20px;cursor:pointer;user-select:none}
.faq-q-text{display:flex;align-items:center;gap:14px;flex:1}
.faq-num{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;color:rgba(0,212,245,0.35);flex-shrink:0;width:22px}
.faq-q h3{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c1b58e;line-height:1.1;margin:0;transition:color .25s}
.faq-item.open .faq-q h3,.faq-item:hover .faq-q h3{color:#fff}
.faq-chev{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,212,245,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s,border-color .3s,transform .4s cubic-bezier(.22,1,.36,1)}
.faq-chev svg{width:12px;height:12px;stroke:rgba(0,212,245,0.5);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.faq-item.open .faq-chev{background:rgba(0,212,245,0.12);border-color:rgba(0,212,245,0.4);transform:rotate(180deg)}
.faq-item.open .faq-chev svg{stroke:#00d4f5}
.faq-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1)}
.faq-item.open .faq-body{max-height:300px}
.faq-ans{padding:0 20px 18px 56px;font-size:15px;color:#8ab8c8;line-height:1.75;font-weight:300}
.faq-ans strong{color:#c9e8ef;font-weight:600}
.faq-item::after{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.3),transparent);transform:scaleX(0);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.faq-item.open::after{transform:scaleX(1)}
@media(max-width:768px){.faq-list{grid-template-columns:1fr}}
#s2f{position:relative;padding:30px 0;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;background:linear-gradient(0deg,rgba(16,45,52,1) 0%,rgb(10 50 59) 25%,rgb(10 55 63) 15%,rgb(55 65 71) 80%,rgba(29,58,62,1) 80%,rgb(17 45 59) 100%)}
#s2fo{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:20px}
#tho1,#tho2,#tho3,#tho4,#tho5,#tho6,#tho7{zoom:0.7;position:absolute;z-index:0;width:890px;height:592px;background:image-set(url(medias/prime3.avif) 1x,url(medias/bigprime3.avif) 2x) center top no-repeat;grid-area:c;top:-35px;margin:0 0 0 -100px}
#tho7{background:image-set(url(medias/freeman3.avif) 1x,url(medias/bigfreeman3.avif) 2x) center top no-repeat}
#tho2{background:image-set(url(medias/ultron3.avif) 1x,url(medias/bigultron3.avif) 2x) center top no-repeat}
#tho3{background:image-set(url(medias/orion3.avif) 1x,url(medias/bigorion3.avif) 2x) center top no-repeat}
#tho4{background:image-set(url(medias/lara3.avif) 1x,url(medias/biglara3.avif) 2x) center top no-repeat}
#tho5{background:image-set(url(medias/bigthanos5s.avif) 1x,url(medias/bigthanos5.avif) 2x) center top no-repeat}
#tho6{background:image-set(url(medias/iron3.avif) 1x,url(medias/bigiron3.avif) 2x) center top no-repeat}
#lv1,#lv2,#lv3,#lv4,#lv5,#lv6,#lv7,#lv8,#lv9{position:absolute;z-index:4;bottom:50px;left:340px;background:url(medias/levit.webp) 0 0;background-size:cover;width:22px;height:22px;transform:rotate(-15deg);animation:leve 5s infinite linear}
#lv2{left:300px;animation-delay:2s}
#lv3{left:320px;animation-delay:3s}
#lv4{left:380px;animation-delay:2.5s;animation:leve 8s infinite linear}
#lv5{left:410px;animation-delay:1s}
#lv6{left:430px;animation:leve 6s infinite linear}
#lv7{left:460px;animation-delay:4s}
#lv8{left:485px;animation-delay:2.8s}
#lv9{left:500px;animation-delay:1s;animation:leve 7s infinite linear}
.sto{position:absolute;width:100%;bottom:20px;right:0;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:0 10px}
.sto ul{list-style:none;font-family:dncb;display:flex;flex-flow:wrap;justify-content:center;row-gap:0px;column-gap:20px}
.sto li{width:auto;min-width:90px;padding:15px 0px 0px 48px;height:42px;font-size:22px;line-height:20px;color:#98d1df}
.sto li::before{content:"";width:42px;height:42px;position:absolute;margin-left:-48px}
.sto li:nth-child(1)::before{background:url(medias/i1.webp) no-repeat}
.sto li:nth-child(2)::before{background:url(medias/i2.webp) no-repeat}
.sto li span{font-size:20px;color:#516875}
@media(max-width:1200px){#s2fo{justify-content:flex-end}#tho1,#tho2,#tho3,#tho4,#tho5,#tho6,#tho7{margin:0 0 0 -200px}}
.fkh1{font-size:32px;color:#9cbfce;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase}
#s20 p{font:400 18px dnb;color:#3b6b7b}
@media (max-width:991px){#s1f{padding:300px 0 0 0}#tho1,#tho2,#tho3,#tho4,#tho5,#tho6,#tho7{zoom:.75;margin:-410px 0 0 0px}.section-article{background:#041927d9;padding:30px;grid-column-end:span 12}#s1f .row{width:100%;padding:0;height:auto}.sto{position:relative;bottom:0;gap:20px}#lv1,#lv2,#lv3,#lv4,#lv5,#lv6,#lv7,#lv8,#lv9{bottom:-40px;left:490px}#lv2{left:450px}#lv3{left:470px}#lv4{left:430px}#lv5{left:560px}#lv6{left:580px}#lv7{left:510px}#lv8{left:535px}#lv9{left:650px}}
@media (max-width:640px){#s1f{padding:300px 0 0 0}#tho1,#tho2,#tho3,#tho4,#tho5,#tho6,#tho7{margin:-550px 0 0 -200px;zoom:0.6;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/bigthanos5s.avif) 1x,url(medias/bigthanos5.avif) 2x) center top no-repeat}#tho1{margin:-550px 0 0 -170px;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/prime3.avif) 1x,url(medias/bigprime3.avif) 2x) center top no-repeat}#tho2{margin:-550px 0 0 -110px;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/ultron3.avif) 1x,url(medias/bigultron3.avif) 2x) center top no-repeat}#tho3{margin:-550px 0 0 -110px;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/orion3.avif) 1x,url(medias/bigorion3.avif) 2x) center top no-repeat}#tho4{margin:-550px 0 0 -110px;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/lara3.avif) 1x,url(medias/biglara3.avif) 2x) center top no-repeat}#tho7{margin:-550px 0 0 -110px;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/freeman3.avif) 1x,url(medias/bigfreeman3.avif) 2x) center top no-repeat}#tho6{margin:-550px 0 0 -110px;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url(medias/iron3.avif) 1x,url(medias/bigiron3.avif) 2x) center top no-repeat}#lv1,#lv2,#lv3,#lv4,#lv5,#lv6,#lv7,#lv8,#lv9{bottom:-30px;left:260px}#lv2{left:220px}#lv3{left:240px}#lv4{left:200px}#lv5{left:330px}#lv6{left:350px}#lv7{left:280px}#lv8{left:305px}#lv9{left:320px}}
#hardware{color:#239494!important}
#memburst{color:#d0de21!important;display:none;line-height:16px}
#duree{height:auto;display:flex;justify-content:left;align-items:center;margin-top:-5px}
#duree h2{font-size:32px;color:#dcdcdc;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;padding-right:30px}
.ofgtm,.ofgtm2{width:auto;height:38px}
.vmdri2,.vmdri2o{float:left;width:33px;height:33px;background:url(medias/ht2.webp) no-repeat;padding-right:3px}
.vmdri2o,.vmdri2:hover{background:url(medias/ht1.webp) no-repeat;cursor:pointer}
.ofcpbs::before,.ofcpos::before{animation:up-down 1s infinite alternate}
@keyframes up-down{from{transform:translateY(0)}to{transform:translateY(4px)}}
.ofgtd,.ofgtd2{font-family:dncb;font-size:22px;font-weight:700;color:#ffdb49;text-shadow:0 0 6px #de0000,0 0 6px red}
.ofgtd span{font-size:18px;font-weight:700;color:#dcdcdc;text-shadow:none}
#coeursb{float:left;height:auto;display:flex;justify-content:center;align-items:center;gap:10px;zoom:0.8}
#ofcpb1,#ofcpb2,#ofcpb3,#ofcpb4{color:#516875;text-shadow:none;}
#ofcpb1 span,#ofcpb2 span,#ofcpb3 span,#ofcpb4 span{font-size:28px;line-height:18px;color:#dcdcdc;position:absolute;top:50px;left:0px;text-shadow:none}
#ofcpb1::before,#ofcpb2::before,#ofcpb3::before,#ofcpb4::before{content:"";width:154px;height:124px;position:absolute;top:0px;left:0px;background:url(medias/core1s.webp)no-repeat}
#ofcpb2::before{background:url(medias/core2s.webp)no-repeat}
#ofcpb3::before{background:url(medias/core3.webp)no-repeat}
#ofcpb4::before{background:url(medias/core4.webp)no-repeat}
#ofcpo{font:400 30px dncb;color:#516875}
#ofcpo::before{content:"";width:154px;height:124px;position:absolute;top:0px;left:0px;background:url(medias/coreog.webp) no-repeat;color:#516875}
#ofcpo span{font-size:28px;line-height:18px;color:#96fbff;text-shadow:0 0 6px #0096ff,0 0 3px #0096ff;position:absolute;top:50px;left:0px}
#ofcpb1 span b,#ofcpb2 span b,#ofcpb3 span b,#ofcpb4 span b,#ofcpo span b{font-size:18px;color:#dcdcdc;text-shadow:none;}
#ofcpo p{font:400 16px dncb;line-height:14px;color:#ffffff;position:absolute;top:55px;right:0px}
#ofcpo p b{font:400 26px dncb;line-height:16px;color:#96fbff;text-shadow:0 0 6px #0096ff,0 0 3px #0096ff}
.ofcpo,.ofcpb,.ofcpos,.ofcpbs{position:relative;width:170px;height:46px;font:400 24px dncb;background:url(medias/corebg.webp) no-repeat;text-align:center;padding:84px 0 0 0}
.ofcpb,.ofcpbs{height:42px;padding:88px 0 0 0}
.ofcpo:hover,.ofcpb:hover,.ofcpos,.ofcpbs{background:url(medias/corebgo.webp) no-repeat;color:#96fbff!important;text-shadow:0 0 6px #0096ff,0 0 3px #0096ff!important}
.ofgtm-wrapper{width:100%;overflow:hidden;position:relative;display:flex;align-items:center}
.ofgtm{display:flex;white-space:nowrap;align-items:center;flex-wrap:wrap;gap:5px;row-gap:10px;padding:5px 0}
.ofgtc,.ofgtco{position:relative;background:#11212aad;border-radius:12px;padding:8px 8px 8px 42px;flex-shrink:0;display:flex;flex-direction:row;gap:5px}
.ofgtco{background:#0d1a21}
.ofgtc::before,.ofgtco::before{content:"";position:absolute;top:4px;left:4px;width:33px;height:33px;background:url(medias/mnht.webp) 0 0 no-repeat;opacity:0.6}
.ofgtco::before{background:url(medias/mnht.webp) 0 -33px no-repeat;animation:beat 2s infinite;opacity:1}
.ofgtc:hover::before{opacity:1}
@keyframes beat{0%,100%{transform:scale(1)}25%{transform:scale(1.135)}50%{transform:scale(1)}75%{transform:scale(1.17)}}
.ofgtc:hover,.ofgtco:hover{cursor:pointer;background:#0d1a21}
.ofgtc:hover::before{background:url(medias/mnht.webp) 0 -33px no-repeat}
.ofgtg{font-family:dncb;font-size:20px;color:#96fbff;line-height:14px;text-shadow:0 0 6px #0096ff}
.ofgtg span{font-size:13px;color:#a4c5d0;text-shadow:none}
@media(max-width:996px){#s23{background:linear-gradient(0deg,rgba(16,45,52,1) 3%,rgba(47,62,65,1) 7.5%,rgba(6,49,56,1) 7.5%,rgba(6,49,56,1) 87%,rgba(29,58,62,1) 87%,rgba(23,40,46,1) 100%)}}
@media(max-width:768px){.ofgtm{height:auto;padding:9px 4px 9px 4px}.vmdri,.vmdrio{width:calc(9px + 3vw);height:calc(9px + 3vw);background-size:contain;padding-right:2px}#s8b .sp{display:flex;flex-direction:column-reverse}.s4x{grid-column-start:1}.lm2{position:relative;top:0;left:-10px;width:calc(100% + 20px);margin-bottom:-40px}.gs{width:100%}#s3 p{font-size:16px}}
@media(max-width:575px){.ct1{margin:-70px -30px 20px -30px}.ct1.animate{opacity:1;transform:translateY(50px) scale(0.8)}}
@media(max-width:480px){body{background-color:#07151e}#s20 .cag{width:100%;text-align:center}#s22{padding:30px 10px 30px 10px}#s22 h1,#s20 h1{font-size:30px;text-align:center}#s22 p,#s20 p{font-size:15px;text-align:center}#s22 .info p{font-size:15px;text-align:left}#s22 span{font-size:13px;text-align:left}.ofgtm{justify-content:center}#duree{flex-direction:column;gap:10px}.vmdri,.vmdrio{width:calc(16px + 3vw);height:calc(12px + 3vw);background-size:contain;padding-right:1px}.ofgams{font-size:17px;line-height:14px;width:50%;margin-right:0px}#adresse p{font-size:15px}#coeursb{gap:20px}#s2f{padding:50px 0!important}#duree h2,#adresse h2{font-size:30px;padding:0}.ofgami input{float:left;width:100%;height:28px}#ghz{width:115px;height:35px;background-size:contain}.ofgams select{height:30px;font-size:15px}.ct1{margin:-80px -40px 20px -40px}.ct1.animate{opacity:1;transform:translateY(50px) scale(0.7)}main>div{padding:40px 0 40px 0}#s20{padding:0 0 10px 0}#s4{padding:40px 0 40px 0!important}#s8b{padding-top:0px}#s9{background-position:center 160px}#s11,#s8b{padding-bottom:40px}#prtn{padding-top:20px}#versions li.animate{transform:translateY(0px) scale(0.75);margin:0px 0px -30px 0px}#versions{min-height:400px}.sp p{font-size:17px}#s3 p{font-size:15px}#s1f .reveal{opacity:1}#s3f{padding:40px 0 60px 0!important}#s10b{display:flex;flex-direction:column;align-items:center}}
#s24{background:linear-gradient(0deg,rgb(0 178 255 / 0%) -24%,#0c1d25 58%),radial-gradient(circle,#17272f 18%,#0b1d25 66%);padding:20px 0 20px 0}
#s24 .row{height:auto}
#s24 h2{float:left;font-size:24px;color:#dcdcdc;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;padding:6px 0 6px 0}
#s24 input{float:right;width:290px;height:36px;background:#0d1a21;border-radius:9px;border:1px solid #023742;margin-right:10px;padding:6px 0 0 0;text-align:center;font-size:18px;font-weight:700;color:#98d1df}
#s24 label{float:right;font:400 20px dncb;color:#c6c6c6;padding:10px 10px 0 0}
#s24 div{position:relative}
@media(max-width:768px){#s24 input{width:190px;height:28px;margin-top:3px}#s24 label{display:none}}
#s25,#s25b{background:linear-gradient(0deg,rgba(0,44,57,1) 0%,rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:240px;display:flex;align-items:center}
.ofgapc{max-height:743px;min-height:240px;justify-content:center;gap:6px;overflow-y:auto;overflow-x:hidden;grid-auto-rows:min-content}
.ofgaps2{position:relative;grid-column-end:span 4;height:92px;min-width:300px;grid-column-end:span 12}
.ofgaps2:hover .mdlci,.ofgaps a:hover .ofgapsi,.ofgapso a .ofgapsi{opacity:1;animation:fadeOut 1s infinite alternate}
.ofgaps2:hover .mdlcx{border:2px solid #023945}
.ofgaps a:hover .ofgapsn,.ofgapso a .ofgapsn{background:#0e2d3a;color:#ffdb49;border:1px solid #27445a;text-shadow:0 0 40px #007cca}
.ofgaps a:hover .ofgapsn span,.ofgapso a .ofgapsn span,.ofgaps a:hover .ofgapsn b,.ofgapso a .ofgapsn b{text-shadow:none;color:#aacbe0}
.ofgaps a:hover .ofgapsn span::before,.ofgapso a .ofgapsn span::before{color:#6f999e}
.ofgaps a:hover .ofgapsn b::before,.ofgapso a .ofgapsn b::before{color:#009495}
.ofgaps,.ofgapso{grid-column-end:span 12;float:left;width:100%;height:68px;margin:0 0 0 8px}
.ofgaps:hover,.ofgapso:hover{cursor:pointer}
.ofgaps a,.ofgapso a{float:left;width:100%;height:auto;opacity:0;animation:fade-in 0.4s forwards}
@keyframes fade-in{to{opacity:1}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0.8}}
#backPacks{position:absolute;z-index:10;top:46px;left:-22px;width:68px;height:76px;background:url(medias/return.webp) no-repeat;opacity:0.8}
#backPacks:hover{opacity:1}
#s3f{position:relative;padding:40px 0 120px 0;overflow:hidden}
#s3f p b{color:#00f1ff;font-weight:bold}
#s3f_fixed{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; background: linear-gradient(to bottom, #000f14cc 30%, rgb(25 0 87 / 45%) 75%, rgb(3 18 20) 90%), url('medias/minecraft_bg3.avif') bottom no-repeat;background-size: cover;will-change: transform;transform: translateZ(0);}
@media(min-width:2200px){#s3f_fixed{background-size: contain;}}
#s-support{position:relative;background:linear-gradient(0deg,#0f1f2b 0%,#02131d 100%);overflow:hidden;z-index:0;padding:0}
#s-support::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,.15),transparent);z-index:2}
#s-support .supp-row{position:relative;z-index:2;width:clamp(300px,100% - 20px,1200px);margin:0 auto;padding:20px 10px 30px;display:flex;gap:40px;align-items:flex-start}
#s-support .supp-text-col{flex:1;min-width:0;padding-top:10px;display:flex;flex-direction:row;gap:40px}
#s-support .supp-h2{font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:800;text-transform:uppercase;line-height:.95;color:#fff;width:444px}
#s-support .supp-h2 em{font-style:normal;color:#52c7be;text-shadow:0 0 24px rgba(0,212,245,.35)}
#s-support .supp-h2 span{font-size:52px;color:#43cfe5;}
#s-support .supp-h3{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#5a8898;margin-top:12px;line-height:1.2}
#s-support .supp-desc{font-family:'DINPro',dn,sans-serif;font-size:18px;line-height:1.5;color:#6a9aab;margin-bottom:12px}
#s-support .supp-desc b{color:#c9e8ef;font-weight:600}
#s-support .supp-txt{display:flex;flex-direction:column;justify-content:center}
#s-support .supp-sep{width:clamp(300px,100% - 20px,1200px);margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,.15),transparent)}
#s-support .supp-reviews-section{position:relative;z-index:2;padding:40px 0 56px;background:linear-gradient(0deg,#1e2f3d 0%,#06212d 70%)}
#s-support .supp-rev-header{text-align:center;margin-bottom:28px}
#s-support .supp-rev-header h3{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:800;text-transform:uppercase;color:#fcd857;margin-bottom:4px}
#s-support .supp-rev-header p{font-family:'DINPro',dn,sans-serif;font-size:16px;font-weight:400;color:#5a8898}
#s-support .rev-track-outer{overflow:hidden;position:relative;cursor:grab;user-select:none;-webkit-user-select:none}
#s-support .rev-track-outer:active{cursor:grabbing}
#s-support .rev-track{display:flex;gap:16px;padding:4px 20px 12px}
#s-support .rev-card{flex:0 0 min(506px,88vw);padding:0;display:flex;flex-direction:row;align-items:stretch;gap:0;overflow:hidden;transition:border-color .3s,background .3s}
#s-support .rev-avatar{width:128px;min-width:128px;height:auto;object-fit:cover;image-rendering:pixelated;border-radius:0;background:rgba(0,212,245,.08);border:none;border-right:1px solid rgba(0,212,245,.1);display:block;align-self:center}
#s-support .rev-card-body{flex:1;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;min-width:0;justify-content:center}
#s-support .rev-card-head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2px}
#s-support .rev-name{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c9e8ef;line-height:1.1}
#s-support .rev-meta{font-family:'DINPro',dn,sans-serif;font-size:13px;color:#3a6a7a}
#s-support .rev-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#52c7be;margin:0}
#s-support .rev-text{font-family:'DINPro',dn,sans-serif;font-size:14px;line-height:1.6;color:#5a8898;font-style:italic;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#s-support .rev-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px}
#s-support .rev-btn{background:rgba(0,212,245,.08);border:1px solid rgba(0,212,245,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s}
#s-support .rev-btn:hover{background:rgba(0,212,245,.18);border-color:rgba(0,212,245,.45)}
#s-support .rev-btn svg{width:18px;height:18px;stroke:#00d4f5;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#s-support .rev-dots{display:flex;gap:6px;align-items:center}
#s-support .rev-dot{width:7px;height:7px;border-radius:50%;background:rgba(0,212,245,.2);cursor:pointer;transition:background .25s,transform .25s}
#s-support .rev-dot.active{background:#00d4f5;transform:scale(1.35)}
@media (max-width:991px){#s-support .supp-row{flex-direction:column;padding-top:40px;gap:24px}#s-support .supp-text-col{flex-direction:column;padding:0 10px;gap:20px}}
@media (max-width:600px){#s-support .rev-card{flex:0 0 min(340px,90vw)}#s-support .rev-avatar{min-width:70px;width:70px}}
#s-freeman{position:relative;height:450px;background-image:url(medias/beton1.avif);overflow:hidden;display:flex;align-items:center;padding:0}
#s-freeman::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.2),transparent)}
#s-freeman::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.12),transparent)}
.freeman-wrap{display:flex;align-items:center;width:min(1160px,calc(100% - 40px));margin:0 auto;height:100%;position:relative;z-index:2}
.freeman-left{flex:0 0 500px;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.freeman-char{position:absolute;width:532px;height:500px;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6));z-index:0;animation:freeman-float 4s ease-in-out infinite;background:image-set(url(medias/freeman3.avif) 1x,url(medias/bigfreeman3.avif) 2x) center top no-repeat;background-size:cover}
.freeman-char::after{content:"";height:100px;width:100%;background:linear-gradient(0deg,#0e2c3b 0%,rgba(255,255,255,0) 70%);bottom:0px;position:absolute;z-index:10}
.freeman-title,.freeman-title2{zoom:0.7;width:507px;height:167px;background:url(medias/freeman_title.avif) no-repeat;background-size:contain;bottom:40px;position:absolute;z-index:11;animation:freeman-float2 4s ease-in-out infinite}
@keyframes freeman-float{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.freeman-right{flex:1;padding:0 0 0 40px;position:relative;z-index:2}
.freeman-right:hover{transform:scale(1.01);filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6))}
.freeman-right h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,3.8vw,38px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:.95;color:#fff;margin:16px 0;}
.freeman-right h2 em{font-style:normal;font-size:58px;line-height:38px;color:#52c7be;text-shadow:0 0 30px rgba(0,212,245,0.4)}
.freeman-right h2 span{color:#ffd233;text-shadow:0 0 30px rgba(255,210,51,0.3);font-size:68px;line-height:48px}
.freeman-right p{font-size:17px;color:#8ab8c8;font-weight:300;line-height:1.6;margin-bottom:28px}
@keyframes fpart{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.6}100%{opacity:0;transform:translateY(-200px) scale(0.3)}}
@media(max-width:920px){#s-freeman{height:auto;padding:40px 0 0}.freeman-wrap{flex-direction:column;padding:0;width:100%}.freeman-left{flex:none;width:100%;position:absolute}.freeman-char{width:100%;height:280px;opacity:0.25;zoom:1.1}.freeman-title{display:none}.freeman-title2{zoom:0.5}}
.s3f-header{position:relative;z-index:1;padding:0 20px;flex:1}
.s3f-header h2{font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(42px,5.5vw,56px)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em;line-height:.95;color:#fff;margin-bottom:12px;margin-top:5px}
.s3f-header p{margin-bottom:8px;font-size:17.5px;line-height:1.65;color:#8ab8c8}
.s3f-header p a{color:#00d4f5;text-decoration:none;border-bottom:1px solid rgba(0,212,245,.3)}
.s3f-hero{display:flex;align-items:center;gap:40px;margin-top:40px}
.s3f-video{flex:0 0 45%;overflow:hidden;border-radius:12px}
.s3f-video video{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:768px){.s3f-hero{flex-direction:column}.s3f-video{height:auto}}
#s3f::before{content:'';background:linear-gradient(to bottom,#06222b 0%,#052a4100 100%);height:200px;position:absolute;top:0;width:100%}
.section{display:flex;align-items:center;padding:60px 10px;position:relative;overflow:hidden;gap:20px}
.section::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.03) 3px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:0}
.section.rev{flex-direction:row-reverse}
.svg-panel{flex:0 0 360px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.svg-panel::before{content:'';position:absolute;width:280px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,245,.07) 0%,transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.text-panel{flex:1;position:relative;z-index:1}
.title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.title em{font-style:normal;color:#00d4f5;text-shadow:0 0 28px rgba(0,212,245,.35)}
.desc{font-size:16px;color:#8ab8c8;line-height:1.75;margin-bottom:20px}
.desc b{color:#fff;font-weight:600}
.features{display:grid;grid-template-columns:1fr 1fr}
.feat{display:flex;align-items:flex-start;gap:12px;border-radius:8px;padding:10px 8px;transition:background .25s}
.feat:hover{background:rgba(0,212,245,.06)}
.feat-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px}
.feat-icon svg{width:38px;height:38px;stroke:#3a5259;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feat-title{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#2f9ab1;margin-bottom:2px}
.feat-val{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;color:#ffd233;line-height:1.1;text-transform:uppercase}
.feat-sub{font-size:15px;color:#74989d;margin-top:2px}
.sdiv{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,.15),transparent)}
@media(max-width:890px){.section,.section.rev{flex-direction:column;padding:0 20px}.svg-panel{flex:none;width:100%}.features{grid-template-columns:1fr}.section{gap:0;margin-top: 60px;}#s3f{background-position:calc(50% - 50px) 0%}}
.reveal-d1{transition-delay:.1s}
.reveal-d2{transition-delay:.2s}
.reveal-d3{transition-delay:.3s}
.reveal-d4{transition-delay:.4s}
.mdlcx_h{position:relative;overflow:hidden}
.mdlcx_h::before{content:"";position:absolute;inset:-300px;background:conic-gradient(from 0deg,rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 7%) 10%,rgb(107 228 255 / 9%) 20%,rgb(132 233 247 / 37%) 30%,rgb(255 255 255 / 20%) 50%,rgb(255 255 255 / 0%) 65%,rgb(255 235 0 / 0%) 80%,rgb(255 255 255 / 0%) 100%);filter:blur(1.5px);animation:rotateGlow 5s linear infinite}
.ofgaps2:hover .mdlcx_h::before{animation:none;background:#367a70}
.mdlcx_h_inner{position:absolute;inset:2px;background:#051a23;border-radius:6px;padding:2px 10px 0 10px}
.mdlcx_h_inner .mdlcxb{color:#53b3c0}
@keyframes rotateGlow{to{transform:rotate(360deg)}}
.ofgapsi{float:left;position:relative;width:84px;height:68px;opacity:0.9;text-align:center;padding:6px 0 0}
.ofgapsi img{border-radius:9px}
.ofgapsn{float:left;position:relative;width:calc(100% - 124px);height:62px;border-radius:9px;background:#00c3ff0a;border:1px solid #083a4b;padding:2px 10px 0 10px;margin-top:6px;overflow:hidden;font:400 20px dncb;line-height:19px;color:#dcdcdc}
.ofgapsn div{display:flex;height:40px;width:100%;overflow:hidden;text-overflow:ellipsis}
.ofgapsn span,.ofgapsn b{position:absolute;bottom:2px;font:400 16px dnb;color:#6e94a5;padding-left:18px;overflow:hidden;text-overflow:ellipsis;max-width:64px}
.ofgapsn b{right:8px;width:auto;max-width:60px;display:flex;align-items:flex-end;text-align:right}
.ofgapsn b::before{content:"release";font:400 13px dncb;color:#374c5e;position:absolute;margin:3px 0 0 -36px}
.ofgapsn span::before{content:"ver.";font:400 13px dncb;color:#374c5e;position:absolute;margin:3px 0 0 -18px}
.mdlci{float:left;position:relative;width:100px;height:74px;background:url(medias/vsc.webp) 0 0 no-repeat;opacity:0.9;text-align:center;padding:18px 0 0}
.mdlcx,.mdlcx_h{float:left;width:calc(100% - 140px);height:72px;background:#00c3ff0a;border-radius:9px;border:1px solid #083a4b;padding:2px 10px 0 10px;margin-top:6px;overflow:hidden}
.mdlcxh{float:left;width:100%;height:20px;font:16px dnb;color:#dcdcdc;overflow:hidden;display:flex;align-items:center;gap:10px}
.mdlcxh b{font-size:12px;color:#000;background:#00a8a3;padding:1px 10px;border-radius:12px;margin-top:2px}
.mdlcxh span{color:#0bd900}
.mdlcxb{float:left;width:100%;height:34px;font:13px/16px dn;color:#74989d}
@media(min-width:480.01px){.mdlcxh{font:20px dnb;height:26px}.mdlcx{height:68px;padding:6px 10px 0 10px}.mdlcxb{font:15px/16px dn}.ofgaps,.ofgapso{grid-column-end:span 12}}
@media(min-width:768.01px){.ofgaps,.ofgapso{grid-column-end:span 6}}
@media(min-width:992.01px){.ofgaps,.ofgapso{grid-column-end:span 4}}
@media(min-width:1200.01px){.ofgaps,.ofgapso{grid-column-end:span 3}}
@media(min-width:830px){.ofgaps2{grid-column-end:span 6}}
@media(min-width:1230px){.ofgaps2{grid-column-end:span 4}}
@media(max-width:1210px){#s2f{background:linear-gradient(0deg,rgba(16,45,52,1) 0%,rgb(10 50 59) 10%,rgb(10 55 63) 10%,rgb(55 65 71) 90%,rgba(29,58,62,1) 90%,rgb(17 45 59) 100%)}}
.cmdcont{display:flex;flex:1;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
#cmdc,#cmdc2{gap:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:baseline}
#cmdc2{background:#02151fc9;padding:8px 12px;border-radius:9px}
.cmdtot{gap:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
@media(min-width:480.01px){#cmdc,#cmdc2{justify-content:right}}
#cmdc h2,#cmdc2 h2{font:400 24px dncb;color:#dcdcdc}
#oamount,#oamount2{font:400 30px dncb;color:#96fbff;text-shadow:0 0 6px #0096ff,0 0 3px #0096ff;min-width:80px}
#oamount span,#oamount2 span{font:400 13px dnb;color:#6e94a5;text-shadow:none;margin-left:5px}
#command,#validOrder{position:relative;z-index:2;margin-top:0px;justify-self:right;width:327px;height:49px;margin-right:0px;font-size:36px;text-align:center;color:#ffdb4b;text-shadow:0 0 6px #de0000,0 0 12px rgb(222 0 0 / 80%);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase}
#command:before,#validOrder:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url(medias/cmd.webp);opacity:0.7}
#command:hover:before,#validOrder:hover:before{opacity:1}
@media(min-width:480.01px){#s26 ul{column-count:2}#oamount span,#oamount2 span{font-size:17px}}
@media(min-width:768.01px){#s26 ul{column-count:3}}
@media(min-width:992.01px){#s26 ul{column-count:3}}
@media(min-width:1200.01px){#s26 ul{column-count:4}}
#s27{text-align:center;align-items:center;background:linear-gradient(0deg,rgba(15,38,48,0) -24%,rgba(13,26,33,1) 58%),radial-gradient(circle,rgba(15,38,48,0) 18%,rgba(13,26,33,1) 66%);padding:40px 0 20px 0}
#s27 .row{position:relative;height:auto}
#s27 h1{font:400 42px dncb;color:#fff;text-shadow:0 0 2px #007cca}
#s27 h2{font-size:17px;color:#b7cedd;font-weight:700;font-family:dn}
#s27 nav{margin-top:20px}
#s27 nav>div{float:right;margin-left:auto;width:100%}
#s27 input{width:100%;height:30px;background:#0d1a21;border-radius:9px;border:1px solid #023742;padding:6px 0 0 0;text-align:center;font-size:18px;font-weight:700;color:#98d1df}
#s27 label{font:400 20px dncb;color:#c6c6c6;padding:10px 10px 0 0}
#s27 nav{padding:0 0px 0 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
#s27 nav a{width:auto;padding:0px 5px 0px 50px;margin-top:10px;float:left;height:42px;font-size:18px;font-family:dncb;line-height:20px;color:#98d1df;opacity:0.7}
#s27 nav a::before{content:"";width:42px;height:42px;position:absolute;margin-left:-44px;opacity:0.5}
#s27 nav a:nth-child(1)::before{background:url(medias/tc1.webp) no-repeat;margin-top:-10px}
#s27 nav a:nth-child(2)::before{background:url(medias/tc2.webp) no-repeat;margin-top:-12px}
#s27 nav a:nth-child(3)::before{background:url(medias/tc3.webp) no-repeat;margin-top:-12px}
#s27 nav .ybgms,#s27 nav .ybgms::before,#s27 nav a:hover,#s27 nav a:hover::before{opacity:1}
#s27 h1,#tuth1{font: 400 42px dncb;color: #fff;text-shadow: 0 0 2px #007cca;}
#s27 h2,#tuth1 span{font-size: 17px;color: #b7cedd;font-weight: 700;font-family:dn;}
#tuth1{line-height:27px;margin-top:10px;}

#s28{background:linear-gradient(0deg,rgba(0,44,57,1) 0%,rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px}
#s28 a{grid-column-end:span 12;min-width:300px;margin:5px 0 5px 0;font:17px dnb;border-radius:9px;padding:6px 6px 6px 10px;color:#afb9bc;background:#032731;border:1px solid #003a3c;animation:fadeUp .45s .13s cubic-bezier(.16,1,.3,1) both}
#s28 a h3{font:17px dnb;color:#afb9bc;margin:0;padding:0 0 0 16px}
#s28 a h3::before{content:"";width:12px;height:16px;background:url("medias/fich.webp");position:absolute;margin:3px 0 0 -20px;opacity:0.8}
#s28 a:hover{background:#0c3236;border:1px solid #1c585d;color:#bccbd0}
#s28 a:hover h3{color:#ffdb4b}
@media(min-width:480.01px){#s27 nav a{font-size:22px;padding:0 30px 0 50px}#s27 nav a::before{margin-left:-48px}#s27 nav{padding:0 10px 0 10px}#s27 input{width:290px;height:36px}#s27 nav>div{width:auto}}
@media(min-width:768.01px){#s28 a{grid-column-end:span 6}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#s29{background:linear-gradient(0deg,rgba(0,44,57,1) 0%,rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px}
@media(min-width:992px){#s29 .row{grid-column-gap:50px}}
#s29 details{font:400 17px;color:#b7cedd;margin:14px 0 0px 0;animation:fadeUp .45s .13s cubic-bezier(.16,1,.3,1) both}
#s29 details{border:1px solid #003343;border-radius:6px;padding:8px;background:rgba(13,26,33,0.7)}
#s29 summary{font:400 25px dncb;color:#ffc94f;cursor:pointer;list-style-type:none}
#s29 summary h3{font:400 24px dncb}
#s29 p{margin-top:15px}
#s29 a{color:#67e9ff;font-weight:bold}
#s29 a:hover{color:#fff}
#s29 details>summary::-webkit-details-marker{display:none}
#s29 details>summary::before{float:right;margin-left:15px;content:'+ ';color:#b7cedd}
#s29 details summary ~ *{animation:sweep .5s ease-in-out}
@keyframes sweep{0%{opacity:0}100%{opacity:1}}
#s29 iframe{margin-top:18px;aspect-ratio:16/9;height:100%;width:85%}
#s29 details:hover{background:rgba(13,26,33,1)}
#s29 details:hover summary{color:#98d1df}
#s30{background:linear-gradient(0deg,rgba(0,44,57,1) 0%,rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px;font:400 16px dnb;color:#b7cedd}
.inscg,.inscd,.inscg2,.inscd2{display:flex;flex-flow:wrap;justify-content:center;text-align:center}
.inscg,.inscg2{min-height:300px}
.inscg2{height:auto;gap:15px}
.inscd2{margin-top:20px}
#s30 h2{width:100%;text-align:center;padding:0 0 10px 0}
#s30 li{list-style:none;height:40px}
#s30 li label,.ovngc li label,.ovx li label{float:left;width:110px;height:18px;padding:7px 10px 4px 0;margin-right:-10px;border-radius:6px;font:400 14px dnb;color:#e4feff;text-align:center;background:#0e6367;border:1px solid #0c363a}
#s30 li input,.ovngc li input,.ovx li input,.ovngc li select{width:calc(103px + 12vw);max-width:400px;height:19px;padding:6px 10px 4px 10px;margin-bottom:15px;font:400 17px dnb;color:#abbfce;background:#0d1a21;border:1px solid #09161d;border-top-right-radius:6px;border-bottom-right-radius:6px;border:1px solid #0c363a}
#s30 li input:hover,.ovngc li input:hover,.ovx li input:hover,.ovngc li select:hover{background:#0a161d}
#s30 li:nth-child(5),#s30 li:nth-child(7){margin-top:10px}
#s30 li:nth-child(5) label,#s30 li:nth-child(6) label{background:#00816a}
#s30 p{font:400 20px dncb;color:#b7cedd;padding:10px 0 10px 0;text-align:center;width:100%}
#s30 #stayc{width:100%;height:auto;text-align:center;margin:0 0 15px 0}
#s30 #loginAccount{position:relative;float:left;width:200px;height:28px;margin:0px 4px 0px 4px;border-radius:6px;text-align:center;color:#c6c6c6;font:400 18px dnb;padding-top:6px;background:#08464e;border:1px solid #14646d}
#s30 #loginAccount:before{display:none}
#s30 #loginAccount:hover{background:#0a5158;border:1px solid #1c7c84;color:#fff}
#s30 #recoverAccount{color:#b7cedd;margin-right:50px}
#s30 #recoverAccount:hover{color:#fff}
.loginext,.loginext2{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:50px}
.loginext2{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}
#loggoogle,#loginAccountTw,#logdiscord{width:100%;max-width:280px;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#f5f5f5;color:#1f2937;border:2px solid #d1d5db;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all 0.15s ease;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.15)}
#loginAccountTw{background:#000000;color:#e1e1e1;border:2px solid #777777}
#logdiscord{border-color:#5865f2;background:#4c54c6;color:#fff}
#loggoogle:hover{background:#ffffff;border-color:#4285f4;color:#111827}
#loginAccountTw:hover{background:#141414;border-color:#b1b1b1;color:#fff}
#logdiscord:hover{background:#5865f2}
#loggoogle:hover .btn-img,#loginAccountTw:hover .btn-img,##logdiscord:hover .btn-img{transform:scale(1.1)}
#loggoogle .btn-img,#loginAccountTw .btn-img,#logdiscord .btn-img{display:block;transition:transform 0.3s ease}
@keyframes shakeOnce{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}
li.field-error{animation:shakeOnce 0.3s ease-in-out}
li.field-error label{background:#7600a5!important;border:1px solid #b600ff!important;color:#fff!important}
li.field-error input{border:1px solid #b600ff!important}
li.field-error input::placeholder{color:#1d5459!important;font-style:italic}
.login-error-label{background:#7600a5!important;color:#fff!important;animation:shakeOnce 0.3s ease-in-out}
.logini.field-error{color:#b600ff!important}
.logini.field-error::placeholder{font-style:italic}
#cancelOrder{font:400 24px dncb;color:#b7cedd;display:flex;align-items:center}
#cancelOrder:hover{color:#fff}
#s31{background:linear-gradient(0deg,rgba(2,51,65,1) 0%,rgba(11,25,33,1) 80%)}
.typepmt{display:flex;flex-flow:wrap;justify-content:center;text-align:center}
#otokens{width:auto;height:auto;font:400 24px dncb;color:#a3f6e8;padding:0 0 0 50px}
#otokens::before{content:"";background:url(interface/creeper.png) 0px 0px no-repeat;position:absolute;z-index:4;width:28px;height:24px;margin:2px 0px 0px -30px}
#s31 ul{display:flex;flex-flow:wrap;justify-content:center;row-gap:10px}
#s31 li{list-style:none}
#s31 li h3{font:400 20px dncb;color:#fff;margin:0;padding:0}
#s31 li p{font:400 18px dnb;color:#92d1d0;margin-top:8px}
.vpams,.vpamso{float:left;width:173px;height:117px;margin:0 4px 0 4px;background:#;border-radius:10px;padding:10px 10px 10px 10px;background-color:#04333d;border:1px solid #0a3f49;color:#fff}
@media(max-width:480px){.vpams,.vpamso{zoom:0.9}}
.vpams:hover,.vpamso{background:#074048;border:1px solid #115760}
#s32{background:linear-gradient(0,rgba(6,32,46,1) 0%,rgba(7,25,37,1) 87%,rgba(9,29,43,1) 100%);min-height:250px;padding:20px 0 20px 0}
.vpaf1{min-height:250px;text-align:center;font:400 16px dnb;font-weight:700;color:#b7cedd}
.vpaf1{display:flex;flex-flow:column;align-items:center;justify-content:center;row-gap:10px}
.vpaf1 li{width:100%;list-style:none}
.vpaf1 a{width:200px;height:28px;margin:0px 4px 0px 4px;border-radius:6px;text-align:center;color:#c6c6c6;font:400 18px dnb;padding-top:6px;background:#08464e;border:1px solid #14646d}
.vpaf1 a:hover{background:#0a5158;border:1px solid #1c7c84;color:#fff}
.vpaf1 span{color:#b6c826}
#cmdc p a,#cmdc2 p a{font:400 24px dncb;color:#97a622}
#cmdc p a:hover,#cmdc2 p a:hover{color:#fff}
#cmdc h3,#cmdc2 h3{font:400 24px dncb;color:#dcdcdc}
#divpbcp input{width:40px;height:19px;padding:10px 10px 10px 10px;font:400 20px dnb;color:#b6c826;background:#0d1a21;border:1px solid #0e4649;text-align:center;margin:0 2px 0 2px;border-radius:6px}
.ovngc ul,.ovx ul{display:flex;flex-direction:column}
.ovngc h2,.ovx h2{font:400 20px dncb;color:#dcdcdc;padding:0 0 10px 0}
.ovngc p,.ovx p{padding:5px 10px 6px 10px;font:700 15px dnb;color:#abbfce;background:#0d1a21;border:1px solid #09161d;border-top-right-radius:6px;border-bottom-right-radius:6px;border:1px solid #0c363a;}
.ovngc li label,.ovx li label{width:auto;min-width:160px;text-align:left;padding:6px 10px 5px 10px;background:#42211b;border:1px solid #784d35;color:#ffdb4b}
.ovngc li,.ovx li{display:flex;align-items:flex-start;list-style:none;height:38px}
.ovngc li input,.ovx li input{width:100%}
.ovngc li select{width:100%;height:31px;font-size:16px}
#ovbo{top:100px;position:absolute;width:100%;height:100%;margin-top:-110px;pointer-events:none;display:flex;justify-content:center;align-items:center}
.ovngc,.ovx{position:relative;display:flex;flex-direction:column;z-index:12;font-family:dn;padding:5px 10px 5px 10px;pointer-events:auto;background:rgba(2,25,38,0.9);border:2px solid #005770;border-radius:10px}
.ovngc a,.ovx a{padding:5px 12px 5px 12px;text-align:center;font:400 18px dncb;color:#98dfd9;margin-top:5px;background:linear-gradient(0deg,rgba(31,48,51,1) 10%,rgba(43,60,63,1) 90%);border-radius:6px}
.ovngc a:hover,.ovx a:hover{background:linear-gradient(0deg,rgba(212,75,21,1) 10%,rgba(222,207,35,1) 90%);color:#080f13}
.closeOverdiv{position:absolute;margin-top:0px!important;right:5px;font:400 16px dncb!important;color:#dcdcdc}
.closeOverdiv:hover{color:#fff}
.closeOverdiv svg{stroke: #000000;width: 14px;height: 14px;}
.ovlgr{position:absolute;right:15px;font:400 18px dncb;margin-top:3px;color:#fff;color:#ffdb49;text-shadow:0 0 6px #de0000,0 0 12px red}
.ovx{font:400 16px dnb;color:#abbfce;text-align:center}
.ovx h2{text-align:left}
.ovx span{margin-bottom:10px}
#title,#title2{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%);padding:20px 0}
#title2{height:auto;padding:50px 0 50px 0}
#title h1,#title2 h1{font:400 42px dncb;color:#fff;text-shadow:0 0 2px #007cca}
#title h2,#title2 h2{font-size:17px;color:#b7cedd;font-weight:700}
#title section,#title2 section{align-items:center}
#revs{min-height:187px;padding-bottom:25px;background:linear-gradient(0,rgba(5,24,36,1) 0%,rgba(2,38,54,1) 100%)}
.rvblog h2{font:400 26px dncb;color:#b9cfdc;text-align:left;padding:5px 10px 5px 10px;line-height:1}
.rvblog p{font:17px dn;color:#6e94a5;text-align:left;padding:0 10px 10px 10px}
.rvblog article img{transition:transform 0.3s ease}
.rvblog a{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;align-content:space-between;animation:fadeUp .45s .13s cubic-bezier(.16,1,.3,1) both}
.rvblog{column-gap:20px}
.rvblog article{margin-top:20px;background-color:#000a1245;border:1px solid #00161e;border-radius:10px;overflow:hidden}
.rvblog article:hover{text-shadow:0 0 50px #00f6ff85}
.rvblog article:hover h2{color:#c6dae5}
.rvblog article:hover img{transform:translate3d(0px,-6px,0) scale(1.05);filter:contrast(110%)}
.rvblog h4{font:700 18px dn;color:#fff;margin-bottom:15px;padding-left:55px}
.rvblog q{font:400 14px dn;color:#98d1df}
.rvblog h4::before{position:absolute;margin-left:-55px;content:"";width:40px;height:40px;background:url(medias/headsp.webp);border-radius:50%}
.rvblog h4::after{display:block;content:"";width:100%;height:19px;margin-top:6px;background:url(medias/trstar.webp) no-repeat}
#bgg,#bgr{display:block}
.blgr{border-radius:0.75rem;border:1px solid rgb(15 58 78);padding:1.25rem;margin-bottom:25px;background-color:#091c25}
.blgrh{display:flex;flex-direction:column;justify-content:center;font-size:1.125rem;color:#f9f9f9;text-align:center}
.blgrh h2{margin:0;font-weight:500}
.blgrh h3{margin:0}
.bold{font-weight:600}
.blgr .line{border:0;height:1px;background-color:#394556;margin:1rem 0}
.blgr .info{text-align:center;font-size:1.25rem;color:#98d1df}
.actions{padding:0 1.25rem;margin-top:1.25rem}
.betn{text-align:center;font-size:1rem;min-width:0!important;padding:0.75rem!important;margin:0!important;display:block}
.crsbt{color:#fff!important;background:#053043!important;border:1px solid #176b91!important}
.crsbt:hover{background:#124043!important;border:1px solid #1f8389!important;color:#c3ecef!important}
.links{display:flex;flex-direction:column}
.links a{font-size:1.05rem!important;padding:0!important;margin-bottom:1rem!important;text-decoration:none;background:none!important;border-radius:0!important;border:none!important;min-width:0!important}
.view-all{text-align:center;font-size:1rem;text-decoration:underline!important;text-underline-offset:0.25rem;color:#98d1df!important}
.links a:hover{color:#ffdb4b!important}
#arcontents a,#blcontents a,#backb{font-size:1.15rem;color:#fff;background:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important;min-width:0!important}
#backb{font-size:18px!important}
#arcontents a:hover,#blcontents a:hover{color:#ffdb49!important}
#arcontents img,#blcontents img{box-shadow:0px 0px 35px 10px rgb(0 0 0 / 20%);max-width:100%;height:auto}
#arcontents ol,#blcontents ol{margin-left:40px}
#arcontents li,#blcontents li{line-height:28px;font-size:1.15rem;color:#98d1df}
#blcontents p{padding-bottom:20px}
.be{column-gap:20px}
#bgg h1{font:38px dncb;color:#fff;text-shadow:0 0 2px #007cca;line-height:34px}
#bgg h2{font:36px dncb;color:#fff;text-shadow:0 0 2px #007cca;padding:30px 0 0 0}
#cct{padding:20px 10px 5px 10px;min-height:400px}
@media(min-width:992px){#bgg{grid-column-end:span 8}#bgr{grid-column-start:10}}
.bloga{font:600 16px dn;color:rgb(209 213 219);padding:10px 0 20px 55px}
.bloga::before{position:absolute;margin-left:-55px;margin-top:-1px;content:"";width:40px;height:40px;background:url(medias/headsp1.webp);border-radius:50%}
.bloga span{font:600 16px dn;color:#6e94a5;line-height:1.25rem}
#s28 svg{height:1.25rem;margin-right:.75rem;display:block}
#blcontents{margin-top:15px;font-size:1.25rem;line-height:1.8;color:#98d1df}
.pagination{display:flex;justify-content:center;padding:40px 0 60px 0;font-family:Arial,sans-serif}
.pagination a,.pagination span{color:#6e94a5;float:left;padding:6px 12px;text-decoration:none;margin:0 4px;border-radius:4px;border:1px solid #134258;transition:background-color 0.3s,color 0.3s;height:auto}
.pagination a:hover{background-color:#167c82;border:1px solid #0d3e42;color:#affbff;cursor:pointer}
.pagination .arrow{font-weight:bold;padding:6px 10px}
.pagination .page-number.active{background-color:#167c82;border:1px solid #0d3e42;color:#affbff;cursor:default}
.pagination .dots{padding:6px 10px;color:#888;cursor:default}
.pad10{padding:10px 0 10px 0;display:flex}
.pad10 a{padding:5px 12px 5px 12px;float:left;text-align:center;font:400 18px dncb;color:#98dfd9;background:linear-gradient(0deg,rgba(31,48,51,1) 10%,rgba(43,60,63,1) 90%);border-radius:6px}
.pad10 div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
@media(min-width:480.01px){.pad10 div{justify-content:left}.ovx{min-width:400px}}
.pad10 a:hover{background:linear-gradient(0deg,rgba(212,75,21,1) 10%,rgba(222,207,35,1) 90%)!important;color:#080f13!important}
#arcontents{min-height:400px}
#arcontents a{background:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important;min-width:0!important}
#arcontents a:hover{color:#ffdb49!important}
#arcontents img{box-shadow:0px 0px 35px 10px rgb(0 0 0 / 20%)}
#arcontents ol{margin-left:40px}
#arcontents li{line-height:28px}
.editTutorialClass,.addTutorialClass{grid-column-end:span 12!important;text-align:center;margin-top:15px!important}
.be h1,.be h2,.be h3{font-size:38px;padding:20px 0 20px 0}
.be h3,#bgg h3{font-size:32px;color:#e4e4e4}
.be strong,#bgg strong{color:#fff}
.be i{border:none;padding:0;opacity:1}
.be li{list-style-type:square}
.sp h1{font-size:38px;animation:fadeUp .45s .13s cubic-bezier(.16,1,.3,1) both}
.be h1{font-size:44px}
.rvblog{position:relative;display:grid;grid-template-columns:repeat(12,1fr);margin:0 auto;padding:0 10px 0 10px;width:clamp(300px,100% - 20px,1200px);height:100%}
.legal-page{line-height:1.7;color:#e0e0e0;font-family:'DINPro',sans-serif;background:linear-gradient(0deg,rgba(5,24,36,1) 0%,rgba(2,38,54,1) 100%)}
#title h1{font-size:42px;color:#fff;margin:0}
#title .last-update{color:#b0b5ad;font-style:italic;font-size:1rem}
.legal-container{max-width:1100px;margin:0 auto;padding:40px 20px}
.legal-intro{background:rgba(255,255,255,0.05);padding:25px;border-radius:4px;margin-bottom:40px;border-left:4px solid #ffc800}
.legal-content h2{color:#ffc800;font-size:1.8rem;margin-top:50px;margin-bottom:20px;border-bottom:1px solid rgb(255 255 255 / 20%);padding-bottom:10px}
.legal-content p{margin-bottom:20px;text-align:justify}
.legal-content ul{margin-bottom:20px;padding-left:30px}
.legal-content li{margin-bottom:8px;list-style-type:square;color:#ccc}
.legal-footer-box{margin-top:80px;padding:20px;background:rgb(121 121 121 / 10%);border:1px solid #999999;text-align:center}
.legal-footer-box h3{margin:0;font-size:1.2rem;color:#fff}
@media (max-width:768px){#title h1{font-size:2rem}.legal-content h2{font-size:1.4rem}}
.legal-intro a,.legal-content a{text-decoration:none;color:#dddddd}
.legal-intro a:hover,.legal-content a:hover{color:#fff}
.legal-content h3{font-size:1.6rem;color:#d7d7d5}
.legal-footer-box h3{font-size:1.6rem;color:#d1d1d1}
.stat-box-left{display:flex;flex-direction:row;align-items:center;gap:40px;row-gap:10px;flex-wrap:wrap;justify-content:center}
.tp-logo-icon{width:202px;height:94px;background:url(medias/s10i.webp) -1px -60px no-repeat;flex-shrink:0;zoom:.9}
.cta-review-v2{display:flex;align-items:center;justify-content:center}
.review-page-premium{padding:0;background:radial-gradient(circle at top,#0b3042 0,#0b151c 100%);padding-bottom:100px}
.tp-header-v2{padding:80px 0 40px;text-align:center}
.tp-header-v2 h1{font:400 48px dncb;text-shadow:0 0 10px rgba(0,124,202,.5)}
.c12 p{color:#8dc6c1}
.tp-footer-note{text-align:center;margin-top:60px;padding:20px;border-top:1px solid rgba(255,255,255,.05)}
.tp-footer-note p{font-family:dn;font-size:14px;color:#557a87;font-style:italic;letter-spacing:.5px}
.review-stats-dark{display:flex;justify-content:space-between;align-items:center;background:rgb(10 32 43);backdrop-filter:blur(10px);padding:10px 20px;border-radius:15px;margin:20px auto}
.big-score-v2{font:700 42px dncb;color:#fff}
.max-score-v2{font-size:20px;color:#557a87}
.tp-star{display:inline-block;width:20px;height:20px;background:#00b67a;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 15l-5.88 3.09 1.12-6.54L.48 6.91l6.56-.95L10 0l2.96 5.96 6.56.95-4.75 4.64 1.12 6.54z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 15l-5.88 3.09 1.12-6.54L.48 6.91l6.56-.95L10 0l2.96 5.96 6.56.95-4.75 4.64 1.12 6.54z'/%3E%3C/svg%3E") no-repeat center;margin-right:4px}
.tp-star.s{width:18px;height:18px}
.reviews-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:25px}
.review-card-dark{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateY(30px)}
.review-card-dark:hover{background:rgba(255,255,255,.06);border-color:#00b67a;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.card-header-tp{display:flex;justify-content:space-between;padding:15px 20px;background:rgba(0,0,0,.2)}
.stat-info p{color:#fff;font-weight:800}
.user-name{display:block;font-weight:700;color:#ffdb49}
.user-loc{font-size:12px;color:#557a87}
.verified-badge{background:rgba(0,182,122,.1);color:#00b67a;font-size:10px;padding:2px 8px;border-radius:4px;border:1px solid #00b67a;height:fit-content}
.card-body-tp{padding:20px}
.card-body-tp h3{font:400 18px dncb;color:#fff;margin:10px 0}
.review-date{font-size:12px;color:#557a87;margin-bottom:15px}
.review-text{font-family:dn;font-size:15px;color:#98d1df;line-height:1.6}
.btn-tp-dark{background:#00b67a;color:#fff;padding:12px 30px;border-radius:8px;border:2px solid #00b67a;font:700 18px dncb;transition:.5s}
.btn-tp-dark:hover{background:rgba(0,182,122,.1);border:2px solid #00b67a;color:#00b67a;box-shadow:0 0 20px rgba(0,182,122,.2);text-shadow:0 0 8px rgba(0,182,122,.5)}
.review-card-dark.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:768px){.review-stats-dark{flex-direction:column;gap:20px;text-align:center}#s29 summary h3{font:400 20px dncb}#s29 details{margin:8px 0 0 0}}
.ap-iframe{border:0}
#s1{position:relative;overflow:hidden}

/* ===================================================================================
   Pied de page public (partiel Templates/_footer.html), design repris de
   minecraft-hosting.pro et adapte a Location Minecraft.
   Le bloc partenaires porte l'id #sftprtn et non #prtn : #prtn et #prtn2 sont deja
   utilises par le pied de page du panel client, une collision aurait restyle celui-ci.
   =================================================================================== */
#sftprtn{height:auto;position:relative;background:#03090c59;overflow:hidden}
#sftprtn .sftprtn-glow{position:absolute;top:0;left:0;width:100%;height:24px;background:linear-gradient(0deg,rgba(0,29,44,0) 0%,rgba(0,11,19,0.5) 100%)}
#sftprtn .prtnw{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:10px 24px;padding:6px 10px;position:relative;z-index:2}
#sftprtn p{color:#263f4f;margin:0;font:20px dncb;text-align:center;letter-spacing:.04em}
#sftprtn ul{text-align:center;padding:0;margin:0;list-style:none}
#sftprtn li{display:inline-block;width:auto;margin:0 10px}
#sftprtn li a{display:inline-block;opacity:.9;transition:opacity .18s ease}
#sftprtn li a:hover{opacity:1}
#sftprtn li img{height:40px;width:auto;display:block}

#sft{position:relative;background:linear-gradient(180deg,#02141e 40%,#0a283b 100%);color:#8ab8c8;padding:0;font-family:dn,sans-serif}
#sft::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,0.35),transparent);z-index:2}
#sft .sft-wrap{width:clamp(300px,100% - 20px,1200px);margin:0 auto;padding:40px 10px 28px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px;align-items:flex-start}
#sft .sft-brand{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;align-items:center;align-self:center}


#sft .sft-pay{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 14px}
#sft .sft-pay img{height:26px;width:auto;display:block;opacity:.85;transition:opacity .18s ease}
#sft .sft-pay img:hover{opacity:1}
#sft .sft-social{display:flex;gap:8px}
#sft .sft-soc{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#fff;background:rgba(0,212,245,0.08);border:1px solid rgba(0,212,245,0.15);transition:all .2s ease;text-decoration:none}
#sft .sft-soc svg{width:16px;height:16px}
#sft .sft-soc:hover{background:rgba(0,212,245,0.18);border-color:rgba(0,212,245,0.45);transform:translateY(-1px)}
#sft .sft-col-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;color:#fff;margin:0 0 14px;text-transform:none}
#sft .sft-col ul,#sft .sft-offers ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
#sft .sft-col a,#sft .sft-offers a{font-size:14px;color:#8ab8c8;text-decoration:none;transition:color .18s ease}
#sft .sft-col a:hover,#sft .sft-offers a:hover{color:#00d4f5}
#sft .sft-copy-row{border-top:1px solid rgba(255,255,255,0.04);padding:14px 10px;text-align:center;background:#105255}
#sft .sft-copy-row p{margin:0;font-size:13px;color:#fff;font-weight:800}
#sft .sft-copy-row a{color:inherit;text-decoration:none}
#sft .sft-copy-row a:hover{color:#00d4f5}
@media (max-width:900px){#sft .sft-wrap{grid-template-columns:1fr 1fr 1fr;gap:36px;padding:36px 10px 24px}#sft .sft-brand{grid-column:1 / -1}}
@media (max-width:620px){#sft .sft-wrap{grid-template-columns:1fr 1fr;gap:28px}#sftprtn .prtnw{flex-direction:column}#sftprtn li img{height:34px}}
@media (max-width:480px){#sft .sft-wrap{gap:24px}}

/* ===================================================================================
   Pages modpacks, hebergement modde et serveur pas cher.
   Design repris de minecraft-hosting.pro, integralement porte sous #mpkpage :
   19 noms de classes (reveal, row, faq-*, open, visible...) et 34 animations existent
   deja sur le site, le scope evite toute collision avec le reste des pages.
   =================================================================================== */
#mpkpage #cmdc,#mpkpage #duree{zoom:1.2;width:auto;padding:0}
#mpkpage #plans{display:none!important;}
#mpkpage header,#mpkpage #header2{height:0!important;background:none!important;padding:0}
#mpkpage .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(0.22,1,0.36,1),transform .75s cubic-bezier(0.22,1,0.36,1)}
#mpkpage .reveal.visible{opacity:1;transform:translateY(0)}
#mpkpage .reveal-d1{transition-delay:.1s}
#mpkpage .reveal-d2{transition-delay:.2s}
#mpkpage .reveal-d3{transition-delay:.3s}
#mpkpage .reveal-d4{transition-delay:.4s}
#mpkpage .tag-label{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:#00d4f5;background:rgba(0,212,245,0.12);border:1px solid rgba(0,212,245,.2);padding:5px 14px;border-radius:7px;margin-bottom:14px}
#mpkpage #mpk-hero{position:relative;overflow:hidden;padding:0;min-height:480px;display:flex;align-items:center}
#mpkpage #mpk-hero .mpk-bg{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;filter:saturate(1.1)}
#mpkpage #mpk-hero .mpk-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 50%,rgba(4,23,36,.62) 0%,rgba(4,23,36,.86) 55%,#041726 100%),linear-gradient(90deg,#041b29 0%,rgba(0,168,255,.10) 40%,rgba(4,27,41,.85) 100%)}
#mpkpage #mpk-hero .row{position:relative;z-index:3;width:100%;padding:60px 20px;margin:0 auto;max-width:1180px}
#mpkpage .mpk-head{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
#mpkpage .mpk-icon{flex:0 0 auto;width:148px;height:148px;border-radius:24px;overflow:hidden;border:1px solid rgba(0,212,245,.35);box-shadow:0 18px 50px -12px rgba(0,0,0,.7),0 0 0 6px rgba(0,212,245,.06);background:#021926}
#mpkpage .mpk-icon img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:560px){#mpkpage .mpk-icon{width:104px;height:104px;border-radius:18px;margin: 0 auto;}
}
#mpkpage .mpk-titles{flex:1;min-width:260px}
#mpkpage .mpk-meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#mpkpage .mpk-meta-chips span{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9fd6e6;background:rgba(0,212,245,.10);border:1px solid rgba(0,212,245,.22);border-radius:6px;padding:4px 10px}
#mpkpage .mpk-titles h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,5vw,60px);font-weight:800;line-height:.96;text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 0 12px;text-shadow:0 2px 20px rgba(0,0,0,.6)}
#mpkpage .mpk-titles h1 b{color:#00d4f5}
#mpkpage .mpk-intro{font-size:18px;line-height:1.6;color:#cfe3ee;max-width:60ch;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.6)}
#mpkpage .mpk-intro b{color:#fff;font-weight:700}
#mpkpage .mpk-hero-cta{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:26px}
#mpkpage .mpk-price{font-family:'Barlow Condensed',sans-serif;color:#cfe3ee;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
#mpkpage .mpk-price b{color:#ffdb4b;font-size:28px;letter-spacing:.02em}
#mpkpage .mpk-answer{position:relative;z-index:3;max-width:1140px;margin:10px auto 10px;padding:18px 22px;border-left:3px solid #00d4f5;background:linear-gradient(90deg,rgba(0,212,245,.07),transparent);border-radius:0 12px 12px 0;color:#dcecf3;font-size:15.5px;line-height:1.65}
#mpkpage .mpk-answer b{color:#fff;font-weight:700}
#mpkpage #mpk-reco{padding:70px 0;background:linear-gradient(180deg,#041726 0%,#0f1d27 100%)}
#mpkpage .mpk-reco-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;max-width:1100px;margin:0 auto;padding:0 20px;align-items:center}
@media(max-width:880px){#mpkpage .mpk-reco-grid{grid-template-columns:1fr;gap:24px}
}
#mpkpage .mpk-reco-text h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.8vw,42px);font-weight:800;line-height:.96;text-transform:uppercase;color:#fff;margin:0 0 14px}
#mpkpage .mpk-reco-text h2 b{color:#ffdb4b}
#mpkpage .mpk-reco-text p{font-size:16.5px;line-height:1.65;color:#8ab8c8;margin:0 0 12px}
#mpkpage .mpk-reco-text p strong{color:#fff;font-weight:700}
#mpkpage .mpk-reco-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
#mpkpage .mpk-reco-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#cfe3ee;line-height:1.5}
#mpkpage .mpk-reco-list svg{width:18px;height:18px;stroke:#22d48a;fill:none;stroke-width:2.4;flex:none;margin-top:2px}
#mpkpage .chgp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;background:linear-gradient(170deg,#0d2030 0%,#091820 100%);border:1px solid #1a3040;border-radius:14px;padding:10px 12px 18px;overflow:hidden;transition:border-color .2s,transform .18s,box-shadow .2s;text-decoration:none}
#mpkpage .chgp-card::before{content:'';position:absolute;inset:0;border-radius:14px;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(0,201,193,.12) 0%,transparent 65%);transition:opacity .3s}
#mpkpage .chgp-card:hover{border-color:rgba(0,201,193,.4);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.5)}
#mpkpage .chgp-card:hover::before{opacity:1}
#mpkpage .chgp-card.popular{border-color:rgba(0,201,193,.65);background:linear-gradient(170deg,#0e2e3a 0%,#091e2a 100%);box-shadow:0 0 0 2px rgba(0,201,193,.2),0 8px 32px rgba(0,201,193,.1)}
#mpkpage .chgp-card.popular::before{opacity:1}
#mpkpage .chgp-badge{position:absolute;top:8px;left:8px;z-index:10;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00c9c1;background:rgba(0,201,193,.12);border:1px solid rgba(0,201,193,.32);border-radius:4px;padding:2px 6px}
#mpkpage .chgp-card.popular .chgp-check{position:absolute;top:8px;right:8px;z-index:10;width:20px;height:20px;border-radius:50%;background:rgba(0,201,193,.12);border:1px solid rgba(0,201,193,.35);display:flex;align-items:center;justify-content:center}
#mpkpage .chgp-check svg{width:10px;height:10px;stroke:#00c9c1;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#mpkpage .chgp-avatar-wrap{position:relative;width:100%;height:230px;overflow:hidden;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px}
#mpkpage .chgp-offr{width:100%;height:250px;position:relative;z-index:3;background-color:transparent;background-repeat:no-repeat;background-position:center bottom,center bottom;zoom:.98;flex-shrink:0;transition:transform .25s ease}
#mpkpage .chgp-card:hover .chgp-offr{transform:translateY(-5px)}
#mpkpage .chgp-offr.lara{background-image:url("medias/lara3.avif");background-size:auto 250px,auto auto}
#mpkpage .chgp-offr.thanos{background-image:url("medias/bigthanos3.avif");background-size:auto 250px,auto auto}
#mpkpage .chgp-offr.lara::after,#mpkpage .chgp-offr.lara::after,#mpkpage .chgp-offr.thanos::after{content:'';background:linear-gradient(to bottom,#06222b00 0%,#0d1d27 100%);height:40px;position:absolute;bottom:0;width:100%;z-index:3}
#mpkpage .chgp-offr.lara::after{background:linear-gradient(to bottom,#06222b00 0%,#0e2530 100%)}
#mpkpage .chgp-offr-name{position:absolute;bottom:4px;left:0;right:0;z-index:5;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5a8aaa;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.8);transition:color .2s;pointer-events:none}
#mpkpage .chgp-card:hover .chgp-offr-name{color:#88b8cc}
#mpkpage .chgp-card.popular .chgp-offr-name{color:#00c9c1}
#mpkpage .chgp-ram-badge,#mpkpage .chgp-cores-badge{position:absolute;top:38px;z-index:10;min-width:40px;display:flex;flex-direction:column;align-items:center;background:rgb(4 12 20 / 80%);border:1px solid #182e3a;border-radius:6px;padding:3px 7px;line-height:1.1}
#mpkpage .chgp-ram-badge{left:8px}
#mpkpage .chgp-cores-badge{right:8px}
#mpkpage .chgp-ram-badge .v,#mpkpage .chgp-cores-badge .v{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#cfcfcf;line-height:1}
#mpkpage .chgp-ram-badge .u,#mpkpage .chgp-cores-badge .u{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#688895}
#mpkpage .chgp-price-row{display:flex;align-items:baseline;gap:2px;flex-wrap:nowrap;margin-top:14px}
#mpkpage .chgp-price-val{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;color:#22d48a;letter-spacing:.02em;line-height:1}
#mpkpage .chgp-card.popular .chgp-price-val{color:#ffdb4b;text-shadow:0 0 14px rgba(255,219,75,.3)}
#mpkpage .chgp-price-eur{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:#22d48a;line-height:1;margin-left:2px}
#mpkpage .chgp-card.popular .chgp-price-eur{color:#ffdb4b}
#mpkpage .chgp-price-unit{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:#4a7080;letter-spacing:.08em;text-transform:uppercase;margin-left:6px;white-space:nowrap;align-self:flex-end;margin-bottom:3px}
#mpkpage .chgp-best{font:400 13px dn,sans-serif;color:#688895;font-style:italic;line-height:1.5;min-height:36px;text-align:center}
#mpkpage .chgp-cta,#mpkpage .cmd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffb300;background:rgba(97,24,0,.64);border:2px solid rgba(255,142,0,.48);border-radius:10px;padding:10px 14px;transition:all .22s;position:relative;text-decoration:none;cursor:pointer}
#mpkpage .chgp-cta::before,#mpkpage .chgp-card:hover .chgp-cta::before,#mpkpage .chgp-card:hover .chgp-cta,#mpkpage .cmd-btn:hover{background:linear-gradient(135deg,#00e9e0,#00c9c1);border-color:#00e1d8;color:#030c08;box-shadow:0 4px 22px rgba(34,212,138,.4)}
#mpkpage .cmd-btn{width:auto}
#mpkpage #mpk-ram{padding:70px 0;background:#011624;border-top:1px solid #07344a}
#mpkpage .ramg-head{text-align:center;max-width:860px;margin:0 auto 30px;padding:0 20px}
#mpkpage .ramg-head .tag-label{margin:0 auto 14px}
#mpkpage .ramg-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.8vw,42px);font-weight:800;line-height:.95;text-transform:uppercase;color:#fff;margin:0 0 12px}
#mpkpage .ramg-head p{font:400 17px 'Barlow',sans-serif;color:#8ab8c8;line-height:1.6;margin:0}
#mpkpage .ramg-table-wrap{max-width:1000px;margin:0 auto;padding:0 20px;overflow-x:auto}
#mpkpage .ramg-table{width:100%;border-collapse:collapse;background:#08293a82;border:1px solid #27445a;border-radius:10px;overflow:hidden;min-width:560px}
#mpkpage .ramg-table th{background:#011b26;color:#ffdb4b;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:14px 18px;border-bottom:1px solid #27445a}
#mpkpage .ramg-table td{padding:16px 18px;font:400 15px 'Barlow',sans-serif;color:#cfe3ee;border-bottom:1px solid rgba(39,68,90,.5)}
#mpkpage .ramg-table tr:last-child td{border-bottom:none}
#mpkpage .ramg-table tr:hover td{background:rgba(0,212,245,.04)}
#mpkpage .ramg-table .type{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}
#mpkpage .ramg-table .ram-cell{color:#ffdb4b;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px}
#mpkpage .ramg-table .plan-cell{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#00d4f5;text-transform:uppercase;letter-spacing:.04em}
#mpkpage #mpk-install{position:relative;padding:80px 0;background:linear-gradient(0deg,#011624 0%,#02283b 100%);border-top:1px solid #07344a}
#mpkpage .install-head{text-align:center;max-width:880px;margin:0 auto 14px;padding:0 20px}
#mpkpage .install-head .tag-label{margin:0 auto 14px}
#mpkpage .install-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:.95;text-transform:uppercase;color:#fff;margin:0 0 14px}
#mpkpage .install-head p{font:400 16.5px 'Barlow',sans-serif;color:#8ab8c8;line-height:1.65;margin:0 0 12px}
#mpkpage .install-head p strong{color:#fff;font-weight:700}
#mpkpage .install-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px auto 0;max-width:1180px;padding:0 20px;align-items:stretch}
@media(max-width:980px){#mpkpage .install-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){#mpkpage .install-steps{grid-template-columns:1fr}
}
#mpkpage .install-step{position:relative;background:linear-gradient(170deg,#007db914 0%,#e3e3e300 100%);border-radius:14px;padding:0 22px 22px;text-shadow:0 0 50px #007cca;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;}
#mpkpage .install-step::after{content:attr(data-n);position:absolute;top:14px;right:18px;font-family:'Barlow Condensed',sans-serif;font-size:54px;font-weight:800;color:rgba(0,212,245,.06);letter-spacing:-.04em;line-height:1;pointer-events:none;text-shadow:none}
#mpkpage .step-icon{width:100%;height:130px;display:flex;align-items:center;justify-content:center;position:relative}
#mpkpage .step-icon svg{width:100px;height:100px;overflow:visible}
#mpkpage .step-t{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;text-shadow:none;line-height:1.1}
#mpkpage .step-d{font:400 14px 'Barlow',sans-serif;color:#8ab8c8;line-height:1.55;text-shadow:none;margin:0;flex:1}
#mpkpage .si-stroke{stroke:#00d4f5;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mpkpage .si-stroke-soft{stroke:#3a6c80;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#mpkpage .si-fill-cyan{fill:#00d4f5}
#mpkpage .si-fill-yellow{fill:#ffdb4b}
@keyframes mpk-si1-thrust{0%,100%{transform:scaleY(.92);opacity:.85}
50%{transform:scaleY(1.1);opacity:1}
}
@keyframes mpk-si1-spark{0%{transform:translateY(0);opacity:1}
100%{transform:translateY(28px);opacity:0}
}
@keyframes mpk-si1-rocket{0%,100%{transform:translateY(0)}
50%{transform:translateY(-3px)}
}
#mpkpage .si1 .rocket{transform-origin:50% 50%;animation:mpk-si1-rocket 2.2s ease-in-out infinite}
#mpkpage .si1 .thrust{transform-origin:50% 76px;animation:mpk-si1-thrust .55s ease-in-out infinite}
#mpkpage .si1 .spk{animation:mpk-si1-spark 1s linear infinite}
#mpkpage .si1 .spk2{animation-delay:.33s}
#mpkpage .si1 .spk3{animation-delay:.66s}
#mpkpage .modpack-svg{width:100px;height:100px;overflow:visible}
#mpkpage .mp-cube-front{animation:mpk-mpFloat 3.4s ease-in-out infinite;transform-origin:58px 40px}
#mpkpage .mp-cube-back{animation:mpk-mpFloatBack 3.8s ease-in-out infinite;transform-origin:44px 45px}
#mpkpage .mp-core{animation:mpk-mpPulse 2.4s ease-in-out infinite;transform-origin:50px 69px}
#mpkpage .mp-rings{animation:mpk-mpRingPulse 2.8s ease-in-out infinite;transform-origin:50px 52px}
#mpkpage .mp-orbit{animation:mpk-mpOrbit 5.5s linear infinite;transform-origin:50px 52px}
#mpkpage .mp-orbit-2{animation-duration:7s;animation-direction:reverse;opacity:.8}
#mpkpage .mp-links{animation:mpk-mpLinks 2.2s ease-in-out infinite}
#mpkpage .mp-sparks circle{animation:mpk-mpSpark 2s ease-in-out infinite;transform-origin:center}
#mpkpage .mp-sparks circle:nth-child(2){animation-delay:.35s}
#mpkpage .mp-sparks circle:nth-child(3){animation-delay:.7s}
#mpkpage .mp-sparks circle:nth-child(4){animation-delay:1.05s}
@keyframes mpk-mpFloat{0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-3px) rotate(1.5deg)}
}
@keyframes mpk-mpFloatBack{0%,100%{transform:translateY(0) rotate(0deg);opacity:.75}
50%{transform:translateY(2px) rotate(-1deg);opacity:1}
}
@keyframes mpk-mpPulse{0%,100%{transform:scale(1);opacity:.9}
50%{transform:scale(1.06);opacity:1}
}
@keyframes mpk-mpRingPulse{0%,100%{transform:scale(1);opacity:.35}
50%{transform:scale(1.06);opacity:.65}
}
@keyframes mpk-mpOrbit{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes mpk-mpLinks{0%,100%{stroke-dasharray:2 7;stroke-dashoffset:0;opacity:.35}
50%{stroke-dasharray:6 4;stroke-dashoffset:-8;opacity:.75}
}
@keyframes mpk-mpSpark{0%,100%{transform:scale(.7);opacity:.35}
50%{transform:scale(1.35);opacity:1}
}
#mpkpage .version-icon{overflow:visible}
#mpkpage .vi-card{fill:#071923;stroke:#00d4f5;stroke-width:2;filter:drop-shadow(0 0 5px rgba(0,212,245,.25))}
#mpkpage .vi-version{fill:#ffdb4b;font-family:Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:.5px}
#mpkpage .vi-label{fill:#00d4f5;font-family:Arial,sans-serif;font-size:6px;font-weight:700;letter-spacing:1px;opacity:.85}
#mpkpage .vi-arrow{fill:none;stroke:#00d4f5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.9;animation:mpk-viArrow 1.8s ease-in-out infinite}
#mpkpage .vi-arrow.down{animation-delay:.25s}
#mpkpage .vi-check{fill:none;stroke:#ffdb4b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;animation:mpk-viCheck 1.8s ease-in-out infinite}
#mpkpage .vi-glow{fill:rgba(255,219,75,.12);animation:mpk-viGlow 1.8s ease-in-out infinite}
@keyframes mpk-viArrow{0%,100%{transform:translateY(0);opacity:.55}
50%{transform:translateY(-2px);opacity:1}
}
@keyframes mpk-viCheck{0%,100%{opacity:.75;transform:scale(1)}
50%{opacity:1;transform:scale(1.08)}
}
@keyframes mpk-viGlow{0%,100%{opacity:.35}
50%{opacity:.75}
}
#mpkpage .st-ring{fill:none;stroke:#00d4f5;stroke-width:2;opacity:.28;transform-origin:50px 50px;animation:mpk-stRing 2s ease-in-out infinite}
#mpkpage .st-shadow{fill:rgba(0,212,245,.12);animation:mpk-stShadow 2s ease-in-out infinite}
#mpkpage .st-group{transform-origin:50px 50px;animation:mpk-stFloat 2s ease-in-out infinite}
#mpkpage .st-badge{fill:#081923;stroke:#00d4f5;stroke-width:2.2;filter:drop-shadow(0 0 6px rgba(0,212,245,.18))}
#mpkpage .st-inner{fill:#0d2431;stroke:#12384a;stroke-width:1.2}
#mpkpage .st-play-bg{fill:rgba(255,219,75,.14);stroke:#ffdb4b;stroke-width:1.8;transform-origin:50px 50px;animation:mpk-stPulse 2s ease-in-out infinite}
#mpkpage .st-play{fill:#ffdb4b;transform-origin:50px 50px;animation:mpk-stPulse 2s ease-in-out infinite}
#mpkpage .st-spark{fill:#ffdb4b;opacity:0;animation:mpk-stSpark 2s ease-in-out infinite}
#mpkpage .st-pixel{fill:#00d4f5;opacity:0;animation:mpk-stPixel 2s ease-in-out infinite}
@keyframes mpk-stFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-1.4px)}
}
@keyframes mpk-stPulse{0%,100%{transform:scale(1);opacity:.92}
50%{transform:scale(1.06);opacity:1}
}
@keyframes mpk-stRing{0%,100%{transform:scale(.92);opacity:.16}
50%{transform:scale(1.06);opacity:.34}
}
@keyframes mpk-stSpark{0%,58%,100%{opacity:0;transform:scale(.7)}
68%,82%{opacity:1;transform:scale(1)}
}
@keyframes mpk-stPixel{0%,100%{opacity:0;transform:translateY(0)}
50%{opacity:.95;transform:translateY(-2px)}
}
@keyframes mpk-stShadow{0%,100%{opacity:.10;transform:scale(1)}
50%{opacity:.18;transform:scale(1.05)}
}
#mpkpage #mpk-about{padding:80px 0;background:#011828}
#mpkpage .mpk-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;max-width:1100px;margin:0 auto;padding:0 20px;align-items:center}
@media(max-width:880px){#mpkpage .mpk-about-grid{grid-template-columns:1fr;gap:26px}
}
#mpkpage .mpk-about-text h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(26px,3.6vw,40px);font-weight:800;text-transform:uppercase;color:#fff;line-height:.96;margin:14px 0 14px}
#mpkpage .mpk-about-text p{font-size:16.5px;line-height:1.75;color:#8ab8c8;margin:0 0 14px}
#mpkpage .mpk-about-text p b{color:#fff;font-weight:700}
#mpkpage .mpk-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mpkpage .mpk-spec{background:linear-gradient(180deg,#02283b 0%,#021926 100%);border:1px solid #27445a;border-radius:12px;padding:18px}
#mpkpage .mpk-spec .k{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#688895}
#mpkpage .mpk-spec .v{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;color:#fff;line-height:1.1;margin-top:4px}
#mpkpage .mpk-spec .v.cyan{color:#00d4f5}
#mpkpage #mpk-feats{padding:80px 0;background:linear-gradient(0deg,#021926 0%,#011828 100%);border-top:1px solid #07344a;border-bottom:1px solid #07344a}
#mpkpage .feats-head{text-align:center;padding:0 20px;margin:0 auto;max-width:860px}
#mpkpage .feats-head .tag-label{margin:0 auto 14px}
#mpkpage .feats-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:.95;text-transform:uppercase;color:#fff;margin:0 0 30px}
#mpkpage .fcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px auto 0;max-width:1180px;padding:0 20px}
@media(max-width:980px){#mpkpage .fcards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){#mpkpage .fcards{grid-template-columns:1fr}
}
#mpkpage .fcard{position:relative;background:linear-gradient(170deg,#007db914 0%,#e3e3e300 100%);border-radius:14px;padding:22px;text-shadow:0 0 50px #007cca;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .25s,transform .25s,box-shadow .25s;min-height:300px}
#mpkpage .fc-icon{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
#mpkpage .fc-icon svg{width:90px;height:90px;overflow:visible}
#mpkpage .fcard h3{font:700 19px 'Barlow Condensed',sans-serif;color:#fff;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;text-shadow:none;line-height:1.1}
#mpkpage .fcard p{font:400 14.5px 'Barlow',sans-serif;color:#8ab8c8;line-height:1.6;margin:0;text-shadow:none}
@keyframes mpk-fc1-scan{0%{transform:translateY(0)}
50%{transform:translateY(38px)}
100%{transform:translateY(0)}
}
@keyframes mpk-fc1-blink{0%,100%{opacity:.25}
50%{opacity:1}
}
#mpkpage .fc1 .scan-line{animation:mpk-fc1-scan 2.4s ease-in-out infinite}
#mpkpage .fc1 .led-a{animation:mpk-fc1-blink 1.2s ease-in-out infinite}
#mpkpage .fc1 .led-b{animation:mpk-fc1-blink 1.2s ease-in-out infinite;animation-delay:.4s}
#mpkpage .fc1 .led-c{animation:mpk-fc1-blink 1.2s ease-in-out infinite;animation-delay:.8s}
@keyframes mpk-fc2-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes mpk-fc2-arrow{0%,100%{opacity:.5}
50%{opacity:1}
}
#mpkpage .fc2 .arc{transform-origin:50px 50px;animation:mpk-fc2-rotate 5s linear infinite}
#mpkpage .fc2 .arrow-head{animation:mpk-fc2-arrow 1.5s ease-in-out infinite}
@keyframes mpk-fc3-bolt{0%,100%{opacity:.4;transform:scale(.92)}
50%{opacity:1;transform:scale(1.08)}
}
@keyframes mpk-fc3-spin-flow{0%{stroke-dashoffset:80}
100%{stroke-dashoffset:0}
}
#mpkpage .fc3 .nvme-bolt{transform-origin:50px 50px;animation:mpk-fc3-bolt .9s ease-in-out infinite}
#mpkpage .fc3 .data-line{stroke-dasharray:80;stroke-dashoffset:80;animation:mpk-mpk-fc3-spin-flow 2s linear infinite}
@keyframes mpk-fc4-shield{0%,100%{transform:scale(1)}
50%{transform:scale(1.04)}
}
@keyframes mpk-fc4-deflect{0%{transform:translateX(-20px) translateY(-4px);opacity:1}
80%{opacity:1}
100%{transform:translateX(20px) translateY(4px);opacity:0}
}




#mpkpage #s29-faq{padding:60px 0 80px;overflow:hidden;width:100%;background:#011624}
#mpkpage #s29-faq *{box-sizing:border-box}
#mpkpage .faq-inner{width:100%;max-width:1180px;margin:0 auto;position:relative;z-index:1}
#mpkpage .faq-hd{text-align:center;margin-bottom:44px;padding:0 20px}
#mpkpage .faq-hd h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4.5vw,48px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#fcd857;text-shadow:0 0 40px rgba(252,216,87,0.2);line-height:1;margin-bottom:8px}
#mpkpage .faq-hd p{font-size:16px;color:#8ab8c8;font-weight:300}
#mpkpage #s29-faq .faq-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 20px;align-items:start;width:100%;max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
#mpkpage #s29-faq .faq-item{width:100%;min-width:0;max-width:100%;border:1px solid rgba(0,212,245,0.1);border-radius:10px;overflow:hidden;background:rgba(0,212,245,0.025);transition:border-color .3s,background .3s;align-self:start;grid-column:auto!important}
#mpkpage #s29-faq .faq-item:hover{border-color:rgba(0,212,245,0.2);background:rgba(0,212,245,0.04)}
#mpkpage #s29-faq .faq-item.open{border-color:rgba(0,212,245,0.28);background:rgba(0,212,245,0.05)}
#mpkpage #s29-faq .faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;padding:9px 20px;cursor:pointer;user-select:none}
#mpkpage #s29-faq .faq-q-text{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
#mpkpage #s29-faq .faq-num{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;color:rgba(0,212,245,0.35);flex:0 0 22px;width:22px}
#mpkpage #s29-faq .faq-q h3{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c1b58e;line-height:1.1;margin:0;transition:color .25s;min-width:0;overflow-wrap:break-word}
#mpkpage #s29-faq .faq-item.open .faq-q h3,#mpkpage #s29-faq .faq-item:hover .faq-q h3{color:#fff}
#mpkpage #s29-faq .faq-chev{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,212,245,0.2);display:flex;align-items:center;justify-content:center;flex:0 0 28px;transition:background .3s,border-color .3s,transform .4s cubic-bezier(.22,1,.36,1)}
#mpkpage #s29-faq .faq-chev svg{width:12px;height:12px;stroke:rgba(0,212,245,0.5);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
#mpkpage #s29-faq .faq-item.open .faq-chev{background:rgba(0,212,245,0.12);border-color:rgba(0,212,245,0.4);transform:rotate(180deg)}
#mpkpage #s29-faq .faq-item.open .faq-chev svg{stroke:#00d4f5}
#mpkpage #s29-faq .faq-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1);padding:0}
#mpkpage #s29-faq .faq-item.open .faq-body{max-height:500px;padding:0}
#mpkpage #s29-faq .faq-ans{padding:0 20px 18px 56px;font-size:15px;color:#8ab8c8;line-height:1.75;font-weight:300;margin:0;background:none;overflow-wrap:break-word}
#mpkpage #s29-faq .faq-ans strong{color:#c9e8ef;font-weight:600}
#mpkpage #s29-faq .faq-ans a{color:#00d4f5}
#mpkpage #s29-faq .faq-ans code{font-family:'Courier New',monospace;font-size:13.5px;color:#ffdb4b;background:rgba(255,219,75,.08);padding:1px 6px;border-radius:4px}
#mpkpage .faq-q::after{content:none}
@media(max-width:900px){#mpkpage #s29-faq{padding:50px 0 70px}
#mpkpage #s29-faq .faq-inner{max-width:720px}
#mpkpage #s29-faq .faq-list{grid-template-columns:1fr!important;max-width:720px!important;padding:0 20px!important}
#mpkpage #s29-faq .faq-item{grid-column:1/-1!important;width:100%!important}
}
@media(max-width:560px){#mpkpage #s29-faq{padding:34px 0 60px}
#mpkpage #s29-faq .faq-hd{margin-bottom:28px;padding:0 14px}
#mpkpage #s29-faq .faq-hd p{font-size:15px;line-height:1.5}
#mpkpage #s29-faq .faq-list{grid-template-columns:1fr!important;padding:0 12px!important;gap:8px!important}
#mpkpage #s29-faq .faq-item{grid-column:1/-1!important;width:100%!important}
#mpkpage #s29-faq .faq-q{padding:12px 12px;gap:10px;align-items:center}
#mpkpage #s29-faq .faq-q-text{gap:9px}
#mpkpage #s29-faq .faq-num{flex-basis:18px;width:18px;font-size:10px}
#mpkpage #s29-faq .faq-q h3{font-size:16px;line-height:1.18;letter-spacing:.03em}
#mpkpage #s29-faq .faq-chev{width:24px;height:24px;flex-basis:24px}
#mpkpage #s29-faq .faq-chev svg{width:10px;height:10px}
#mpkpage #s29-faq .faq-ans{padding:0 12px 16px 39px;font-size:14px;line-height:1.65}
#mpkpage .install-step{min-height:0px;}
}
@media(max-width:380px){#mpkpage #s29-faq .faq-list{padding:0 10px!important}
#mpkpage #s29-faq .faq-q{padding:11px 10px}
#mpkpage #s29-faq .faq-num{display:none}
#mpkpage #s29-faq .faq-q h3{font-size:15px}
#mpkpage #s29-faq .faq-ans{padding:0 10px 15px 10px}
}
#mpkpage #mpk-related{padding:80px 0 90px;background:linear-gradient(0deg,#021926 0%,#012535 100%);border-top:1px solid #07344a}
#mpkpage .packs-head{text-align:center;max-width:840px;margin:0 auto 22px;padding:0 20px}
#mpkpage .packs-head .tag-label{margin:0 auto 14px}
#mpkpage .packs-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:.95;text-transform:uppercase;color:#fff;margin:0 0 12px}
#mpkpage .mpk-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:30px auto 0;padding:0 20px}
@media(max-width:880px){#mpkpage .mpk-rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){#mpkpage .mpk-rel-grid{grid-template-columns:1fr}
}
#mpkpage .pack-tile{position:relative;display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(180deg,#062132 0%,#021926 100%);border:1px solid #27445a;border-radius:12px;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s;justify-content:space-around}
#mpkpage .pack-tile:hover{transform:translateY(-4px);border-color:#00d4f5;box-shadow:0 14px 36px -10px rgba(0,212,245,.25)}
#mpkpage .pack-thumb{position:relative;width:100%;aspect-ratio:16/9;background-size:contain;background-position:center;background-repeat:no-repeat}
#mpkpage .pack-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
#mpkpage .pack-name{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:0}
#mpkpage .pack-host{display:inline-flex;align-items:center;gap:5px;font-family:'Barlow Condensed',sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#00d4f5;transition:color .2s,gap .2s;margin-top:6px}
#mpkpage .pack-host svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
#mpkpage .pack-tile:hover .pack-host{color:#ffdb4b;gap:8px}
#mpkpage .pack-tile:hover .pack-host svg{transform:translateX(3px)}
#mpkpage .packs-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:38px;padding:0 20px;align-items:center}
#mpkpage .packs-foot .ghost{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:12px 22px;border-radius:8px;color:#cfe3ee;background:#021926;border:1px solid #27445a;transition:all .2s}
#mpkpage .packs-foot .ghost:hover{border-color:#00d4f5;color:#fff}
#mpkpage #s1f .row{padding:20px 10px 0 10px;min-height:555px}
#mpkpage #thomod{zoom:1;top:unset;bottom:0;margin:0 0 0 -200px}
#mpkpage #plans{display:none!important}
#mpkpage .section-article{padding:70px 10px 50px 10px}
@media(max-width:990px){#mpkpage #thomod{margin:0 0 0 -100px;zoom:0.65}
}
@media(max-width:480px){#mpkpage #thomod{zoom:0.55}
#mpkpage .section-article{padding:30px 10px 50px 10px}
}
#mpkpage #s1f{position:relative;overflow:hidden;padding:0}
#mpkpage #s1f .row{position:relative;z-index:4}
#mpkpage .modpack-bg-carousel{position:absolute;inset:-80px 0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:26px;opacity:1;transform:rotate(-4deg) scale(1.08);pointer-events:none;user-select:none;}
#mpkpage .modpack-bg-row{width:100%;overflow:hidden;white-space:nowrap}
#mpkpage .modpack-bg-track{display:flex;width:max-content;gap:24px;animation:mpk-modpack-bg-scroll-left 55s linear infinite;will-change:transform}
#mpkpage .modpack-bg-row--right .modpack-bg-track{animation-name:mpk-modpack-bg-scroll-right;animation-duration:62s}
#mpkpage .modpack-bg-row--slow .modpack-bg-track{animation-duration:75s}
#mpkpage .modpack-bg-track img{width:260px;aspect-ratio:16/9;object-fit:cover;flex:0 0 auto;border-radius:18px;opacity:.9;filter:saturate(1.15) contrast(1.08);box-shadow:0 20px 45px rgba(0,0,0,.45)}
@keyframes mpk-modpack-bg-scroll-left{from{transform:translate3d(0,0,0)}
to{transform:translate3d(-33.3333%,0,0)}
}
@keyframes mpk-modpack-bg-scroll-right{from{transform:translate3d(-33.3333%,0,0)}
to{transform:translate3d(0,0,0)}
}
#mpkpage .modpack-hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background: radial-gradient(circle at center, rgb(5 11 20 / 59%) 0%, rgb(8 41 58 / 55%) 58%, rgb(4 23 36) 100%), linear-gradient(90deg, #041b29 0%, #00a8ff33 28%, #08293a33 72%, #041b29 100%);}
#mpkpage .section-article{position:relative;padding:70px 0 50px 30px;z-index:4;background: linear-gradient(0deg, rgb(5 29 43 / 80%) 15%, rgb(8 40 57 / 82%) 15%, rgb(8 40 57 / 38%) 82%, rgb(8 28 43 / 38%) 69%, rgb(20 48 61 / 0%) 100%);}
#mpkpage .section-article h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,3.8vw,56px);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:22px;text-shadow:0 2px 18px rgba(0,0,0,.6)}
#mpkpage .section-article p{font-size:17.5px;line-height:1.65;color:#cfe3ee;margin-bottom:14px;text-shadow:0 1px 8px rgba(0,0,0,.55)}
#mpkpage .section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#324046,transparent);padding:0}
@media (max-width:768px){#mpkpage .modpack-bg-carousel{gap:18px;transform:rotate(-5deg) scale(1.16)}
#mpkpage .modpack-bg-track{gap:16px;animation-duration:42s}
#mpkpage .modpack-bg-row--right .modpack-bg-track{animation-duration:48s}
#mpkpage .modpack-bg-row--slow .modpack-bg-track{animation-duration:56s}
#mpkpage .modpack-bg-track img{width:190px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){#mpkpage .modpack-bg-track{animation:none}
}
#mpkpage .reveal-d1 span{color:#00cacb;}
#mpkpage .c5a768{grid-column-end:span 5}
#mpkpage .c7a768{grid-column-end:span 7}
#mpkpage .c12a992{grid-column-end:span 12}
@media(max-width:991px){#mpkpage .c5a768,#mpkpage .c7a768{grid-column-end:span 12}
}
#mpkpage #thomod{position:absolute;z-index:0;width:890px;height:592px;background:image-set(url("medias/lara3.avif") 1x,url("medias/biglara3.avif") 2x) center top no-repeat;grid-area:c;top: 27px;zoom: 0.9;}
@media(max-width:991px){#mpkpage #thomod{zoom:.75;margin:-410px 0 0 0px}
#mpkpage .section-article{background:#041927d9;padding:30px;grid-column-end:span 12}
#mpkpage #s1f .row{width:100%;padding:0;height:auto}
}
@media(max-width:640px){#mpkpage #thomod{margin:-445px 0 0 -110px;zoom:0.6;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url("medias/lara3.avif") 1x,url("medias/biglara3.avif") 2x) center top no-repeat}
}
@media(max-width:991px){#mpkpage #s1f{padding:300px 0 0 0}
}
#mpkpage .sto{position:absolute;width:100%;bottom:20px;right:0;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:0 10px}
#mpkpage .sto ul{list-style:none;font-family:dncb;display:flex;flex-flow:wrap;justify-content:center;row-gap:0;column-gap:20px;margin:0;padding:0}
#mpkpage .sto li{width:auto;min-width:90px;padding:15px 0 0 48px;height:42px;font-size:22px;line-height:20px;color:#98d1df}
#mpkpage .sto li::before{content:"";width:42px;height:42px;position:absolute;margin-left:-48px}
#mpkpage .sto li:nth-child(1)::before{background:url("medias/i1.webp") no-repeat}
#mpkpage .sto li:nth-child(2)::before{background:url("medias/i2.webp") no-repeat}
#mpkpage .sto li span{font-size:20px;color:#516875}
@media(max-width:991px){#mpkpage .sto{position:relative;bottom:0;gap:20px}
}
@media(max-width:480px){#mpkpage .sto li{zoom:0.85}
}
#mpkpage #hardware{color:#239494!important}
#mpkpage #ddram{color:#dcdcdc}
#mpkpage #duree{height:auto;display:flex;justify-content:left;align-items:center;margin-top:-5px}
#mpkpage #duree h2{font-size:32px;color:#dcdcdc;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;padding-right:30px;margin:0}
#mpkpage .ofgtm-wrapper{width:100%;overflow:hidden;position:relative;display:flex;align-items:center}
#mpkpage .ofgtm{display:flex;white-space:nowrap;align-items:center;flex-wrap:wrap;gap:5px;row-gap:10px;padding:5px 0;width:auto;height:38px}
#mpkpage .ofgtco{position:relative;background:#0d1a21ab;border-radius:12px;padding:4px 16px;flex-shrink:0;display:flex;flex-direction:row;gap:5px}
#mpkpage .ofgtd{font-family:dncb;font-size:26px;font-weight:700;color:#ffdb49;text-shadow:0 0 6px #de0000,0 0 6px red}
#mpkpage .ofgtd span{font-size:18px;font-weight:700;color:#dcdcdc;text-shadow:none}
@media(max-width:768px){#mpkpage .ofgtm{height:auto;padding:9px 4px}
}
@media(max-width:480px){#mpkpage #duree{gap:10px}
#mpkpage .ofgtm{justify-content:center}
#mpkpage #duree h2{font-size:30px;padding:0}
}
#mpkpage #s2bar{position:relative;padding:30px 0;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;background:linear-gradient(0deg,rgba(16,45,52,1) 0%,rgb(10 50 59) 25%,rgb(10 55 63) 15%,rgb(55 65 71) 80%,rgba(29,58,62,1) 80%,rgb(17 45 59) 100%)}
#mpkpage #s2fo{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:20px}
@media(max-width:1200px){#mpkpage #s2fo{justify-content:flex-end}
}
@media(max-width:480px){#mpkpage #s2bar{padding:20px 0}
}
#mpkpage #Buy{position:relative;z-index:2;margin-top:0;justify-self:right;width:327px;height:49px;margin-right:0;font-size:36px;text-align:center;color:#ffdb4b;text-shadow:0 0 6px #de0000,0 0 12px rgb(222 0 0 / 80%);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-decoration:none}
#mpkpage #Buy::before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url("medias/cmd.webp");opacity:0.7}
#mpkpage #Buy:hover::before{opacity:1}
#mpkpage #cmsh-plans{padding:60px 0 70px;background: linear-gradient(to bottom, #0f1d27 0%, rgb(36 60 79 / 0%) 100%);}
#mpkpage .cmsh-plans-head{text-align:center;max-width:780px;margin:0 auto 40px;padding:0 20px}
#mpkpage .cmsh-plans-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 0 12px}
#mpkpage .cmsh-plans-head p{font-size:17px;line-height:1.6;color:#8ab8c8;margin:0}
#mpkpage .cmsh-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;padding:0 20px}
@media(max-width:880px){#mpkpage .cmsh-plans-grid{grid-template-columns:1fr;max-width:380px}
}
#mpkpage .chgp-badge{ position:absolute;top:8px;left:8px;z-index:10; font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:#00c9c1; background:rgba(0,201,193,.12);border:1px solid rgba(0,201,193,.32); border-radius:4px;padding:2px 6px; }
#mpkpage .chgp-avatar-wrap{ position:relative;width:100%;height:230px;overflow:hidden;flex-shrink:0; display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px; }
#mpkpage .chgp-offr{ width:100%;height:250px;position:relative;z-index:3; background-color:transparent;background-repeat:no-repeat;background-position:center bottom, center bottom; zoom:.98;flex-shrink:0;transition:transform .25s ease; }
#mpkpage .chgp-offr.lara{background-image:url("medias/lara3.avif");background-size: auto 250px, auto auto;}
#mpkpage .chgp-offr.orion{background-image:url("medias/orion3.avif");background-size: auto 250px, auto auto;}
#mpkpage .chgp-offr.thanos{background-image:url("medias/bigthanos3.avif");background-size: auto 250px, auto auto;}
#mpkpage .chgp-offr.lara::after,#mpkpage chgp-badge.chgp-offr.orion::after,#mpkpage .chgp-offr.thanos::after{ content: ''; background: linear-gradient(to bottom, #06222b00 0%, #0d1d27 100%); height: 40px; position: absolute; bottom: 0; width: 100%; z-index: 3; }
#mpkpage .faq-q::after{content:none;}
#mpkpage .chgp-offr.orion::after{background: linear-gradient(to bottom, #06222b00 0%, #0e2530 100%);}
#mpkpage .chgp-cta,#mpkpage .cmd-btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; width:100%;box-sizing:border-box; font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700; letter-spacing:.14em;text-transform:uppercase; color:#ffb300;background:rgba(97,24,0,.64); border:2px solid rgba(255,142,0,.48);border-radius:10px;padding:10px 14px; transition:all .22s;position:relative;overflow:hidden; }
#mpkpage .chgp-cta::before,#mpkpage cmd-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(34,212,138,.10),transparent);transform:translateX(-100%);transition:transform .5s}
#mpkpage .chgp-card:hover .chgp-cta::before,#mpkpage .cmd-btn:hover .cmd-btn::before{transform:translateX(100%)}
#mpkpage .chgp-card:hover .chgp-cta,#mpkpage .cmd-btn:hover{background:linear-gradient(135deg,#00e9e0,#00c9c1);border-color:#00e1d8;color:#030c08;box-shadow:0 4px 22px rgba(34,212,138,.4)}
#mpkpage .cmd-btn{width:auto;}
#mpkpage .install-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;align-items:stretch}
#mpkpage .install-step{position:relative;background: linear-gradient(170deg, #007db914 0%, #e3e3e300 100%);border-radius:14px;padding:0 22px 22px;text-shadow:0 0 50px #007cca;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;min-height: 344px;}
#mpkpage .step-d{font:400 14px dn,sans-serif;color:#8ab8c8;line-height:1.55;text-shadow:none;margin:0;flex:1}
#mpkpage .si-fill-soft{fill:rgba(0,212,245,.12)}
#mpkpage .modpack-svg{ width: 100px; height: 100px; overflow: visible; }
#mpkpage .mp-cube-front{ animation: mpk-mpFloat 3.4s ease-in-out infinite; transform-origin: 58px 40px; }
#mpkpage .mp-cube-back{ animation: mpk-mpFloatBack 3.8s ease-in-out infinite; transform-origin: 44px 45px; }
#mpkpage .mp-core{ animation: mpk-mpPulse 2.4s ease-in-out infinite; transform-origin: 50px 69px; }
#mpkpage .mp-rings{ animation: mpk-mpRingPulse 2.8s ease-in-out infinite; transform-origin: 50px 52px; }
#mpkpage .mp-orbit{ animation: mpk-mpOrbit 5.5s linear infinite; transform-origin: 50px 52px; }
#mpkpage .mp-orbit-2{ animation-duration: 7s; animation-direction: reverse; opacity: .8; }
#mpkpage .mp-links{ animation: mpk-mpLinks 2.2s ease-in-out infinite; }
#mpkpage .mp-sparks circle{ animation: mpk-mpSpark 2s ease-in-out infinite; transform-origin: center; }
#mpkpage .mp-sparks circle:nth-child(2){ animation-delay: .35s; }
#mpkpage .mp-sparks circle:nth-child(3){ animation-delay: .7s; }
#mpkpage .mp-sparks circle:nth-child(4){ animation-delay: 1.05s; }
@keyframes mpk-mpFloat { 0%, 100% { transform: translateY(0) rotate(0deg); }
 50% { transform: translateY(-3px) rotate(1.5deg); }
 }
@keyframes mpk-mpFloatBack { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: .75; }
 50% { transform: translateY(2px) rotate(-1deg); opacity: 1; }
 }
@keyframes mpk-mpPulse { 0%, 100% { transform: scale(1); opacity: .9; }
 50% { transform: scale(1.06); opacity: 1; }
 }
@keyframes mpk-mpRingPulse { 0%, 100% { transform: scale(1); opacity: .35; }
 50% { transform: scale(1.06); opacity: .65; }
 }
@keyframes mpk-mpOrbit { from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
 }
@keyframes mpk-mpLinks { 0%, 100% { stroke-dasharray: 2 7; stroke-dashoffset: 0; opacity: .35; }
 50% { stroke-dasharray: 6 4; stroke-dashoffset: -8; opacity: .75; }
 }
@keyframes mpk-mpSpark { 0%, 100% { transform: scale(.7); opacity: .35; }
 50% { transform: scale(1.35); opacity: 1; }
 }
#mpkpage .sp h3{ font-size: 26px; color: #fcd857; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; line-height: 1; text-transform: uppercase; text-align: center; }
@keyframes mpk-si3-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes mpk-si3-tick{0%,100%{opacity:.25}
50%{opacity:1}
}
#mpkpage .si3 .dial-ring{transform-origin:50px 50px;animation:mpk-si3-rotate 14s linear infinite}
#mpkpage .si3 .dial-indicator{transform-origin:50px 50px}
#mpkpage .si3 .v-tick{animation:mpk-si3-tick 1.4s ease-in-out infinite}
#mpkpage .si3 .v-tick:nth-child(2){animation-delay:.25s}
#mpkpage .si3 .v-tick:nth-child(3){animation-delay:.5s}
#mpkpage .si3 .v-tick:nth-child(4){animation-delay:.75s}
@keyframes mpk-si4-pulse{0%{r:18;opacity:.65}
100%{r:38;opacity:0}
}
@keyframes mpk-si4-arrow{0%,100%{transform:translateX(0)}
50%{transform:translateX(3px)}
}
#mpkpage .si4 .ring{transform-origin:50px 50px;animation:mpk-si4-pulse 2.2s ease-out infinite}
#mpkpage .si4 .ring-2{animation-delay:.7s}
#mpkpage .si4 .ring-3{animation-delay:1.4s}
#mpkpage .si4 .play-arrow{transform-origin:50px 50px;animation:mpk-si4-arrow 1.4s ease-in-out infinite}
#mpkpage #cmsh-packs{padding:80px 0 90px;background:linear-gradient(0deg,#021926 0%,#012535 100%);border-top:1px solid #07344a;border-bottom:1px solid #07344a}
#mpkpage .packs-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:.01em;color:#fff;margin: 14px 0 14px;}
#mpkpage .packs-head p{font-size:17px;line-height:1.6;color:#8ab8c8;margin:0}
#mpkpage .packs-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:980px;margin:24px auto 0;padding:0 20px}
#mpkpage .packs-chip{display:inline-flex;align-items:center;gap:6px;font: 400 16px dn, 'Barlow', sans-serif;color:#cfe3ee;padding:7px 14px}
#mpkpage .packs-chip b{color:#ffdb4b;font-weight:700}
#mpkpage .packs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:36px auto 0;padding:0 20px}
@media(max-width:1024px){#mpkpage .packs-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){#mpkpage .packs-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:440px){#mpkpage .packs-grid{grid-template-columns:1fr}
}
@media (max-width: 767.99px) {#mpkpage #s3f :nth-child(4){ grid-row: 4 / 4; grid-column: 1 / 13; }
#mpkpage .install-step,#mpkpage .fcard{min-height: auto!important;}
#mpkpage .feats-head{margin-top:100px!important;}
#mpkpage #s29-faq{padding: 20px 0 80px!important;}
}
#mpkpage .pack-tile{position:relative;display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(180deg,#062132 0%,#021926 100%);border:1px solid #27445a;border-radius:12px;padding:0;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s;justify-content: space-around;}
#mpkpage .pack-thumb{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-repeat:no-repeat;background-size: contain;}
#mpkpage .pack-name{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:0}
#mpkpage .pack-desc{font:400 14px dn,'Barlow',sans-serif;color:#8ab8c8;line-height:1.5;margin:4px 0 6px;min-height:42px}
#mpkpage .pack-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid rgba(39,68,90,.6)}
#mpkpage .pack-ram{display:inline-flex;align-items:center;gap:6px;font-family:'Barlow Condensed',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#688895}
#mpkpage .pack-ram b{color:#ffdb4b}
#mpkpage .pack-ram svg{width:13px;height:13px;stroke:#00d4f5;fill:none;stroke-width:2}
#mpkpage .pack-host{display:inline-flex;align-items:center;gap:5px;font-family:'Barlow Condensed',sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#00d4f5;transition:color .2s,gap .2s}
#mpkpage .packs-foot .cmd-btn{margin:0}
#mpkpage #cmsh-perf{padding:80px 0;background:#011828}
#mpkpage .perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1180px;margin:0 auto;padding:0 20px;align-items:center}
@media(max-width:880px){#mpkpage .perf-grid{grid-template-columns:1fr;gap:32px}
}
#mpkpage .perf-text h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.8vw,42px);font-weight:800;line-height:.95;text-transform:uppercase;color:#fff;margin:14px 0 14px}
#mpkpage .perf-text p{font:400 17px dn,sans-serif;color:#8ab8c8;line-height:1.7;margin:0 0 14px}
#mpkpage .perf-text p b{color:#fff;font-weight:600}
#mpkpage .perf-card{background:linear-gradient(180deg,#02283b 0%,#021926 100%);border-radius:14px;padding:32px;text-shadow:0 0 50px #007cca}
#mpkpage .perf-stat{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:800;color:#ffdb4b;line-height:1;text-shadow:0 0 14px rgba(255,219,75,.3);text-transform:uppercase}
#mpkpage .perf-stat-l{font:400 14px dn,sans-serif;color:#8ab8c8;margin-top:6px;line-height:1.5}
#mpkpage .perf-divider{height:1px;background:linear-gradient(90deg,transparent,#27445a,transparent);margin:22px 0}
#mpkpage #cmsh-ramg{padding:80px 0;background:#011624;border-top:1px solid #07344a}
#mpkpage .ramg-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.8vw,42px);font-weight:800;line-height:.95;text-transform:uppercase;color:#fff;margin:14px 0 12px}
#mpkpage .ramg-head p{font:400 17px dn,sans-serif;color:#8ab8c8;line-height:1.6;margin:0}
#mpkpage .ramg-table-wrap{max-width:1100px;margin:0 auto;padding:0 20px;overflow-x:auto}
#mpkpage .ramg-table{width:100%;border-collapse:collapse;background:#08293a82;border:1px solid #27445a;border-radius:10px;overflow:hidden;min-width:680px}
#mpkpage .ramg-table th{background:#011b26;color:#ffdb4b;font:700 13px dncb,'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:14px 18px;border-bottom:1px solid #27445a}
#mpkpage .ramg-table td{padding:16px 18px;font:400 15px dn,sans-serif;color:#cfe3ee;border-bottom:1px solid rgba(39,68,90,.5)}
#mpkpage #s3f{position:relative;background:none;padding:60px 0 100px;overflow:hidden;background-attachment:fixed}
#mpkpage #s3f p b{color:#00f1ff;font-weight:bold}
#mpkpage #s3f::before{content:'';background:linear-gradient(to bottom,#06222b 0%,#052a4100 100%);height:200px;position:absolute;top:0;width:100%}
#mpkpage #s3f_fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to bottom,#000f14cc 30%,rgb(25 0 87 / 45%) 75%,rgb(3 18 20) 90%),url("medias/minecraft_bg3.avif") bottom no-repeat;background-size:cover;will-change:transform;transform:translateZ(0)}
@media(min-width:2200px){#mpkpage #s3f_fixed{background-size:contain}
}
@media(max-width:480px){#mpkpage #s3f{padding:40px 0 60px 0!important}
#mpkpage #s1f .reveal{opacity:1}
}
#mpkpage .s3f-hero{display:flex;align-items:center;gap:40px;margin-top:40px}
#mpkpage .s3f-video{flex:0 0 45%;overflow:hidden;border-radius:12px}
#mpkpage .s3f-video video{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:768px){#mpkpage .s3f-hero{flex-direction:column}
#mpkpage .s3f-video{flex:1;height:auto;width:100%}
}
#mpkpage .s3f-header{position:relative;z-index:1;padding:0 20px;flex:1}
#mpkpage .s3f-header h2{font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(36px,5vw,52px)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em;line-height:.95;color:#fff;margin-bottom:12px;margin-top:5px}
#mpkpage .s3f-header p{margin-bottom:8px;font-size:17.5px;line-height:1.65;color:#8ab8c8}
#mpkpage .feats-head{text-align:center;padding:0 20px;margin:0 auto}
#mpkpage .fcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 20px 0;max-width:1180px;margin-left:auto;margin-right:auto}
#mpkpage .fcard{position:relative;background: linear-gradient(170deg, #007db914 0%, #e3e3e300 100%);border-radius:14px;padding:22px;text-shadow:0 0 50px #007cca;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .25s,transform .25s,box-shadow .25s;min-height: 300px;}
#mpkpage .fcard:hover{border-color:#00d4f5;transform:translateY(-3px);box-shadow:0 14px 36px -10px rgba(0,212,245,.25)}
#mpkpage .fcard p{font:400 14.5px dn,sans-serif;color:#8ab8c8;line-height:1.6;margin:0;text-shadow:none}
#mpkpage .fc1 .scan-line{transform-origin:50% 50%;animation:mpk-fc1-scan 2.4s ease-in-out infinite}
#mpkpage .fc2 .save-disc{transform-origin:50px 50px}
@keyframes mpk-fc3-spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
#mpkpage .fc3 .ssd{transform-origin:50px 50px}
#mpkpage #s29-faq{padding:60px 0 80px;overflow:hidden;width:100%}
@media(max-width:900px){#mpkpage #s29-faq{padding:50px 0 70px}
#mpkpage #s29-faq .faq-inner{max-width:720px}
#mpkpage #s29-faq .faq-list{grid-template-columns:1fr!important;max-width:720px!important;padding:0 20px!important}
#mpkpage #s29-faq .faq-item{grid-column:1 / -1!important;width:100%!important}
}
@media(max-width:560px){#mpkpage #s29-faq{padding:34px 0 60px}
#mpkpage #s29-faq .faq-hd{margin-bottom:28px;padding:0 14px}
#mpkpage #s29-faq .faq-hd p{font-size:15px;line-height:1.5}
#mpkpage #s29-faq .faq-list{grid-template-columns:1fr!important;padding:0 12px!important;gap:8px!important}
#mpkpage #s29-faq .faq-item{grid-column:1 / -1!important;width:100%!important}
#mpkpage #s29-faq .faq-q{padding:12px 12px;gap:10px;align-items:center}
#mpkpage #s29-faq .faq-q-text{gap:9px}
#mpkpage #s29-faq .faq-num{flex-basis:18px;width:18px;font-size:10px}
#mpkpage #s29-faq .faq-q h3{font-size:16px;line-height:1.18;letter-spacing:.03em}
#mpkpage #s29-faq .faq-chev{width:24px;height:24px;flex-basis:24px}
#mpkpage #s29-faq .faq-chev svg{width:10px;height:10px}
#mpkpage #s29-faq .faq-ans{padding:0 12px 16px 39px;font-size:14px;line-height:1.65}
}
#mpkpage .version-icon{ overflow: visible; }
#mpkpage .vi-card{ fill: #071923; stroke: #00d4f5; stroke-width: 2; filter: drop-shadow(0 0 5px rgba(0, 212, 245, .25)); }
#mpkpage .vi-version{ fill: #ffdb4b; font-family: Arial, sans-serif; font-size: 18px; font-weight: 800; letter-spacing: .5px; }
#mpkpage .vi-label{ fill: #00d4f5; font-family: Arial, sans-serif; font-size: 6px; font-weight: 700; letter-spacing: 1px; opacity: .85; }
#mpkpage .vi-arrow{ fill: none; stroke: #00d4f5; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; opacity: .9; animation: mpk-viArrow 1.8s ease-in-out infinite; }
#mpkpage .vi-arrow.down{ animation-delay: .25s; }
#mpkpage .vi-check{ fill: none; stroke: #ffdb4b; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; animation: mpk-viCheck 1.8s ease-in-out infinite; }
#mpkpage .vi-glow{ fill: rgba(255, 219, 75, .12); animation: mpk-viGlow 1.8s ease-in-out infinite; }
@keyframes mpk-viArrow { 0%, 100% { transform: translateY(0); opacity: .55; }
 50% { transform: translateY(-2px); opacity: 1; }
 }
@keyframes mpk-viCheck { 0%, 100% { opacity: .75; transform: scale(1); }
 50% { opacity: 1; transform: scale(1.08); }
 }
@keyframes mpk-viGlow { 0%, 100% { opacity: .35; }
 50% { opacity: .75; }
 }
#mpkpage .st-ring{ fill: none; stroke: #00d4f5; stroke-width: 2; opacity: .28; transform-origin: 50px 50px; animation: mpk-stRing 2s ease-in-out infinite; }
#mpkpage .st-shadow{ fill: rgba(0,212,245,.12); animation: mpk-stShadow 2s ease-in-out infinite; }
#mpkpage .st-group{ transform-origin: 50px 50px; animation: mpk-stFloat 2s ease-in-out infinite; }
#mpkpage .st-badge{ fill: #081923; stroke: #00d4f5; stroke-width: 2.2; filter: drop-shadow(0 0 6px rgba(0,212,245,.18)); }
#mpkpage .st-inner{ fill: #0d2431; stroke: #12384a; stroke-width: 1.2; }
#mpkpage .st-play-bg{ fill: rgba(255,219,75,.14); stroke: #ffdb4b; stroke-width: 1.8; transform-origin: 50px 50px; animation: mpk-stPulse 2s ease-in-out infinite; }
#mpkpage .st-play{ fill: #ffdb4b; transform-origin: 50px 50px; animation: mpk-stPulse 2s ease-in-out infinite; }
#mpkpage .st-spark{ fill: #ffdb4b; opacity: 0; animation: mpk-stSpark 2s ease-in-out infinite; }
#mpkpage .st-pixel{ fill: #00d4f5; opacity: 0; animation: mpk-stPixel 2s ease-in-out infinite; }
@keyframes mpk-stFloat { 0%, 100% { transform: translateY(0); }
 50% { transform: translateY(-1.4px); }
 }
@keyframes mpk-stPulse { 0%, 100% { transform: scale(1); opacity: .92; }
 50% { transform: scale(1.06); opacity: 1; }
 }
@keyframes mpk-stRing { 0%, 100% { transform: scale(.92); opacity: .16; }
 50% { transform: scale(1.06); opacity: .34; }
 }
@keyframes mpk-stSpark { 0%, 58%, 100% { opacity: 0; transform: scale(.7); }
 68%, 82% { opacity: 1; transform: scale(1); }
 }
@keyframes mpk-stPixel { 0%, 100% { opacity: 0; transform: translateY(0); }
 50% { opacity: .95; transform: translateY(-2px); }
 }
@keyframes mpk-stShadow { 0%, 100% { opacity: .10; transform: scale(1); }
 50% { opacity: .18; transform: scale(1.05); }
 }
#mpkpage #thocheap{zoom:1;top:unset;bottom:0;margin:0 0 0 -200px}
#mpkpage #cmdc,#mpkpage #duree{zoom:1.2;width:auto;padding:0;}
@media(max-width:990px){#mpkpage #thocheap{margin:0 0 0 -100px;zoom:0.65}
}
@media(max-width:480px){#mpkpage #thocheap{zoom:0.55}
#mpkpage .section-article{padding:30px 10px 50px 10px}
}
#mpkpage #s1f{position:relative;background:#011828;overflow:hidden;padding:0}
#mpkpage .s1f-ambient{position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 15 24 / 80%) 25%,rgba(0,21,37,0.8) 25%,rgba(0,25,37,0.8) 87%,rgba(8,28,43,0.85) 87%,rgb(18 44 57 / 100%) 100%),url("medias/datacenterbg.avif") center -200px no-repeat}
#mpkpage .section-article{position:relative;padding:70px 0 50px 30px;background:#041927ba;z-index:1;background:linear-gradient(0deg,rgb(0 15 24 / 42%) 25%,rgba(0,21,37,0.8) 25%,rgb(0 25 37 / 0%) 82%,rgb(8 28 43 / 38%) 69%,rgb(20 48 61 / 0%) 100%)}
#mpkpage .section-article h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,3.8vw,56px);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:22px}
#mpkpage .section-article p{font-size:17.5px;line-height:1.65;color:#8ab8c8;margin-bottom:14px}
@media(max-width:991px){#mpkpage .c5a768,#mpkpage .c7a768{grid-column-end:span 12}
}
#mpkpage #thocheap{position:absolute;z-index:0;width:890px;height:592px;background:image-set(url("medias/iron3.avif") 1x,url("medias/bigiron3.avif") 2x) center top no-repeat;grid-area:c;top:25px;zoom:0.9;}
@media(max-width:991px){#mpkpage #thocheap{zoom:.75;margin:-410px 0 0 0px}
#mpkpage .section-article{background:#041927d9;padding:30px;grid-column-end:span 12}
#mpkpage #s1f .row{width:100%;padding:0;height:auto}
}
@media(max-width:640px){#mpkpage #thocheap{margin:-445px 0 0 -110px;zoom:0.6;background:linear-gradient(to top,#041927 0%,rgb(4 25 39) 0%,rgb(4 25 39 / 6%) 40%,rgb(4 25 39 / 0%) 100%),image-set(url("medias/iron3.avif") 1x,url("medias/bigiron3.avif") 2x) center top no-repeat}
}
@media (max-width: 991px) {#mpkpage #s1f{padding:300px 0 0 0;}
}
#mpkpage .ofgtc,#mpkpage .ofgtco{position:relative;background:#11212aad;border-radius:12px;padding:4px 16px;flex-shrink:0;display:flex;flex-direction:row;gap:5px}
#mpkpage .ofgtco{background:#0d1a21}
#mpkpage #s2bar{position:relative;padding:30px 0;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;background:linear-gradient(0deg,rgba(16,45,52,1) 0%,rgb(10 50 59) 25%,rgb(10 55 63) 15%,rgb(55 65 71) 80%,rgba(29,58,62,1) 80%,rgb(17 45 59) 100%);}
#mpkpage #cmsh-plans{padding:60px 0 70px;background:linear-gradient(0deg,#011624 0%,#02283b 100%)}
#mpkpage .cmsh-plans-head{text-align:center;max-width:760px;margin:0 auto 40px;padding:0 20px}
#mpkpage .chgp-card{ position:relative;display:flex;flex-direction:column;align-items:center;gap:7px; background:linear-gradient(170deg,#0d2030 0%,#091820 100%); border:1px solid #1a3040;border-radius:14px; padding:10px 12px 18px;overflow:hidden; transition:border-color .2s,transform .18s,box-shadow .2s; text-decoration:none; }
#mpkpage .chgp-card::before{ content:'';position:absolute;inset:0;border-radius:14px;opacity:0;pointer-events:none; background:radial-gradient(ellipse at 50% 30%,rgba(0,201,193,.12) 0%,transparent 65%); transition:opacity .3s; }
#mpkpage .chgp-card.popular{ border-color:rgba(0,201,193,.65); background:linear-gradient(170deg,#0e2e3a 0%,#091e2a 100%); box-shadow:0 0 0 2px rgba(0,201,193,.2),0 8px 32px rgba(0,201,193,.1); }
#mpkpage .chgp-card.popular .chgp-check{ position:absolute;top:8px;right:8px;z-index:10;width:20px;height:20px;border-radius:50%; background:rgba(0,201,193,.12);border:1px solid rgba(0,201,193,.35); display:flex;align-items:center;justify-content:center; }
#mpkpage .chgp-offr.iron::after,#mpkpage .chgp-offr.prime::after,#mpkpage .chgp-offr.ultron::after{ content: ''; background: linear-gradient(to bottom, #06222b00 0%, #0d1d27 100%); height: 40px; position: absolute; bottom: 0; width: 100%; z-index: 3; }
#mpkpage .chgp-offr.prime::after{background: linear-gradient(to bottom, #06222b00 0%, #0e2530 100%);}
#mpkpage .chgp-offr.iron{background-image:url("medias/iron3.avif");background-size: auto 250px, auto auto;}
#mpkpage .chgp-offr.prime{background-image:url("medias/prime3.avif");background-size: auto 250px, auto auto;}
#mpkpage .chgp-offr.ultron{background-image:url("medias/ultron3.avif");background-size: auto 250px, auto auto;}
#mpkpage .chgp-offr-name{ position:absolute;bottom:4px;left:0;right:0;z-index:5;text-align:center; font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:#5a8aaa; line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.8);transition:color .2s;pointer-events:none; }
#mpkpage .chgp-ram-badge,#mpkpage .chgp-cores-badge{ position:absolute;top:38px;z-index:10;min-width:40px;display:flex;flex-direction:column;align-items:center; background:rgb(4 12 20 / 80%);border:1px solid #182e3a;border-radius:6px; padding:3px 7px;line-height:1.1; }
#mpkpage .chgp-ram-badge .v,#mpkpage .chgp-cores-badge .v{ font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#cfcfcf;line-height:1; }
#mpkpage .chgp-ram-badge .u,#mpkpage .chgp-cores-badge .u{ font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#688895; }
#mpkpage .chgp-card-specs{ display:flex;align-items:center;gap:5px;flex-wrap:nowrap;justify-content:center;margin-top:4px; }
#mpkpage .chgp-spec{ display:inline-flex;align-items:center;gap:5px; font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#4a7888;white-space:nowrap; }
#mpkpage .chgp-spec svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}
#mpkpage .chgp-card:hover .chgp-spec{color:#6aaabb}
#mpkpage .chgp-card.popular .chgp-spec{color:#5a9aaa}
#mpkpage .chgp-tier{display:flex;gap:6px;width:100%;margin-top:8px}
#mpkpage .chgp-tier .pill{ flex:1;display:flex;align-items:center;justify-content:center;gap:5px; font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700; letter-spacing:.07em;text-transform:uppercase; border-radius:7px;padding:8px 6px;box-sizing:border-box; }
#mpkpage .chgp-tier .pill.std{background:rgba(0,201,193,.12);border:1px solid rgba(0,201,193,.5);color:#00c9c1}
#mpkpage .chgp-tier .pill.prm{background:rgba(5,14,22,.7);border:1px solid #1e3848;color:#3a6070}
#mpkpage .chgp-tier .pill.prm svg{width:11px;height:11px;fill:currentColor;stroke:none}
#mpkpage .chgp-price-val{ font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700; color:#22d48a;letter-spacing:.02em;line-height:1; }
#mpkpage .chgp-price-eur{ font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:#22d48a;line-height:1;margin-left:2px; }
#mpkpage .chgp-price-unit{ font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:#4a7080; letter-spacing:.08em;text-transform:uppercase;margin-left:6px;white-space:nowrap; align-self:flex-end;margin-bottom:3px; }
#mpkpage .chgp-best{ font:400 13px dn,sans-serif;color:#688895;font-style:italic; line-height:1.5;min-height:36px;text-align:center; }
#mpkpage .chgp-cta{ display:inline-flex;align-items:center;justify-content:center;gap:8px; width:100%;box-sizing:border-box; font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700; letter-spacing:.14em;text-transform:uppercase; color:#ffb300;background:rgba(97,24,0,.64); border:2px solid rgba(255,142,0,.48);border-radius:10px;padding:10px 14px; transition:all .22s;position:relative;overflow:hidden; }
#mpkpage .chgp-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(34,212,138,.10),transparent);transform:translateX(-100%);transition:transform .5s}
#mpkpage .chgp-card:hover .chgp-cta::before{transform:translateX(100%)}
#mpkpage .chgp-card:hover .chgp-cta{background:linear-gradient(135deg,#00e9e0,#00c9c1);border-color:#00e1d8;color:#030c08;box-shadow:0 4px 22px rgba(34,212,138,.4)}
@media(max-width:768px){#mpkpage .s3f-hero{flex-direction:column}
#mpkpage .s3f-video{height:auto}
}
#mpkpage .s3f-header h2{font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(42px,5.5vw,56px)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em;line-height:.95;color:#fff;margin-bottom:12px;margin-top:5px}
#mpkpage .s3f-header p a{color:#00d4f5;text-decoration:none;border-bottom:1px solid rgba(0,212,245,.3)}
#mpkpage .section{display:flex;align-items:center;padding:60px 10px;position:relative;overflow:hidden;gap:20px}
#mpkpage .section::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.03) 3px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:0}
#mpkpage .section.rev{flex-direction:row-reverse}
#mpkpage .svg-panel{flex:0 0 360px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
#mpkpage .svg-panel::before{content:'';position:absolute;width:280px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,245,.07) 0%,transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
#mpkpage .text-panel{flex:1;position:relative;z-index:1}
#mpkpage .text-panel .title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:14px}
#mpkpage .text-panel .title em{font-style:normal;color:#00d4f5;text-shadow:0 0 28px rgba(0,212,245,.35);font-weight:700;}
#mpkpage .desc{font-size:16px;color:#8ab8c8;line-height:1.75;margin-bottom:20px}
#mpkpage .desc b{color:#fff;font-weight:600}
#mpkpage .features{display:grid;grid-template-columns:1fr 1fr}
#mpkpage .feat{display:flex;align-items:flex-start;gap:12px;border-radius:8px;padding:10px 8px;transition:background .25s}
#mpkpage .feat:hover{background:rgba(0,212,245,.06)}
#mpkpage .feat-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px}
#mpkpage .feat-icon svg{width:38px;height:38px;stroke:#3a5259;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#mpkpage .feat-title{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#2f9ab1;margin-bottom:2px}
#mpkpage .feat-val{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;color:#ffd233;line-height:1.1;text-transform:uppercase}
#mpkpage .feat-sub{font-size:15px;color:#74989d;margin-top:2px}
#mpkpage .sdiv{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,245,.15),transparent)}
@media(max-width:890px){#mpkpage .section,#mpkpage .section.rev{flex-direction:column;padding:0 20px}
#mpkpage .svg-panel{flex:none;width:100%}
#mpkpage .features{grid-template-columns:1fr}
#mpkpage .section{gap:0;margin-top:60px}
#mpkpage #s3f{background-position:calc(50% - 50px) 0%}
}
/* Header reduit sur les pages editoriales : la grille des offres n'est pas rendue,
   le header ne doit donc plus reserver ses 378 px de hauteur ni son fond de banniere. */
header.hdslim{height:auto;min-height:0;padding-top:0;padding-bottom:0;background:#060e14}
header.hdslim>div{padding-bottom:6px}
@media (max-width:1230px){ header.hdslim{height:auto;padding-top:0} }
/* ===================================================================================
   Complements Location Minecraft : sections ajoutees, catalogue et FAQ.
   Les sections sans fond laissaient apparaitre le vert du body : chacune porte
   desormais le meme traitement que les sections portees (#mpk-reco, #mpk-ram, #mpk-feats).
   =================================================================================== */
#mpkpage{background:#011624}
#mpkpage #mpk-vars{padding:70px 0;background:linear-gradient(180deg,#041726 0%,#0f1d27 100%);border-top:1px solid #07344a}
#mpkpage #mpk-rel{padding:80px 0;background:linear-gradient(0deg,#021926 0%,#011828 100%);border-top:1px solid #07344a}
#mpkpage #mpk-cat{padding:70px 0;background:#011624;border-top:1px solid #07344a;border-bottom:1px solid #07344a}
#mpkpage #mpk-faq{padding:70px 0;background:linear-gradient(180deg,#041726 0%,#0f1d27 100%);border-top:1px solid #07344a}
#mpkpage #mpk-faq .faq-hd{text-align:center;margin-bottom:34px;padding:0 20px}

/* FAQ : le site utilise des <details> natifs, pas d'accordeon JS. */
#mpkpage .mpk-faq-list{width:100%;max-width:980px;margin:0 auto}
#mpkpage .mpk-faq-list details{font:400 17px dn,sans-serif;color:#b7cedd;margin:12px 0 0 0;border:1px solid #0b3d4f;border-radius:10px;padding:14px 18px;background:rgba(4,26,36,.72);transition:border-color .2s}
#mpkpage .mpk-faq-list details:hover{border-color:#1c6a80}
#mpkpage .mpk-faq-list summary{font:400 22px dncb,'Barlow Condensed',sans-serif;color:#ffc94f;cursor:pointer;list-style-type:none}
#mpkpage .mpk-faq-list summary::-webkit-details-marker{display:none}
#mpkpage .mpk-faq-list summary h3{font:400 22px dncb,'Barlow Condensed',sans-serif;color:#ffc94f;display:inline}
#mpkpage .mpk-faq-list details[open] summary{margin-bottom:10px}
#mpkpage .mpk-faq-list p{margin:10px 0 4px;line-height:1.7}
#mpkpage .bcrumb{padding-top:18px}
#mpkpage .pack-desc{text-transform:none}

/* Catalogue complet : recherche, filtres par source et grille de cartes. */
#mpkpage .mpkcat-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:0 0 26px;justify-content:space-between}
#mpkpage .mpkcat-search{flex:0 1 320px;position:relative}
#mpkpage #mpkcatSearch{width:100%;padding:12px 16px 12px 40px;border-radius:11px;border:1px solid #14525c;background:#052831;color:#dfeef2;font-size:.98rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
#mpkpage #mpkcatSearch::placeholder{color:#6f9aa3}
#mpkpage #mpkcatSearch:focus{outline:none;border-color:#2f8a98;box-shadow:0 0 0 3px rgba(47,138,152,.18)}
#mpkpage .mpkcat-search::before{content:"";position:absolute;left:14px;top:50%;width:15px;height:15px;transform:translateY(-50%);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f9aa3' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") center/contain no-repeat;pointer-events:none}
#mpkpage .mpkcat-tabs{display:flex;flex-wrap:wrap;gap:10px}
#mpkpage .mpkcat-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;background:#06232c;border:1px solid #0e3a42;color:#9fb6bb;font-size:.98rem;font-weight:700;cursor:pointer;user-select:none;transition:transform .18s,background .18s,border-color .18s,color .18s}
#mpkpage .mpkcat-tab:hover{background:#0c3640;border-color:#246974;color:#dceef2;transform:translateY(-1px)}
#mpkpage .mpkcat-tab.active{background:#0e3a44;border-color:#ffdb4b;color:#ffdb4b;box-shadow:0 0 0 1px rgba(255,219,75,.18)}
#mpkpage .mpkcat-count{color:#6f9aa3;font-size:.92rem;white-space:nowrap}
#mpkpage .mpkcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}
#mpkpage .mpkcat-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#06222b;border:1px solid #0c3a40;border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
#mpkpage .mpkcat-card:hover{border-color:#2a6b75;background:#082a35;transform:translateY(-2px)}
#mpkpage .mpkcat-card img,#mpkpage .mpkcat-noicon{width:52px;height:52px;border-radius:9px;flex:0 0 auto;object-fit:cover;background:#0a2f38}
#mpkpage .mpkcat-body{min-width:0}
#mpkpage .mpkcat-card h3{margin:0 0 3px;color:#e8f2f4;font-size:.99rem;line-height:1.28;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#mpkpage .mpkcat-card:hover h3{color:#ffdb4b}
#mpkpage .mpkcat-meta{color:#6f9aa3;font-size:.84rem}
#mpkpage .mpkcat-none{display:none;color:#9fb6bb;padding:34px 4px;text-align:center}
@media (max-width:620px){ #mpkpage .mpkcat-toolbar{flex-direction:column;align-items:stretch} #mpkpage .mpkcat-grid{grid-template-columns:1fr} }

/* Catalogue des modpacks : mise en forme reprise telle quelle de minecraft-hosting.pro
   (grille .rvp-grid, bandeau .lastu, pagination .rvp-pagination), scopee sous #mpkpage.
   Les regles #title sont ecartees : cet identifiant sert deja aux pages legales du site. */
@media(max-width:767px){#mpkpage #title{padding:36px 0 30px;}
#mpkpage #title .row{padding:0 16px;}
#mpkpage #title h1{font-size:32px;}
}
#mpkpage #w13{background: linear-gradient(0deg, rgba(5,24,36,1) 0%, rgba(2,38,54,1) 100%);}
#mpkpage .rvp-grid{display: grid;gap: 12px; padding: 10px 0;grid-template-columns: 1fr; width: clamp(300px, 100% - 20px, 1200px);margin: 0 auto;}
@media(min-width: 580px){#mpkpage .rvp-grid{grid-template-columns: repeat(2, 1fr);}
}
@media(min-width: 1180px){#mpkpage .rvp-grid{grid-template-columns: repeat(3, 1fr);}
}
#mpkpage .lastu{margin: 0 auto;width: clamp(300px, 100% - 20px, 1200px);height:auto;padding:0 0 10px 0;font: 400 28px dncb;display: flex;align-items: center;justify-content: space-between;}
#mpkpage .lastu label{display: inline-flex; align-items: center; gap: 6px; background: rgb(76 161 175 / 12%); border: 1px solid rgb(76 162 175 / 30%); color: #69e9f0; font-size: 17px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 14px; border-radius: 9px; margin-bottom: 24px; font-family: 'Space Mono', monospace;}
#mpkpage .lastu label::before{content: ''; width: 6px; height: 6px; background: #69f0e5; border-radius: 50%; box-shadow: 0 0 8px #69f0e5; animation: pulse2 2s ease-in-out infinite;}
#mpkpage .rvp-grid a{margin: 0;padding: 6px;background-color: #021926;border: 1px solid #082735;border-radius: 10px;display: grid; grid-template: "a b b b b b" 57px "a d d d d d" auto "c c c c c c" auto "e e e e e e"/ 1fr 1fr 1fr 1fr 1fr 1fr;}
#mpkpage .rvp-grid a:hover{border: 1px solid #27445a;}
#mpkpage .rvp-grid h2{grid-area: b;font: 400 20px dncb;color: #dcdcdc;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;align-self: center;}
#mpkpage .rvp-grid img{grid-area: a;aspect-ratio: 16 / 9;max-width: calc(25% - 11px);min-width:59px;margin: 0 5px 0 5px;border-radius: 9px;transition: filter 0.3s, transform 0.3s;}
#mpkpage .rvp-grid a:hover img{filter: contrast(130%);transform: scale(1.05);}
#mpkpage .rvp-grid a:hover .card-screenshots img{filter: contrast(100%);transform: scale(1);}
#mpkpage .rvp-grid a .card-screenshots img:hover{filter: brightness(120%);transform: scale(1.02);}
#mpkpage .rvp-grid span{grid-area: d;width: 100%;font: 700 16px dn;line-height: 16px;color: #6e94a5;text-align: left;word-spacing: 10px;display:flex;align-items: center;}
#mpkpage .rvp-grid svg{width:22px;height:22px;color:#374c5e;}
#mpkpage .rvp-grid span b{float: right;font: 700 16px dn;color: #6e94a5;word-spacing: 0px;margin-left:20px;display:flex;overflow: hidden;height:20px;}
#mpkpage .rvp-grid span b svg{margin:-1px 4px 0 0;}
#mpkpage .rvp-grid .card{display: flex; flex-direction: column; gap: 0; padding: 14px 14px 12px; background: linear-gradient(145deg, #0d2535 0%, #091c2a 100%); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 10px; text-decoration: none; color: #e8eef2; position: relative; overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; cursor: pointer; align-items: center;}
#mpkpage .upd .card{background: linear-gradient(145deg, #0b1f2e 0%, #0e1822 100%);border: 1px solid rgb(0 12 14);}
#mpkpage .rvp-grid .card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, #587582, transparent); opacity: 0; transition: opacity 0.25s ease;}
#mpkpage .rvp-grid .card:hover{background: linear-gradient(145deg, #122e41 0%, #091c2a 100%);}
#mpkpage .rvp-grid .card:hover::before{opacity: 1;}
#mpkpage .rvp-grid .card > img{width: 80px; height: 80px; border-radius: 8px; object-fit: cover; flex-shrink: 0; margin-bottom: 10px; image-rendering: pixelated; box-shadow: 0 2px 8px rgba(0,0,0,0.4);}
#mpkpage .rvp-grid .card h2{font-size: 1.4rem; font-weight: 600; line-height: 1.1; margin: 0 0 6px; color: #e8eef2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align:center;}
#mpkpage .card-desc{font-size: 1rem; color: rgba(180, 210, 230, 0.6); line-height: 1.45; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; text-align:center;}
#mpkpage .card-screenshots{display: flex; gap: 3px; margin: 6px 0 10px; border-radius: 5px; overflow: hidden; justify-content: center;}
#mpkpage .card-thumb{width: 25%; aspect-ratio: 16/9; object-fit: cover; cursor: zoom-in; transition: opacity 0.15s, transform 0.15s; flex-shrink: 0;}
#mpkpage .card-thumb:hover{opacity: 0.8; transform: scale(1.06); z-index: 1; position: relative;}
#mpkpage .rvp-grid .card > span{display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: auto; padding:4px 0 10px 0; font-size: 1rem; color: rgba(150, 195, 220, 0.7); justify-content: center;}
#mpkpage .rvp-grid .card > span svg:first-child{width: 20px; height: 20px; opacity: 0.8; flex-shrink: 0;}
#mpkpage .rvp-grid .card > span{font-variant-numeric: tabular-nums;}
#mpkpage .rvp-grid .card > span b{display: inline-flex; align-items: center; gap: 3px; font-weight: 500; font-size: 0.65rem; color: rgb(255 181 94 / 85%); background: rgb(47 24 0 / 11%); border: 1px solid rgb(255 130 0 / 53%); border-radius: 4px; padding: 1px 5px; margin-left: 2px;}
#mpkpage .rvp-grid .card > span b svg{width: 17px!important; height: 17px!important; opacity: 0.7; flex-shrink: 0; color:#d57323;opacity:0.8!important;}
#mpkpage .rvp-search-wrap{margin: 0 0 20px; position: relative; display:flex;justify-content: center;}
#mpkpage .rvp-search-wrap::before{content: '⌕'; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 1.2rem; color: rgba(255,255,255,0.3); pointer-events: none;}
#mpkpage #rvp-search{width: 100%; padding: 11px 16px 11px 40px; background: rgb(0 0 0 / 40%); border: 3px solid rgb(0 67 77); border-radius: 8px; color: #adc0cd; font-size: 1rem; outline: none; box-sizing: border-box; transition: border-color 0.2s, background 0.2s; max-width: 600px;}
#mpkpage #rvp-search:focus{border-color: rgba(0, 200, 255, 0.4); background: rgba(0, 200, 255, 0.05);}
#mpkpage #rvp-search::placeholder{color: rgba(255,255,255,0.25);}
#mpkpage .rvp-pagination{display: flex; align-items: center; justify-content: center; gap: 5px; margin: 28px 0 6px; flex-wrap: wrap;}
#mpkpage .rvp-pagination button{min-width: 34px; height: 34px; padding: 0 10px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; color: rgba(200,225,240,0.8); font-size: 0.82rem; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s;}
#mpkpage .rvp-pagination button:hover:not(:disabled){background: rgba(0, 200, 255, 0.1); border-color: rgba(0, 200, 255, 0.3); color: #00c8ff;}
#mpkpage .rvp-pagination button.active{background: linear-gradient(135deg, #ff7a00, #ff5500); border-color: transparent; color: #fff; font-weight: 700; box-shadow: 0 2px 10px rgba(255, 100, 0, 0.4);}
#mpkpage .rvp-pagination button:disabled{opacity: 0.25; cursor: default;}
#mpkpage .pag-ellipsis{color: rgba(255,255,255,0.3); line-height: 34px; padding: 0 2px;}
#mpkpage .rvp-page-info{text-align: center; font-size: 0.75rem; color: rgba(150, 195, 220, 0.4); margin-bottom: 20px; letter-spacing: 0.03em;}
@media(max-width:767.99px){#mpkpage #title h1,#mpkpage #w15 h1,#mpkpage #err4 h1{font-size:29px}
#mpkpage #title h2,#mpkpage #w15 h2,#mpkpage #err4 h2{font-size:15px}
}
/* ===================================================================================
   Ajustements Location Minecraft : respiration, couleur du bouton de la carte offre,
   et bandeau defilant pour les modpacks lies.
   =================================================================================== */

/* Respiration : les cartes du catalogue etaient collees aux bords et entre elles. */
#mpkpage .rvp-grid{gap:20px;padding:18px 0 26px;width:clamp(300px,100% - 56px,1200px)}
#mpkpage .rvp-grid a{padding:14px}
#mpkpage .rvp-grid h2{margin-bottom:12px}
#mpkpage .lastu{width:clamp(300px,100% - 56px,1200px);padding:14px 0 12px}
#mpkpage .rvp-search-wrap{width:clamp(300px,100% - 56px,1200px);margin:0 auto;padding:8px 0 0}
#mpkpage .rvp-pagination{padding:22px 0 6px}
#mpkpage .rvp-page-info{padding:0 0 34px}
#mpkpage #w13{padding:10px 0 30px}
#mpkpage .packs-head{margin:0 auto 30px}
#mpkpage .ramg-head,#mpkpage .install-head,#mpkpage .feats-head{margin-bottom:34px}
#mpkpage .ramg-table-wrap{margin:0 0 10px}
#mpkpage .mpk-answer{margin:22px auto 22px}
#mpkpage .row{padding-left:20px;padding-right:20px;box-sizing:border-box}
@media (max-width:620px){ #mpkpage .rvp-grid,#mpkpage .lastu,#mpkpage .rvp-search-wrap{width:clamp(280px,100% - 28px,1200px)} #mpkpage .row{padding-left:14px;padding-right:14px} }

/* Bouton de la carte offre : le libelle etait blanc alors que le bouton est orange.
   Regle plus specifique que la base pour l'emporter quel que soit l'ordre d'import. */
#mpkpage .chgp-card .chgp-cta{color:#ffb300}
#mpkpage .chgp-card:hover .chgp-cta{color:#030c08}

/* Modpacks lies : une seule ligne qui defile, au lieu de trois rangees figees.
   L'animation se met en pause au survol et respecte prefers-reduced-motion. */
#mpkpage .mpk-marquee{position:relative;overflow:hidden;margin:30px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#mpkpage .mpk-marquee-track{display:flex;gap:20px;width:max-content;animation:mpk-defile 46s linear infinite;will-change:transform}
#mpkpage .mpk-marquee:hover .mpk-marquee-track{animation-play-state:paused}
#mpkpage .mpk-marquee .pack-tile{flex:0 0 268px;width:268px}
@keyframes mpk-defile{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
@media (prefers-reduced-motion:reduce){ #mpkpage .mpk-marquee-track{animation:none} #mpkpage .mpk-marquee{overflow-x:auto} }
@media (max-width:620px){ #mpkpage .mpk-marquee .pack-tile{flex:0 0 232px;width:232px} }
/* ===================================================================================
   Cartes de fonctionnalites : finition. La regle d'origine n'avait ni bordure ni
   profondeur, d'ou un rendu plat. On ajoute un liseré en degrade, une lueur interne,
   un halo qui suit la carte au survol, et une entree decalee carte par carte.
   =================================================================================== */
#mpkpage .fcards{gap:22px;margin-top:46px}
#mpkpage .fcard{
  background:linear-gradient(168deg,rgba(0,125,185,.13) 0%,rgba(2,20,30,.55) 46%,rgba(2,20,30,.30) 100%);
  border:1px solid rgba(0,212,245,.14);
  border-radius:18px;padding:26px 24px 28px;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 40px -26px rgba(0,0,0,.9);
  transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .38s,box-shadow .38s,background .38s;
  isolation:isolate;
}
/* liseré haut, comme une arete de verre */
#mpkpage .fcard::after{
  content:'';position:absolute;top:0;left:22px;right:22px;height:1px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(0,212,245,.55),transparent);
  opacity:.7;transition:opacity .38s;
}
/* halo diffus, revele au survol */
#mpkpage .fcard::before{
  content:'';position:absolute;inset:-1px;z-index:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px circle at 50% 0%,rgba(0,212,245,.16),transparent 62%);
  opacity:0;transition:opacity .45s;
}
#mpkpage .fcard:hover{
  transform:translateY(-6px);
  border-color:rgba(0,212,245,.42);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 28px 54px -24px rgba(0,140,190,.45);
  background:linear-gradient(168deg,rgba(0,125,185,.20) 0%,rgba(2,20,30,.60) 46%,rgba(2,20,30,.34) 100%);
}
#mpkpage .fcard:hover::before{opacity:1}
#mpkpage .fcard:hover::after{opacity:1}
#mpkpage .fcard > *{position:relative;z-index:1}

/* socle lumineux sous l'illustration */
#mpkpage .fc-icon{height:132px;margin-bottom:16px;position:relative}
#mpkpage .fc-icon::after{
  content:'';position:absolute;left:50%;bottom:6px;width:112px;height:16px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(0,212,245,.22),transparent 70%);
  filter:blur(2px);opacity:.75;transition:opacity .38s,width .38s;
}
#mpkpage .fcard:hover .fc-icon::after{opacity:1;width:132px}
#mpkpage .fc-icon svg{width:104px;height:104px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
#mpkpage .fcard:hover .fc-icon svg{transform:translateY(-3px) scale(1.04)}

#mpkpage .fcard h3{font-size:20px;letter-spacing:.05em;margin:0 0 10px;color:#eaf6fa}
#mpkpage .fcard p{font-size:14.5px;color:#93b9c6}

/* entree decalee : chaque carte arrive apres la precedente */
#mpkpage .fcards .fcard{animation:mpk-fcard-in .7s cubic-bezier(.22,1,.36,1) both}
#mpkpage .fcards .fcard:nth-child(1){animation-delay:.02s}
#mpkpage .fcards .fcard:nth-child(2){animation-delay:.10s}
#mpkpage .fcards .fcard:nth-child(3){animation-delay:.18s}
#mpkpage .fcards .fcard:nth-child(4){animation-delay:.26s}
@keyframes mpk-fcard-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){ #mpkpage .fcards .fcard{animation:none} #mpkpage .fcard:hover{transform:none} #mpkpage .fcard:hover .fc-icon svg{transform:none} }
@media (max-width:900px){ #mpkpage .fcards{gap:18px} #mpkpage .fcard{padding:22px 20px 24px} }

/* Banniere de la page moddee : carrousel de captures de modpacks, repris de
   minecraft-hosting.pro et scope sous #mpkpage. L'avatar reutilise Orion, l'illustration
   d'offre deja presente sur le site, plutot que le personnage d'en face. */
#mpkpage .modpack-bg-carousel{position:absolute;inset:-80px 0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:26px;opacity:1;transform:rotate(-4deg) scale(1.08);pointer-events:none;user-select:none;}
#mpkpage .modpack-bg-row{width:100%;overflow:hidden;white-space:nowrap}
#mpkpage .modpack-bg-track{display:flex;width:max-content;gap:24px;animation:modpack-bg-scroll-left 55s linear infinite;will-change:transform}
#mpkpage .modpack-bg-row--right .modpack-bg-track{animation-name:modpack-bg-scroll-right;animation-duration:62s}
#mpkpage .modpack-bg-row--slow .modpack-bg-track{animation-duration:75s}
#mpkpage .modpack-bg-track img{width:260px;aspect-ratio:16/9;object-fit:cover;flex:0 0 auto;border-radius:18px;opacity:.9;filter:saturate(1.15) contrast(1.08);box-shadow:0 20px 45px rgba(0,0,0,.45)}
@keyframes modpack-bg-scroll-left{from{transform:translate3d(0,0,0)}
to{transform:translate3d(-33.3333%,0,0)}
}
@keyframes modpack-bg-scroll-right{from{transform:translate3d(-33.3333%,0,0)}
to{transform:translate3d(0,0,0)}
}
#mpkpage .modpack-hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background: radial-gradient(circle at center, rgb(5 11 20 / 59%) 0%, rgb(8 41 58 / 55%) 58%, rgb(4 23 36) 100%), linear-gradient(90deg, #041b29 0%, #00a8ff33 28%, #08293a33 72%, #041b29 100%);}
@media (max-width:768px){#mpkpage .modpack-bg-carousel{gap:18px;transform:rotate(-5deg) scale(1.16)}
#mpkpage .modpack-bg-track{gap:16px;animation-duration:42s}
#mpkpage .modpack-bg-row--right .modpack-bg-track{animation-duration:48s}
#mpkpage .modpack-bg-row--slow .modpack-bg-track{animation-duration:56s}
#mpkpage .modpack-bg-track img{width:190px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){#mpkpage .modpack-bg-track{animation:none}
}
#mpkpage #mpk-hero.mpk-hero-carousel{position:relative;overflow:hidden;padding:0;min-height:560px;display:flex;align-items:flex-end}
#mpkpage #mpk-hero.mpk-hero-carousel .row{position:relative;z-index:4;width:100%;padding:26px 20px 44px;box-sizing:border-box}
/* Avatar : memes dimensions que les illustrations d'offres du site (890x592), ancre en bas
   a gauche et debordant du cadre, comme sur la page d'origine. */
#mpkpage .mpk-avatar{position:absolute;z-index:3;left:0;bottom:0;width:890px;height:592px;margin-left:-320px;zoom:.88;pointer-events:none;background:image-set(url(medias/orion3.avif) 1x,url(medias/bigorion3.avif) 2x) center bottom no-repeat}
#mpkpage .mpk-hero-2col{position:relative;z-index:4;display:block;padding-left:480px;max-width:1240px;margin:0 auto;box-sizing:border-box}
#mpkpage .mpk-hero-2col .mpk-titles{max-width:none}
#mpkpage #mpk-hero.mpk-hero-carousel .bcrumb{position:relative;z-index:5;max-width:1240px;margin:0 auto;padding-left:480px;box-sizing:border-box}
#mpkpage .mpk-hero-specs{display:flex;flex-wrap:wrap;gap:22px 40px;margin:24px 0 0}
#mpkpage .mpk-hero-specs div{font:400 13px dn,sans-serif;color:#5a8898;letter-spacing:.08em;text-transform:uppercase}
#mpkpage .mpk-hero-specs b{display:block;font:700 21px 'Barlow Condensed',sans-serif;color:#7fd9ef;letter-spacing:.02em;text-transform:none;margin-top:3px}
@media (max-width:1350px){ #mpkpage .mpk-avatar{zoom:.72;margin-left:-300px} #mpkpage .mpk-hero-2col,#mpkpage #mpk-hero.mpk-hero-carousel .bcrumb{padding-left:410px} }
@media (max-width:1100px){ #mpkpage .mpk-avatar{zoom:.58;margin-left:-270px} #mpkpage .mpk-hero-2col,#mpkpage #mpk-hero.mpk-hero-carousel .bcrumb{padding-left:340px} }
@media (max-width:980px){ #mpkpage .mpk-avatar{display:none} #mpkpage .mpk-hero-2col,#mpkpage #mpk-hero.mpk-hero-carousel .bcrumb{padding-left:0} #mpkpage #mpk-hero.mpk-hero-carousel{min-height:0} }
@media (prefers-reduced-motion:reduce){ #mpkpage .modpack-bg-track{animation:none} }
/* ===================================================================================
   Liens de contenu. Le design porte ne stylait que les liens qui sont eux-memes des
   cartes ou des boutons : dans les tableaux, les paragraphes et la FAQ, les liens
   retombaient sur les couleurs par defaut du navigateur, bleu et violet visite.
   =================================================================================== */
#mpkpage .ramg-table a,
#mpkpage .mpk-answer a,
#mpkpage .mpk-about-text a,
#mpkpage .mpk-faq-list a,
#mpkpage .fcard a,
#mpkpage .ramg-head a,
#mpkpage .packs-head a,
#mpkpage .install-step a,
#mpkpage .mpkcat-none a,
#mpkpage .step-d a{
  color:#00d4f5;text-decoration:none;
  border-bottom:1px solid rgba(0,212,245,.32);
  transition:color .18s ease,border-color .18s ease;
}
#mpkpage .ramg-table a:hover,
#mpkpage .mpk-answer a:hover,
#mpkpage .mpk-about-text a:hover,
#mpkpage .mpk-faq-list a:hover,
#mpkpage .fcard a:hover,
#mpkpage .ramg-head a:hover,
#mpkpage .packs-head a:hover,
#mpkpage .install-step a:hover,
#mpkpage .mpkcat-none a:hover,
#mpkpage .step-d a:hover{ color:#ffdb4b;border-bottom-color:#ffdb4b }
#mpkpage .ramg-table a:visited,#mpkpage .mpk-answer a:visited,#mpkpage .mpk-about-text a:visited,
#mpkpage .mpk-faq-list a:visited,#mpkpage .install-step a:visited,#mpkpage .step-d a:visited{ color:#00d4f5 }
/* le fil d'Ariane garde ses propres couleurs, definies dans le layout */
#mpkpage .bcrumb a{border-bottom:0}
/* ===================================================================================
   Espace parasite en haut de page. La barre de navigation du site est en position
   fixed : sur les pages normales, c'est la hauteur du header (la banniere) qui reserve
   sa place dans le flux. Le header slim ne reservait plus rien, la barre chevauchait
   donc le haut du visuel, et les 20px de padding herites de main>div dessinaient une
   bande de fond au-dessus. On reserve la hauteur exacte de la barre (56px aux deux
   points de rupture) et on colle la page dessous.
   =================================================================================== */
header.hdslim{height:56px;min-height:56px}
#mpkpage{padding-top:0}

/* ===================================================================================
   Typographie des tuiles de modpack. Le nom et la mention RAM etaient trop petits, le
   min-height du sous-titre creusait un vide de 21px sous le nom du chargeur alors que
   ce champ ne contient jamais qu'un mot (Forge, Fabric, NeoForge).
   =================================================================================== */
#mpkpage .pack-body{padding:16px 18px 18px;gap:0}
#mpkpage .pack-name{font-size:23px;line-height:1.06;letter-spacing:.01em}
#mpkpage .pack-desc{font:400 15px 'Barlow',sans-serif;color:#96bccd;line-height:1.35;margin:5px 0 0;min-height:0}
#mpkpage .pack-meta{margin-top:auto;padding-top:13px}
#mpkpage .pack-tile .pack-body>.pack-meta{margin-top:16px}
#mpkpage .pack-ram{font-size:13.5px;letter-spacing:.05em;color:#a6c5d6}
#mpkpage .pack-ram b{font-size:15px;color:#ffdb4b;font-weight:700}
#mpkpage .pack-ram svg{width:15px;height:15px}
#mpkpage .pack-host{font-size:16px;letter-spacing:.06em}
#mpkpage .pack-host svg{width:16px;height:16px}
#mpkpage .mpk-marquee .pack-tile{flex:0 0 292px;width:292px}
@media (max-width:760px){
  #mpkpage .pack-name{font-size:21px}
  #mpkpage .pack-host{font-size:15px}
  #mpkpage .mpk-marquee .pack-tile{flex:0 0 248px;width:248px}
}

/* ===================================================================================
   Bandeau de modpacks du haut de page : opacite reduite, le texte du visuel doit rester
   la premiere chose lue.
   =================================================================================== */
#mpkpage .modpack-bg-carousel{opacity:.2}

/* ===================================================================================
   Carte "Heberge en France". Le bouclier precedent illustrait la protection anti DDoS,
   pas la localisation : remplace par le contour de la France, qui se trace, avec un
   marqueur et une onde radar sur la zone des machines.
   =================================================================================== */
#mpkpage .fc4 .fr-out{stroke-dasharray:300;stroke-dashoffset:300;animation:mpk-fr-trace 6.5s ease-in-out infinite}
#mpkpage .fc4 .fr-fill,#mpkpage .fc4 .fr-tri{opacity:0;animation:mpk-fr-reveal 6.5s ease-in-out infinite}
#mpkpage .fc4 .fr-ring{transform-origin:53.8px 30.2px;opacity:0;animation:mpk-fr-ping 2.8s ease-out infinite;animation-delay:1.8s}
#mpkpage .fc4 .fr-ring2{animation-delay:3.2s}
#mpkpage .fc4 .fr-pin{animation:mpk-fr-drop 2.8s ease-in-out infinite;animation-delay:1.6s}
#mpkpage .fc4:hover .fr-out{stroke:#ffdb4b}
@keyframes mpk-fr-trace{0%{stroke-dashoffset:300}26%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes mpk-fr-reveal{0%,14%{opacity:0}34%,100%{opacity:1}}
@keyframes mpk-fr-ping{0%{transform:scale(.32);opacity:0}14%{opacity:.85}100%{transform:scale(2);opacity:0}}
@keyframes mpk-fr-drop{0%,100%{transform:translateY(0)}50%{transform:translateY(-3.5px)}}

/* ===================================================================================
   Section "Quelle offre pour du modde". Le tableau donnait cinq lignes de texte gris ou
   rien ne distinguait une offre d'une autre. On reprend la carte d'offre du site, celle
   avec l'avatar que les joueurs reconnaissent, plus une jauge de memoire remplie au
   defilement (script dans ModdeView.html, valeur app.offresPubliques().jauge).
   =================================================================================== */
#mpkpage .offr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1260px;margin:36px auto 0;padding:0 20px;align-items:stretch;box-sizing:border-box}
#mpkpage .offr-card{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s}
#mpkpage .offr-card.offr-in{opacity:1;transform:translateY(0)}
#mpkpage .offr-card.offr-in:hover{transform:translateY(-7px);box-shadow:0 18px 42px -12px rgba(0,0,0,.65)}
#mpkpage .offr-card.popular{z-index:2}
#mpkpage .offr-card.offr-in.popular:hover{box-shadow:0 0 0 2px rgba(0,201,193,.28),0 18px 46px -12px rgba(0,201,193,.35)}

/* halo derriere l'avatar, pulse lent */
#mpkpage .offr-card .chgp-avatar-wrap::before{content:'';position:absolute;left:50%;bottom:6px;width:170px;height:170px;margin-left:-85px;border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(circle,rgba(0,212,245,.17) 0%,rgba(0,212,245,0) 68%);animation:mpk-offr-halo 4.6s ease-in-out infinite}
#mpkpage .offr-card.popular .chgp-avatar-wrap::before{background:radial-gradient(circle,rgba(255,219,75,.17) 0%,rgba(255,219,75,0) 68%)}
#mpkpage .offr-card .chgp-offr{animation:mpk-offr-float 5.4s ease-in-out infinite}
#mpkpage .offr-card:hover .chgp-offr{animation:mpk-offr-float-up 2.4s ease-in-out infinite}
#mpkpage .offr-grid>:nth-child(2) .chgp-offr,#mpkpage .offr-grid>:nth-child(2) .chgp-avatar-wrap::before{animation-delay:-1.1s}
#mpkpage .offr-grid>:nth-child(3) .chgp-offr,#mpkpage .offr-grid>:nth-child(3) .chgp-avatar-wrap::before{animation-delay:-2.2s}
#mpkpage .offr-grid>:nth-child(4) .chgp-offr,#mpkpage .offr-grid>:nth-child(4) .chgp-avatar-wrap::before{animation-delay:-3.3s}
#mpkpage .offr-grid>:nth-child(5) .chgp-offr,#mpkpage .offr-grid>:nth-child(5) .chgp-avatar-wrap::before{animation-delay:-.6s}
@keyframes mpk-offr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mpk-offr-float-up{0%,100%{transform:translateY(-7px)}50%{transform:translateY(-11px)}}
@keyframes mpk-offr-halo{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:.9;transform:scale(1.06)}}

/* jauge de memoire */
#mpkpage .offr-gauge{position:relative;width:100%;height:7px;border-radius:4px;background:rgba(2,16,26,.9);border:1px solid #16303e;overflow:hidden;margin-top:4px;box-sizing:border-box}
#mpkpage .offr-gauge-fill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:4px;background:linear-gradient(90deg,#00a8a2,#00d4f5);box-shadow:0 0 12px rgba(0,212,245,.45);transition:width 1.15s cubic-bezier(.22,1,.36,1);overflow:hidden}
#mpkpage .offr-card.popular .offr-gauge-fill{background:linear-gradient(90deg,#ffb300,#ffdb4b);box-shadow:0 0 12px rgba(255,219,75,.45)}
#mpkpage .offr-gauge-fill::after{content:'';position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);animation:mpk-offr-sheen 2.8s linear infinite;animation-delay:1.4s}
@keyframes mpk-offr-sheen{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
#mpkpage .offr-gauge-lbl{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4a7080;margin-top:6px}
#mpkpage .offr-gauge-lbl b{font-size:16px;font-weight:700;color:#cfe3ee;letter-spacing:.02em}
#mpkpage .offr-card.popular .offr-gauge-lbl b{color:#ffdb4b}

/* usage et exemples de packs */
#mpkpage .offr-card .chgp-best{min-height:54px;margin:12px 0 0}
#mpkpage .offr-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;margin:0 0 12px;min-height:46px;align-content:flex-start}
#mpkpage .offr-chips span{font-family:'Barlow Condensed',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5f92a6;background:rgba(0,212,245,.06);border:1px solid #17323f;border-radius:999px;padding:3px 9px;line-height:1.3;white-space:nowrap;transition:color .25s,border-color .25s,background .25s}
#mpkpage .offr-card:hover .offr-chips span{color:#8fc4d6;border-color:#22485c;background:rgba(0,212,245,.12)}
#mpkpage .offr-card.popular .offr-chips span{color:#00c9c1;border-color:rgba(0,201,193,.34);background:rgba(0,201,193,.09)}


/* rappels sous la grille */
#mpkpage .offr-notes{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;max-width:1120px;margin:32px auto 0;padding:0 20px}
#mpkpage .offr-notes li{display:flex;align-items:flex-start;gap:9px;font:400 14px 'Barlow',sans-serif;color:#8ab8c8;line-height:1.45;max-width:340px}
#mpkpage .offr-notes svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;fill:none;stroke:#22d48a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1240px){ #mpkpage .offr-grid{grid-template-columns:repeat(3,1fr);max-width:860px} }
@media (max-width:880px){ #mpkpage .offr-grid{grid-template-columns:repeat(2,1fr);max-width:600px} #mpkpage .offr-card .chgp-best{min-height:0} #mpkpage .offr-chips{min-height:0} }
@media (max-width:560px){ #mpkpage .offr-grid{grid-template-columns:1fr;max-width:360px} }
@media (prefers-reduced-motion:reduce){
  #mpkpage .offr-card .chgp-offr,#mpkpage .offr-card:hover .chgp-offr,#mpkpage .offr-card .chgp-avatar-wrap::before,#mpkpage .offr-gauge-fill::after,#mpkpage .fc4 .fr-ring,#mpkpage .fc4 .fr-pin{animation:none}
  #mpkpage .fc4 .fr-out{animation:none;stroke-dashoffset:0}
  #mpkpage .fc4 .fr-fill,#mpkpage .fc4 .fr-tri{opacity:1;animation:none}
}

/* ===================================================================================
   Fil d'Ariane sorti du visuel. Dans le carrousel il passait sur les images de modpacks
   et devenait illisible : il est maintenant dans le flux, juste avant la reponse
   d'introduction. Les calages sur l'avatar ne le concernent donc plus.
   =================================================================================== */
#mpkpage .bcrumb.bcrumb-flow{width:100%;align-self:stretch;box-sizing:border-box;padding:0 20px;max-width:1140px;margin:26px auto 0;font-size:14px;text-align:left}
#mpkpage .bcrumb.bcrumb-flow a{color:#7fb0c4;border-bottom:0}
#mpkpage .bcrumb.bcrumb-flow a:hover{color:#00d4f5}
#mpkpage .bcrumb.bcrumb-flow .sep{color:#3d6274;margin:0 8px}
#mpkpage .bcrumb.bcrumb-flow .cur{color:#c3dbe6}

/* ===================================================================================
   Reponse d'introduction : le degrade derriere le texte est supprime, il salissait la
   lecture sans rien apporter. Reste une barre a gauche et un texte plus grand.
   =================================================================================== */
#mpkpage .mpk-answer{background:none;border-radius:0;padding:6px 0 6px 22px;margin:14px auto 30px;font-size:17.5px;line-height:1.72;color:#e3f0f7;max-width:1140px}
#mpkpage .mpk-answer b{color:#fff}
@media (max-width:1180px){ #mpkpage .mpk-answer,#mpkpage .bcrumb.bcrumb-flow{padding-left:20px;padding-right:20px} #mpkpage .mpk-answer{border-left-width:3px} }

/* ===================================================================================
   Tableaux de memoire. Les tailles venaient du design porte, calibrees pour un ecran
   large : trop petites pour du texte explicatif lu en diagonale.
   =================================================================================== */
#mpkpage .ramg-table th{font-size:15px;letter-spacing:.1em;padding:16px 20px;color:#ffdb4b}
#mpkpage .ramg-table td{padding:18px 20px;font-size:16.5px;line-height:1.55;color:#dbeaf2}
#mpkpage .ramg-table .type{font-size:20px;letter-spacing:.03em;line-height:1.25}
#mpkpage .ramg-table .ram-cell{font-size:22px;letter-spacing:.02em;white-space:nowrap}
#mpkpage .ramg-table .plan-cell{font-size:19px}
@media (max-width:760px){ #mpkpage .ramg-table td{font-size:15.5px;padding:15px 16px} #mpkpage .ramg-table .type{font-size:18px} #mpkpage .ramg-table .ram-cell{font-size:20px} }

/* ===================================================================================
   Tuiles de modpack : nom et chargeur centres.
   =================================================================================== */
#mpkpage .pack-body{align-items:center}
#mpkpage .pack-name,#mpkpage .pack-desc{text-align:center;width:100%}
#mpkpage .pack-meta{width:100%}

/* ===================================================================================
   Cartes d'offre : memoire et coeurs passent sous le personnage. En surimpression sur
   la tete des avatars, les deux pastilles cachaient justement ce qui les identifie.
   =================================================================================== */
#mpkpage .offr-specs{display:flex;justify-content:center;gap:8px;width:100%;margin:2px 0 10px}
#mpkpage .offr-spec{display:inline-flex;align-items:center;gap:6px;flex:1;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7fabbd;background:rgba(4,18,28,.72);border:1px solid #1a3444;border-radius:8px;padding:6px 4px;white-space:nowrap;transition:color .25s,border-color .25s}
#mpkpage .offr-spec b{font-size:20px;font-weight:800;color:#e8f4fa;line-height:1}
#mpkpage .offr-spec svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#00d4f5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mpkpage .offr-card:hover .offr-spec{color:#9ec7d7;border-color:#25506a}
#mpkpage .offr-card.popular .offr-spec{border-color:rgba(0,201,193,.32)}
#mpkpage .offr-card.popular .offr-spec b{color:#ffdb4b}
#mpkpage .offr-card.popular .offr-spec svg{stroke:#ffdb4b}








#mpkpage .offr-card .chgp-avatar-wrap{margin-bottom:6px}

/* ===================================================================================
   Haut de page des pages moddees. La barre de navigation du site est en position fixed.
   Lui reserver sa hauteur dans le flux dessinait un lisere sombre entre elle et le
   visuel : on repasse le header slim a zero et le visuel demarre donc a y=0, sous la
   barre. Pour que les liens restent lisibles par dessus les images de modpacks, la
   barre recoit un voile qui se dissout vers le bas, sans bord franc.
   =================================================================================== */
header.hdslim{height:0;min-height:0;padding:0;background:none}
header.hdslim>div{padding-bottom:16px;background:linear-gradient(180deg,rgba(1,12,20,.94) 0%,rgba(1,12,20,.74) 52%,rgba(1,12,20,0) 100%)}
#mpkpage{padding-top:0}
/* le visuel demarre a y=0, la barre flottante passe par dessus : on reserve sa hauteur
   a l'interieur du visuel pour que le fil d'Ariane et le titre ne passent pas dessous.
   Sans effet sur la page moddee, dont le contenu est cale en bas du visuel. */
#mpkpage #mpk-hero{padding-top:30px;box-sizing:border-box}

/* ===================================================================================
   Cartes d'offre sans bouton : les puces d'exemples deviennent le dernier bloc et se
   calent en bas pour que les cinq cartes restent alignees.
   =================================================================================== */
#mpkpage .offr-chips{margin-top:auto;margin-bottom:2px}
#mpkpage .offr-card{padding-bottom:16px}

/* ===================================================================================
   Section "en 4 clics", refaite. L'ancienne version alignait quatre icones de trait
   blanches dans des cartes trop hautes : un tiers de chaque carte etait vide. Chaque
   etape devient une petite scene animee qui montre le geste reellement effectue.
   Les scenes sont nommees is1 a is4, une classe par carte.
   =================================================================================== */
#mpkpage #mpk-install{padding:86px 0 90px}
#mpkpage .install-steps{position:relative;grid-template-columns:repeat(4,1fr);gap:20px;margin:44px auto 0;max-width:1200px;padding:0 20px;align-items:stretch}

/* rail de progression derriere les cartes, avec une lueur qui parcourt les 4 etapes */




/* la carte : plus de vide en bas, une bordure qui s'allume, un numero lisible */
#mpkpage .install-step{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;padding:0 22px 24px;border:1px solid #143244;border-radius:16px;background:linear-gradient(170deg,rgba(0,125,185,.10) 0%,rgba(2,20,32,.55) 62%,rgba(2,20,32,0) 100%);text-shadow:none;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
#mpkpage .install-step::before{content:'';position:absolute;inset:0;border-radius:16px;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,rgba(0,212,245,.16) 0%,transparent 62%);transition:opacity .3s}
#mpkpage .install-step::after{content:attr(data-n);top:16px;right:20px;font-size:46px;color:rgba(0,212,245,.10);text-shadow:none;transition:color .3s}
#mpkpage .install-step:hover{transform:translateY(-6px);border-color:rgba(0,212,245,.42);box-shadow:0 18px 40px -14px rgba(0,0,0,.7)}
#mpkpage .install-step:hover::before{opacity:1}
#mpkpage .install-step:hover::after{color:rgba(0,212,245,.24)}
#mpkpage .step-icon{width:100%;height:150px;margin-bottom:4px}
#mpkpage .step-icon svg{width:126px;height:126px;overflow:visible}
#mpkpage .step-t{font-size:19px;letter-spacing:.05em;margin:0 0 8px}
#mpkpage .step-d{font-size:14.8px;line-height:1.6;flex:0 1 auto}

/* --- 01 : choix de l'offre. La carte du milieu se souleve, la coche se dessine ------ */
#mpkpage .is1 .of-pick{transform-origin:50px 54px;animation:mpk-is1-pick 4.4s ease-in-out infinite}
#mpkpage .is1 .of-side{opacity:.85;animation:mpk-is1-side 4.4s ease-in-out infinite}
#mpkpage .is1 .of-side2{animation-delay:.15s}
#mpkpage .is1 .of-badge{transform-origin:67px 28px;opacity:0;animation:mpk-is1-badge 4.4s ease-in-out infinite}
#mpkpage .is1 .of-tick{stroke-dasharray:16;stroke-dashoffset:16;animation:mpk-is1-tick 4.4s ease-in-out infinite}
#mpkpage .is1 .of-cursor{animation:mpk-is1-cursor 4.4s ease-in-out infinite}
@keyframes mpk-is1-pick{0%,14%{transform:translateY(6px) scale(.96)}32%,100%{transform:translateY(0) scale(1)}}
@keyframes mpk-is1-side{0%,14%{opacity:.85}32%,100%{opacity:.5}}
@keyframes mpk-is1-badge{0%,26%{opacity:0;transform:scale(.4)}38%,100%{opacity:1;transform:scale(1)}}
@keyframes mpk-is1-tick{0%,32%{stroke-dashoffset:16}46%,100%{stroke-dashoffset:0}}
@keyframes mpk-is1-cursor{0%{transform:translate(16px,14px);opacity:0}10%{opacity:1}22%,30%{transform:translate(0,0);opacity:1}44%{transform:translate(4px,6px);opacity:0}100%{transform:translate(16px,14px);opacity:0}}

/* --- 02 : recherche. La loupe balaie, la ligne trouvee s'allume ------------------- */
#mpkpage .is2 .sr-lens{animation:mpk-is2-lens 4.4s cubic-bezier(.5,0,.3,1) infinite}
#mpkpage .is2 .sr-caret{animation:mpk-is2-caret 1s steps(1) infinite}
#mpkpage .is2 .sr-typed{animation:mpk-is2-type 4.4s ease-out infinite}
#mpkpage .is2 .sr-hit{opacity:.35;transform-origin:50px 66px;animation:mpk-is2-hit 4.4s ease-in-out infinite}
#mpkpage .is2 .sr-row:not(.sr-hit){animation:mpk-is2-dim 4.4s ease-in-out infinite}
@keyframes mpk-is2-lens{0%{transform:translate(26px,44px) scale(.9)}30%{transform:translate(64px,44px) scale(.9)}52%,72%{transform:translate(70px,64px) scale(1.06)}100%{transform:translate(26px,44px) scale(.9)}}
@keyframes mpk-is2-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes mpk-is2-type{0%{width:0}22%{width:34px}88%{width:34px}100%{width:0}}
@keyframes mpk-is2-hit{0%,44%{opacity:.35;transform:scale(1)}58%,88%{opacity:1;transform:scale(1.04)}100%{opacity:.35;transform:scale(1)}}
@keyframes mpk-is2-dim{0%,44%{opacity:1}58%,88%{opacity:.42}100%{opacity:1}}

/* --- 03 : declinaisons. Le curseur de selection descend la liste, l'engrenage tourne */
#mpkpage .is3 .vs-mark{animation:mpk-is3-mark 4.6s cubic-bezier(.7,0,.3,1) infinite}
#mpkpage .is3 .vs-cog{transform-origin:84px 76px;animation:mpk-is3-cog 6s linear infinite}
@keyframes mpk-is3-mark{0%,18%{transform:translateY(0)}32%,50%{transform:translateY(24px)}64%,86%{transform:translateY(48px)}100%{transform:translateY(0)}}
@keyframes mpk-is3-cog{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* --- 04 : le serveur est en ligne. Les ondes partent, la diode clignote ----------- */
#mpkpage .is4 .pl-w{opacity:0;animation:mpk-is4-wave 2.4s ease-out infinite}
#mpkpage .is4 .pl-w2{animation-delay:.28s}
#mpkpage .is4 .pl-w3{animation-delay:.56s}
#mpkpage .is4 .pl-led{animation:mpk-is4-led 1.6s ease-in-out infinite}
#mpkpage .is4 .pl-play{transform-origin:50px 72px;animation:mpk-is4-play 2.4s ease-in-out infinite}
@keyframes mpk-is4-wave{0%{opacity:0;transform:translateX(-5px)}30%{opacity:.95}100%{opacity:0;transform:translateX(3px)}}
@keyframes mpk-is4-led{0%,100%{opacity:1}50%{opacity:.32}}
@keyframes mpk-is4-play{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

@media (max-width:1080px){
  #mpkpage .install-steps{grid-template-columns:repeat(2,1fr);max-width:760px}
  /* deux colonnes : les cartes s'elargissent, la scene doit suivre sinon elle flotte */
  #mpkpage .step-icon{height:172px}
  #mpkpage .step-icon svg{width:150px;height:150px}
}
@media (max-width:600px){
  #mpkpage .install-steps{grid-template-columns:1fr;max-width:400px}
  #mpkpage .step-icon{height:130px}
  #mpkpage .step-icon svg{width:108px;height:108px}
}
@media (prefers-reduced-motion:reduce){
  #mpkpage .is1 .of-pick,#mpkpage .is1 .of-side,#mpkpage .is1 .of-badge,#mpkpage .is1 .of-tick,#mpkpage .is1 .of-cursor,#mpkpage .is2 .sr-lens,#mpkpage .is2 .sr-caret,#mpkpage .is2 .sr-typed,#mpkpage .is2 .sr-hit,#mpkpage .is2 .sr-row,#mpkpage .is3 .vs-mark,#mpkpage .is3 .vs-cog,#mpkpage .is4 .pl-w,#mpkpage .is4 .pl-led,#mpkpage .is4 .pl-play{animation:none}
  #mpkpage .is1 .of-badge,#mpkpage .is1 .of-cursor{opacity:1}
  #mpkpage .is1 .of-tick{stroke-dashoffset:0}
  #mpkpage .is2 .sr-hit,#mpkpage .is4 .pl-w{opacity:1}
  #mpkpage .is2 .sr-lens{transform:translate(70px,64px)}
  #mpkpage .is2 .sr-typed{width:34px}
}

/* --- 05 : reinstallation. Les etapes se remplissent, la fleche circulaire tourne --- */
#mpkpage .is5 .ri-bar{animation:mpk-is5-fill 4.4s ease-out infinite}
#mpkpage .is5 .ri-bar2{animation-delay:.5s}
#mpkpage .is5 .ri-bar3{animation-delay:1s}
#mpkpage .is5 .ri-spin{transform-origin:50px 14px;animation:mpk-is5-spin 2.2s linear infinite}
@keyframes mpk-is5-fill{0%,4%{width:0}34%,88%{width:40px}100%{width:0}}
@keyframes mpk-is5-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* --- 06 : sauvegardes. Les disques respirent, la fleche de retour se dessine ------- */
#mpkpage .is6 .sv-led{animation:mpk-is6-led 2.2s ease-in-out infinite}
#mpkpage .is6 .sv-led2{animation-delay:.7s}
#mpkpage .is6 .sv-back{transform-origin:50px 78px;animation:mpk-is6-back 3.6s ease-in-out infinite}
@keyframes mpk-is6-led{0%,100%{opacity:1}50%{opacity:.28}}
@keyframes mpk-is6-back{0%,20%{opacity:.35;transform:scale(.9)}40%,78%{opacity:1;transform:scale(1)}100%{opacity:.35;transform:scale(.9)}}

/* --- 07 : envoi par WebFTP. La fleche monte, les temoins s'allument en cascade ----- */
#mpkpage .is7 .ft-up{animation:mpk-is7-up 2.6s ease-in-out infinite}
#mpkpage .is7 .ft-d{animation:mpk-is7-dot 2.6s ease-in-out infinite}
#mpkpage .is7 .ft-d2{animation-delay:.22s}
#mpkpage .is7 .ft-d3{animation-delay:.44s}
@keyframes mpk-is7-up{0%{transform:translateY(6px);opacity:.4}45%,72%{transform:translateY(-4px);opacity:1}100%{transform:translateY(6px);opacity:.4}}
@keyframes mpk-is7-dot{0%,30%{fill:#2b6c85}52%,74%{fill:#00d4f5}100%{fill:#2b6c85}}
@media (prefers-reduced-motion:reduce){
  #mpkpage .is5 .ri-bar,#mpkpage .is5 .ri-spin,#mpkpage .is6 .sv-led,#mpkpage .is6 .sv-back,#mpkpage .is7 .ft-up,#mpkpage .is7 .ft-d{animation:none}
  #mpkpage .is5 .ri-bar{width:40px}
}

/* ===================================================================================
   Pied de page. Premiere cellule large : les six liens d'offres sur deux colonnes, les
   moyens de paiement en dessous. Ressources et Societe gardent une colonne chacune.
   =================================================================================== */
#sft .sft-wrap{grid-template-columns:2fr 1fr 1fr;gap:40px}
#sft .sft-brand{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:26px;align-self:start}
#sft .sft-offers{width:100%}
/* selecteur plus specifique que la regle partagee #sft .sft-offers ul, qui met la
   liste en flex : le multi-colonnes est sans effet sur un conteneur flex. */
#sft .sft-offers ul.sft-cols2{display:block;columns:2;column-gap:26px;gap:0}
#sft .sft-offers ul.sft-cols2 li{break-inside:avoid;margin:0 0 9px}
#sft .sft-offers ul.sft-cols2 li:last-child{margin-bottom:0}
#sft .sft-paycol{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-bottom:0}
#sft .sft-pay{justify-content:flex-start;margin:0}

#sft .sft-pay img{height:24px}
@media (max-width:900px){
  #sft .sft-wrap{grid-template-columns:1fr 1fr}
  #sft .sft-brand{grid-column:1 / -1}
}
@media (max-width:620px){
  #sft .sft-offers ul.sft-cols2{columns:1}
  #sft .sft-brand{gap:20px}
}

/* Le rail a ete supprime du gabarit. Si une version plus ancienne du gabarit est
   encore en ligne, sa div vide occuperait la premiere cellule de la grille et
   pousserait les quatre etapes en 3 + 1. On la neutralise. */
#mpkpage .install-rail{display:none}

/* ===================================================================================
   Page de changement d'offre d'un serveur abonne : ligne d'ecart tarifaire sous le prix.
   Le reste de la grille reutilise telles quelles les classes de la page classique.
   =================================================================================== */
.chg-card-delta{width:100%;text-align:center;margin-top:4px;min-height:18px}
.chg-delta-val{font-family:'Barlow Condensed',sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#688895}
.chg-delta-val.up{color:#ffdb4b}
.chg-delta-val.down{color:#22d48a}

/* ===================================================================================
   Avatar IRON du visuel de la page "serveur pas cher", equivalent du #thocheap de
   minecraft-hosting.pro. Meme mecanique que l'avatar de la page moddee : cale en bas a
   gauche, deborde vers l'exterieur, le texte du visuel se decale pour lui laisser la
   place. Masque sous 980 px, ou il ne resterait plus de largeur pour les deux.
   =================================================================================== */
#mpkpage #mpk-hero.mpk-hero-iron{min-height:560px;align-items:flex-end}
#mpkpage .mpk-hero-iron .row{width:100%;padding-bottom:56px}
#mpkpage .mpk-avatar-iron{position:absolute;z-index:3;left:0;bottom:0;width:890px;height:592px;margin-left:-300px;zoom:.86;pointer-events:none;user-select:none;background:image-set(url(medias/iron3.avif) 1x,url(medias/bigiron3.avif) 2x) center bottom no-repeat}
#mpkpage .mpk-hero-iron .mpk-head{position:relative;z-index:4;padding-left:495px;box-sizing:border-box}
@media (max-width:1350px){ #mpkpage .mpk-avatar-iron{zoom:.7;margin-left:-280px} #mpkpage .mpk-hero-iron .mpk-head{padding-left:418px} }
@media (max-width:1100px){ #mpkpage .mpk-avatar-iron{zoom:.56;margin-left:-250px} #mpkpage .mpk-hero-iron .mpk-head{padding-left:345px} }
@media (max-width:980px){ #mpkpage .mpk-avatar-iron{display:none} #mpkpage .mpk-hero-iron .mpk-head{padding-left:0} #mpkpage #mpk-hero.mpk-hero-iron{min-height:0;align-items:center} #mpkpage .mpk-hero-iron .row{padding-bottom:60px} }