:root{--bg:#06111f;--panel:#0b1b2e;--panel2:#0e243a;--line:#20425f;--text:#f4f9ff;--muted:#9cb1c5;--blue:#68c5ff;--blue2:#187bd1;--shadow:0 20px 60px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#10385a55,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;height:72px;padding:0 5%;display:flex;align-items:center;gap:30px;background:#06111fee;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.brand{font-weight:1000;font-size:18px;white-space:nowrap}.brand span{color:var(--blue)}nav{margin-left:auto;display:flex;gap:24px;color:#b9cbe0;font-size:14px}nav a:hover{color:#fff}.topbtn,.btn{border:0;border-radius:13px;padding:12px 18px;font-weight:900;cursor:pointer}.topbtn,.primary{background:linear-gradient(135deg,#7bd0ff,#3ba9f3);color:#03101b}.hero{min-height:680px;padding:100px 7%;display:flex;align-items:center;justify-content:space-between;gap:60px;background:radial-gradient(circle at 75% 45%,#1886d92e,transparent 35%)}.heroText{max-width:690px}.tag,.heading>span{font-size:12px;font-weight:1000;letter-spacing:2px;color:var(--blue)}h1{font-size:clamp(50px,7vw,88px);line-height:.95;margin:20px 0}h1 strong{color:var(--blue)}.heroText>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin:28px 0}.secondary{background:#12263b;color:#eaf5ff;border:1px solid #2a4c67}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#86a1b8;font-size:12px}.heroVisual{width:380px;height:380px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#133b5c,#071525 65%);border:1px solid #2b5878;box-shadow:0 0 100px #1594ed33}.orb{font-size:130px;filter:drop-shadow(0 0 28px #61c7ff);animation:pulse 2.4s ease-in-out infinite}.floating{position:absolute;padding:12px 16px;border-radius:14px;background:#102941;border:1px solid #315a78;box-shadow:var(--shadow);font-weight:900}.f1{top:30px;left:-30px}.f2{right:-20px;top:145px}.f3{bottom:35px;left:40px}@keyframes pulse{50%{transform:scale(1.08)} }.section{padding:90px 7%;scroll-margin-top:75px}.heading{margin-bottom:35px}.heading h2{font-size:38px;margin:9px 0}.heading p{color:var(--muted);max-width:720px;line-height:1.6}.gameGrid,.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game,.service{background:linear-gradient(160deg,#0d2338,#091827);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 16px 40px #0002}.game{min-height:230px}.gameIcon{font-size:55px;width:85px;height:85px;display:grid;place-items:center;border-radius:20px;background:#ffffff08;margin-bottom:20px}.game h3,.service h3{margin:0 0 8px;font-size:21px}.game p,.service p{color:var(--muted);line-height:1.5}.game a{display:inline-block;margin-top:10px;color:var(--blue);font-weight:900}.fortnite{border-color:#24618b}.roblox{border-color:#704080}.minecraft{border-color:#34714d}.cover{height:140px;border-radius:16px;display:grid;place-items:center;font-size:62px;margin-bottom:18px;background:linear-gradient(135deg,#123c60,#145f99)}.cover.red{background:linear-gradient(135deg,#4a173f,#8b2b63)}.cover.green{background:linear-gradient(135deg,#19462f,#317c4d)}.cover.purple{background:linear-gradient(135deg,#332057,#68409b)}.priceRow{display:grid;gap:8px}.priceRow button{padding:11px;border-radius:11px;background:#112a42;border:1px solid #2a4c67;color:#edf7ff;display:flex;justify-content:space-between;cursor:pointer;font-weight:800}.priceRow button:hover{border-color:var(--blue);background:#163956}.featured{position:relative}.badge{position:absolute;right:15px;top:15px;background:#65c8ff;color:#04121d;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:1000}.how{background:#091827}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps>div{padding:22px;background:#0c2034;border:1px solid #1e3c55;border-radius:18px}.steps b{color:var(--blue);font-size:24px}.steps h3{margin:15px 0 5px}.steps p{color:var(--muted);line-height:1.5}.wheelCards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wheelCards>div{padding:25px;background:#0c2034;border:1px solid #254762;border-radius:20px}.wheelCards span{font-size:40px}.wheelCards h3{margin:12px 0 6px}.wheelCards p{color:var(--muted);line-height:1.5}.booking{background:radial-gradient(circle at 40% 30%,#123b5b,#06111f)}.bookingBox{max-width:820px;margin:auto;padding:32px;background:#0b1e32;border:1px solid #2a526f;border-radius:26px;box-shadow:var(--shadow)}.summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:20px;background:#071625;border-radius:16px}.summary div{display:flex;flex-direction:column;gap:7px}.summary small{color:#8099ae}.summary strong{font-size:17px}.summary .total strong{font-size:27px;color:var(--blue)}.guest{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:15px;background:#0e2940;border-radius:14px}.guest label{font-weight:900}.guest select{background:#071625;color:white;border:1px solid #31516b;padding:10px;border-radius:10px}.pay{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paypal{background:#ffd66d;color:#151515}.btn:disabled{opacity:.45;cursor:not-allowed}.notice{font-size:12px;color:#7f97aa;line-height:1.6}footer{padding:35px 7%;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;color:#8298ad}footer b{color:#eaf6ff}.loader{position:fixed;inset:0;background:#fff;z-index:100;display:grid;place-items:center;align-content:center;gap:18px;color:#07111f;transition:opacity .5s}.loader .logo{font-size:28px;font-weight:1000}.loaderbar{width:120px;height:4px;background:#d8ebf6;overflow:hidden;border-radius:10px}.loaderbar:after{content:"";display:block;width:45%;height:100%;background:#39aaf0;animation:load 1s infinite}@keyframes load{to{transform:translateX(250%)}}@media(max-width:980px){.gameGrid,.serviceGrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.heroVisual{width:300px;height:300px}.hero{padding-left:5%;padding-right:5%}}@media(max-width:700px){header{padding:0 18px}nav{display:none}.topbtn{margin-left:auto;padding:10px 12px}.hero{display:block;padding:70px 20px}.hero h1{font-size:54px}.heroText>p{font-size:16px}.heroVisual{display:none}.section{padding:65px 20px}.gameGrid,.serviceGrid,.wheelCards,.steps{grid-template-columns:1fr}.summary{grid-template-columns:1fr}.pay{grid-template-columns:1fr}.guest{align-items:flex-start;gap:12px;flex-direction:column}footer{display:block}footer div+div{margin-top:15px}}

:root{--rb:linear-gradient(90deg,#ff3df2,#ff7a1a,#ffd23f,#b6ff3b,#00e5ff,#8b5cff,#ff3df2);--pink:#ff3df2;--cyan:#00e5ff;--lime:#b6ff3b;--yellow:#ffd23f;--blue:#00e5ff}
body{background:radial-gradient(circle at 8% 0,#ff3df236,transparent 30%),radial-gradient(circle at 92% 18%,#00e5ff30,transparent 32%),radial-gradient(circle at 50% 100%,#8b5cff38,transparent 40%),#080716}
header{background:#0a0820ee;border-bottom:3px solid;border-image:var(--rb) 1}
.brand{display:flex;align-items:center;gap:8px}.brand img{width:36px;height:36px}
.brand span,.tag,.heading>span,h1 strong,.loader .logo span{background:var(--rb);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 5s linear infinite}
@keyframes flow{to{background-position:300% 0}}
.topbtn,.primary{background:linear-gradient(135deg,#ff3df2,#ff7a1a);color:#fff;box-shadow:0 0 24px #ff3df277}
.btn,.topbtn{transition:.2s}.btn:hover,.topbtn:hover{transform:translateY(-3px) scale(1.04)}
.secondary{background:#0d1030;border:2px solid var(--cyan);color:var(--cyan)}
.hero{background:none}.heroVisual{width:460px;height:340px;border-radius:0;background:none;border:0;box-shadow:none}
.heroImg{width:100%;filter:drop-shadow(0 0 36px #ff3df2aa);animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px) rotate(-1.5deg)}}
.floating{background:#120d33;border:2px solid var(--cyan);box-shadow:0 0 18px #00e5ff88;animation:float 3.5s ease-in-out infinite}
.f2{border-color:var(--pink);box-shadow:0 0 18px #ff3df288;animation-delay:.6s}.f3{border-color:var(--lime);box-shadow:0 0 18px #b6ff3b77;animation-delay:1.2s}
.game,.service,.steps>div,.wheelCards>div{background:#0f0c2a;border:2px solid #3a2a7a;transition:.25s}
.game:hover,.service:hover,.steps>div:hover,.wheelCards>div:hover{transform:translateY(-8px) scale(1.02)}
.fortnite{border-color:#00e5ff;box-shadow:0 0 28px #00e5ff40}.roblox{border-color:#ff3d6e;box-shadow:0 0 28px #ff3d6e40}.minecraft{border-color:#b6ff3b;box-shadow:0 0 28px #b6ff3b40}
.game{min-height:0}.gameImg{width:100%;height:150px;object-fit:cover;border-radius:16px;margin-bottom:16px}
.cover{background-size:cover;background-position:center;text-shadow:0 4px 18px #000a;font-size:56px}
.cover.blue{background-image:url(img/fn.svg)}.cover.red{background-image:url(img/rb.svg)}.cover.green{background-image:url(img/mc.svg)}.cover.purple{background-image:url(img/duo.svg)}.cover.fun{background-image:url(img/fun.svg)}
.priceRow button{background:#17114a;border-color:#4b36a3}.priceRow button:hover{border-color:var(--pink);background:#2a1460;transform:translateX(5px)}.priceRow button b{color:var(--yellow)}
.badge{background:var(--rb);color:#120d33}.how,.booking{background:#0b0824}
.steps>div:nth-child(1) b{color:#ff3df2}.steps>div:nth-child(2) b{color:#00e5ff}.steps>div:nth-child(3) b{color:#b6ff3b}.steps>div:nth-child(4) b{color:#ffd23f}
.wheelCards>div:nth-child(1){border-color:#ff3df2}.wheelCards>div:nth-child(2){border-color:#ff7a1a}.wheelCards>div:nth-child(3){border-color:#00e5ff}
.bookingBox{background:#0f0c2a;border:2px solid #8b5cff;box-shadow:0 0 50px #8b5cff44}.summary{background:#080620}.summary .total strong{color:var(--lime)}
.loader{background:radial-gradient(circle,#1d1050,#05040f 70%);color:#fff;gap:22px}
.ring{width:160px;height:160px;position:relative;display:grid;place-items:center}
.ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ff3df2,#ff7a1a,#ffd23f,#b6ff3b,#00e5ff,#8b5cff,#ff3df2);-webkit-mask:radial-gradient(circle,transparent 63%,#000 65%);mask:radial-gradient(circle,transparent 63%,#000 65%);animation:spin 1.4s linear infinite;filter:drop-shadow(0 0 14px #ff3df2)}
.ring img{width:96px;animation:pop 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 18px #ffd23f)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{to{transform:scale(1.15) rotate(-6deg)}}
.loader .logo{font-size:30px;letter-spacing:3px}.loaderbar{width:230px;height:8px;background:#ffffff1c}.loaderbar:after{display:none}
.loaderbar i{display:block;height:100%;width:0;background:var(--rb);border-radius:10px;box-shadow:0 0 14px #ff3df2;transition:width .1s}
.pct{color:#b9b3e6;font-weight:800;letter-spacing:2px}.loader.hide{opacity:0;visibility:hidden}
@media(max-width:700px){.heroVisual{display:block;width:100%;height:auto;margin-top:30px}}

.brand img,.fbrand img{border-radius:50%;object-fit:cover;box-shadow:0 0 14px #00e5ffaa}.fbrand{display:flex;align-items:center;gap:8px}.fbrand img{width:30px;height:30px}
.ring img{width:112px;height:112px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 22px #00e5ff);animation:logoIn 1.2s cubic-bezier(.2,1.4,.4,1) both,pop 1.4s 1.2s ease-in-out infinite alternate}
@keyframes logoIn{0%{transform:scale(0) rotate(-200deg);opacity:0;filter:brightness(4)}60%{filter:brightness(2.2)}100%{transform:none;opacity:1}}
.loader:before{content:"";position:absolute;inset:0;background:#fff;opacity:0;animation:flash 1.2s .5s;pointer-events:none}@keyframes flash{15%{opacity:.85}to{opacity:0}}
.loader .logo{animation:rise .8s .6s both}@keyframes rise{from{opacity:0;transform:translateY(20px) scale(.9)}}
.heroVisual{position:relative}.heroLogo{position:absolute;z-index:2;top:-30px;right:10px;width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid #00e5ff;box-shadow:0 0 40px #00e5ff,0 0 80px #ff3df266;animation:float 3s ease-in-out infinite}
@media(max-width:700px){.heroLogo{width:90px;height:90px;top:-20px}}

.codeZone{max-width:620px;margin:60px auto;padding:30px 20px;text-align:center}
.codeBox{display:flex;gap:10px;margin-top:18px}.codeBox input{flex:1;min-width:0;padding:16px 18px;border-radius:16px;border:2px solid #8b5cff;background:#0f0c2a;color:#fff;font-size:18px;box-shadow:0 0 24px #8b5cff44;outline:0}
.codeBox input:focus{border-color:#00e5ff;box-shadow:0 0 28px #00e5ff77}.codeMsg{margin-top:14px;font-weight:800;min-height:24px;color:#b6ff3b}.codeMsg.err{color:#ff3d6e}

.langSel{position:fixed;left:12px;bottom:12px;z-index:60;padding:10px 12px;border-radius:14px;border:2px solid var(--cyan);background:#0f0c2aee;color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 18px #00e5ff77;outline:0}
body{top:0!important}.skiptranslate iframe,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}.goog-text-highlight{background:none!important;box-shadow:none!important}

.loader.tr .ring{margin:40px 0 60px}.loader.tr .ring img{animation:flipY 1.8s ease-in-out infinite}.loader.tr .ring:before{animation-direction:reverse;animation-duration:2.2s}
@keyframes flipY{50%{transform:rotateY(180deg) scale(1.12)}}
.orbit{position:absolute;left:50%;top:50%;width:0;height:0;animation:spin 14s linear infinite}
.orbit span{position:absolute;left:0;top:0;transform:rotate(var(--a)) translateY(-118px) rotate(calc(var(--a)*-1)) translate(-50%,-50%)}
.orbit b{display:block;white-space:nowrap;font-size:15px;font-weight:800;padding:4px 10px;border-radius:20px;background:#120d33;border:2px solid #ff3df2;color:#fff;animation:spin 14s linear infinite reverse}
.orbit span:nth-child(3n+2) b{border-color:#00e5ff}.orbit span:nth-child(3n) b{border-color:#b6ff3b}
.trText{display:flex;gap:10px;align-items:center;font-weight:800;font-size:18px;color:#fff}.trText i{font-style:normal;padding:4px 10px;border-radius:10px;background:var(--rb);background-size:300% 100%;animation:flow 3s linear infinite;color:#120d33}.trText span{animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}

/* YTBLEBOSS GAMING — custom atmospheric background */
body{position:relative;background:#050316 url("img/gaming-background.svg") center top/cover fixed no-repeat;}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,3,22,.30),rgba(5,3,22,.70));}
.hero,.section{position:relative;background:transparent;}
.game,.service,.steps>div,.wheelCards>div,.bookingBox{backdrop-filter:blur(12px);background:linear-gradient(145deg,rgba(16,12,43,.90),rgba(8,10,30,.82));}
.heroVisual{filter:drop-shadow(0 0 45px rgba(0,234,255,.12));}