@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&family=Inter:wght@400;500;600;700;800&family=Pixelify+Sans:wght@500;600;700&display=swap');
:root{--bg:#05080f;--panel:#0c1420;--panel2:#111c2b;--line:rgba(255,255,255,.08);--text:#f6fbff;--muted:#91a5b9;--aqua:#49d4ff;--violet:#8b5cf6;--green:#62f2a0;--danger:#ff7188;--r:20px;--shadow:0 26px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 12% 0,rgba(73,212,255,.13),transparent 28%),radial-gradient(circle at 88% 5%,rgba(139,92,246,.11),transparent 28%),linear-gradient(180deg,#05080f,#070b13 55%,#05080f)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 36px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(5,8,15,.74);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.logo{width:42px;height:42px;display:grid;place-items:center;font:22px 'Fugaz One';background:linear-gradient(135deg,var(--aqua),#597cff);color:#06101a;border-radius:12px;box-shadow:0 10px 30px rgba(73,212,255,.2);transform:rotate(-5deg)}.brand strong{font:19px 'Fugaz One'}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.6px;text-transform:uppercase}.navlinks{display:flex;gap:5px}.navlinks a{padding:10px 12px;border-radius:10px;color:#b0c0cf;font-weight:700;font-size:13px}.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.06);color:white}.actions{display:flex;gap:8px}.btn,.iconbtn{border:1px solid var(--line);background:rgba(255,255,255,.045);color:white;border-radius:12px;font-weight:800;transition:.2s}.btn{padding:12px 16px}.iconbtn{width:43px;height:43px;display:grid;place-items:center;position:relative}.btn:hover,.iconbtn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}.primary{border-color:transparent;color:#03111a;background:linear-gradient(135deg,var(--aqua),#7185ff);box-shadow:0 12px 34px rgba(73,212,255,.2)}.cartcount{position:absolute;right:-5px;top:-5px;background:var(--aqua);color:#051019;border:3px solid #070b13;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:9px}.menubtn{display:none}
.hero{padding:78px 0 60px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px}.eyebrow{display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(73,212,255,.22);background:rgba(73,212,255,.07);color:#b5f0ff;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:1.3px}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font:clamp(48px,7vw,82px)/.94 'Fugaz One';letter-spacing:-2px;margin:19px 0}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.25)}.hero p{max-width:620px;color:#a6b7c8;line-height:1.75}.hero-buttons{display:flex;gap:10px;margin:28px 0 22px}.server{display:flex;align-items:center;gap:10px;color:#a9bac9;font-size:12px}.server b{color:var(--green)}.server code{font:15px 'Pixelify Sans';color:white;background:#0e1724;border:1px solid var(--line);border-radius:8px;padding:7px 11px}.charwrap{min-height:455px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:355px;height:355px;border-radius:50%;background:radial-gradient(circle,rgba(73,212,255,.23),rgba(73,212,255,.04) 48%,transparent 68%)}.ring{position:absolute;width:315px;height:315px;border:1px dashed rgba(73,212,255,.26);border-radius:50%;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skin{position:relative;z-index:3;height:415px;max-width:80%;image-rendering:pixelated;filter:drop-shadow(0 32px 28px rgba(0,0,0,.55));transform:rotate(3deg)}.float{position:absolute;z-index:5;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(12,20,32,.88);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.float.a{left:0;top:78px}.float.b{right:0;bottom:62px}.float small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.float strong{font:16px 'Pixelify Sans'}.securetxt{color:var(--green)!important}
.section{padding:66px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head h2{font:37px 'Fugaz One';margin-bottom:7px}.section-head p{color:var(--muted);margin:0;line-height:1.6;max-width:620px}.textlink{color:#b8f1ff;font-weight:800;font-size:12px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{min-height:180px;padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#101a29,#0a101a);position:relative;overflow:hidden;transition:.25s}.category:hover{transform:translateY(-4px);border-color:rgba(73,212,255,.3)}.cat-icon{width:50px;height:50px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,rgba(73,212,255,.15),rgba(139,92,246,.18));display:grid;place-items:center;font:25px 'Pixelify Sans';margin-bottom:28px}.category h3{font:19px 'Fugaz One';margin-bottom:5px}.category p{color:var(--muted);font-size:11px;line-height:1.5}.category:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;bottom:-55px;background:rgba(73,212,255,.08)}
.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.package{display:flex;flex-direction:column;min-height:400px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(180deg,#111b2a,#0a111b);overflow:hidden;transition:.24s}.package:hover{transform:translateY(-5px);border-color:rgba(73,212,255,.28);box-shadow:0 24px 60px rgba(0,0,0,.25)}.pkg-media{height:198px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(73,212,255,.12),transparent 55%),#0d1622}.pkg-media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:22px 22px}.pkg-media img{position:relative;z-index:2;max-width:80%;height:160px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.5))}.glyph{position:relative;z-index:2;font:64px 'Fugaz One';text-shadow:4px 4px rgba(0,0,0,.32),0 0 30px rgba(73,212,255,.22)}.sale{position:absolute;right:14px;top:14px;z-index:3;background:#ff5278;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:900}.pkg-body{padding:20px;display:flex;flex-direction:column;flex:1}.pkg-type{font:10px 'Pixelify Sans';color:#83e4ff;letter-spacing:1.3px;text-transform:uppercase}.package h3{font:21px 'Fugaz One';margin:7px 0}.desc{color:var(--muted);font-size:12px;line-height:1.55;flex:1}.pkg-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.price{font:24px 'Pixelify Sans'}.price small{font:9px Inter;color:var(--muted)}.pkg-buttons{display:flex;gap:7px}.sq{width:41px;height:41px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;font-weight:900}.sq.add{background:var(--aqua);color:#04111a;border-color:transparent}.skeleton{background:#0f1825;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:sh 1.2s infinite}@keyframes sh{100%{transform:translateX(100%)}}
.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-main,.feature-side{border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#0f1826,#091019)}.feature-main{padding:36px;min-height:330px;position:relative;overflow:hidden}.feature-main h3{font:33px 'Fugaz One';max-width:540px;margin-top:16px}.feature-main p{color:var(--muted);max-width:540px;line-height:1.7}.feature-main:after{content:"";position:absolute;width:300px;height:180px;right:-20px;bottom:-20px;background:rgba(73,212,255,.08);clip-path:polygon(45% 0,100% 20%,100% 100%,0 100%,0 70%)}.feature-side{padding:25px}.mini{padding:17px 0;border-bottom:1px solid var(--line)}.mini:last-child{border:0}.mini strong{display:block;margin-bottom:5px}.mini b{font-family:'Pixelify Sans';color:var(--aqua);margin-right:7px}.mini span{color:var(--muted);font-size:11px;line-height:1.5}
.pagehero{padding:54px 0 24px}.pagehero h1{font:47px 'Fugaz One';margin:12px 0 8px}.pagehero p{color:var(--muted);max-width:650px;line-height:1.6}.shop{display:grid;grid-template-columns:225px 1fr;gap:24px;padding:24px 0 75px}.sidebar{position:sticky;top:98px;height:max-content;background:#0a121d;border:1px solid var(--line);border-radius:17px;padding:12px}.sidetitle{font:10px 'Pixelify Sans';letter-spacing:1.4px;color:var(--muted);padding:7px 9px}.sidebtn{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#a9bac9;padding:11px;border-radius:9px;font-weight:700;font-size:12px;text-align:left}.sidebtn:hover,.sidebtn.active{background:rgba(73,212,255,.08);color:white}.sidebtn span{color:#607489;font-size:9px}.shoptop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.field{width:100%;background:#0a121d;border:1px solid var(--line);color:white;border-radius:11px;padding:12px 13px;outline:0}.field:focus{border-color:rgba(73,212,255,.4)}.search{width:min(360px,100%)}.count{font-size:11px;color:var(--muted)}.empty{grid-column:1/-1;text-align:center;padding:46px;border:1px dashed rgba(255,255,255,.13);border-radius:17px;color:var(--muted)}
.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding:42px 0 78px}.visual{min-height:470px;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(73,212,255,.14),transparent 48%),#0a121d;border:1px solid var(--line);border-radius:24px;overflow:hidden}.visual img{max-height:330px;max-width:76%;filter:drop-shadow(0 28px 28px rgba(0,0,0,.5))}.copy{padding:18px 0}.crumb{font-size:10px;color:#74889b;font-weight:800}.copy h1{font:44px 'Fugaz One';margin:15px 0 9px}.lead{color:#9eb1c3;line-height:1.7}.detailprice{font:35px 'Pixelify Sans';margin:23px 0}.purchase{display:flex;gap:9px;margin-bottom:22px}.benefits{border-top:1px solid var(--line);padding-top:22px;color:#aebfce;font-size:12px;line-height:1.75}.benefits h2{font:19px 'Fugaz One';color:white}.benefits img{max-width:100%;border-radius:10px}.benefits strong{color:white}
.cartlayout{display:grid;grid-template-columns:1fr 365px;gap:24px;padding:24px 0 78px}.cartlist,.summary{border:1px solid var(--line);background:#0a121d;border-radius:20px}.cartlist{padding:11px}.cartitem{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.cartitem:last-child{border:0}.thumb{width:72px;height:72px;border-radius:12px;background:#111c2a;display:grid;place-items:center;overflow:hidden}.thumb img{max-width:64px;max-height:64px}.cartitem h3{font:16px 'Fugaz One';margin:0 0 4px}.cartitem small{color:var(--muted)}.remove{border:0;background:none;color:var(--danger);font-size:11px;font-weight:800}.summary{padding:23px;position:sticky;top:98px;height:max-content}.summary h2{font:21px 'Fugaz One'}.playerbox{border:1px solid var(--line);border-radius:13px;padding:14px;background:rgba(255,255,255,.025);margin-bottom:16px}.playerline{display:flex;gap:9px;align-items:center}.head{width:40px;height:40px;border-radius:8px;image-rendering:pixelated}.playerline small{display:block;color:var(--muted);font-size:9px}.row{display:flex;justify-content:space-between;padding:9px 0;color:#9fb1c1;font-size:12px}.row.total{border-top:1px solid var(--line);padding-top:16px;margin-top:6px;color:white}.row.total strong{font:24px 'Pixelify Sans'}.coupon{display:flex;gap:6px;margin:16px 0}.coupon .field{min-width:0}.summary>.btn{width:100%;padding:14px}.secure-note{text-align:center;color:#6e8296;font-size:9px;line-height:1.5;margin-top:11px}
.modalbg{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:20px;background:rgba(1,4,8,.76);backdrop-filter:blur(8px)}.modalbg.show{display:grid}.modal{width:min(450px,100%);padding:26px;border-radius:22px;border:1px solid var(--line);background:#0c1521;box-shadow:var(--shadow)}.modal h2{font:26px 'Fugaz One'}.modal p{color:var(--muted);font-size:12px;line-height:1.6}.skinpreview{height:145px;display:grid;place-items:center}.skinpreview img{height:140px;image-rendering:pixelated;filter:drop-shadow(0 14px 12px rgba(0,0,0,.4))}.modalactions{display:flex;gap:8px;margin-top:12px}.modalactions .btn{flex:1}.toast{position:fixed;z-index:150;right:22px;bottom:22px;max-width:340px;background:#0f1927;border:1px solid var(--line);border-radius:12px;padding:12px 15px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(16px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,113,136,.35)}
.footer{border-top:1px solid var(--line);background:rgba(2,5,9,.35);padding:43px 0 25px}.footergrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer p{color:#72869a;font-size:11px;line-height:1.65;max-width:340px}.footer h4{font:12px 'Fugaz One';margin-bottom:12px}.footer a:not(.brand){display:block;color:#8395a6;font-size:11px;margin:8px 0}.footer a:hover{color:white}.footbottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:28px;color:#607386;font-size:9px}.legal{max-width:840px;margin:auto;padding:45px 0 80px}.legal h1{font:41px 'Fugaz One'}.legal h2{font:21px 'Fugaz One';margin-top:30px}.legal p,.legal li{color:#9caec0;font-size:12px;line-height:1.75}.success{max-width:680px;margin:72px auto;text-align:center}.successicon{width:82px;height:82px;border-radius:23px;margin:0 auto 23px;display:grid;place-items:center;font-size:34px;background:rgba(98,242,160,.09);border:1px solid rgba(98,242,160,.22)}.success h1{font:41px 'Fugaz One'}.success p{color:var(--muted);line-height:1.7}
@media(max-width:950px){.navlinks{display:none}.navlinks.open{display:flex;position:absolute;left:18px;right:18px;top:69px;background:#0c1521;border:1px solid var(--line);border-radius:14px;padding:9px;flex-direction:column}.menubtn{display:grid}.hero-grid,.feature,.detail,.cartlayout{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}.packages{grid-template-columns:repeat(2,1fr)}.shop{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;gap:4px}.sidetitle{display:none}.sidebtn{width:auto;white-space:nowrap}.summary{position:static}.footergrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.nav{height:67px}.brand strong{font-size:15px}.brand small,.discordbtn{display:none}.logo{width:37px;height:37px}.hero{padding-top:48px}.hero h1{font-size:46px}.hero-grid{gap:18px}.hero-buttons{flex-direction:column}.hero-buttons .btn{text-align:center}.charwrap{min-height:325px}.skin{height:295px}.float.a{top:35px}.float.b{bottom:30px}.categories,.packages{grid-template-columns:1fr}.section{padding:48px 0}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:30px}.pagehero h1{font-size:37px}.shoptop{align-items:stretch;flex-direction:column}.search{width:100%}.visual{min-height:345px}.copy h1{font-size:35px}.cartitem{grid-template-columns:58px 1fr}.thumb{width:58px;height:58px}.cartitem>div:last-child{grid-column:2;text-align:left!important}.footergrid{grid-template-columns:1fr}.footbottom{flex-direction:column}}
