:root{--bg:#01040c;--panel:#061326;--blue:#087cff;--cyan:#20e4ff;--text:#f8fbff;--muted:#8fa9c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 8%,#07347d 0,#020817 29%,#01030a 70%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}
#stars{position:fixed;inset:0;z-index:-2;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#52e9ff;border-radius:50%;opacity:.55}
header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#020711dc;backdrop-filter:blur(18px);border-bottom:1px solid #087cff44;z-index:10}.brand{display:flex;gap:10px;align-items:center}.moonLogo{width:40px;height:40px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#a7ffff 0 3%,#20baff 4% 29%,#0865e8 30% 62%,#00194d 63%);box-shadow:0 0 18px #13dcff,0 0 42px #006eff}.moonLogo:after{content:"";position:absolute;inset:6px 2px 6px 17px;border-radius:50%;background:#020711}.brand b{font-size:21px}.brand small{display:block;color:var(--cyan);font-size:9px;letter-spacing:3px}nav{display:flex;gap:22px;font-size:13px}.btn,.ghost{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:10px;font-weight:800;font-size:13px}.btn{border:1px solid #0c79ff;background:linear-gradient(135deg,#16a4ff,#0753ff);box-shadow:0 0 18px #0786ff99}.ghost{border:1px solid #0a6cff;background:#06172f;color:#45e9ff}
.hero{max-width:1450px;margin:auto;padding:70px 5vw 35px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px}.pill{display:inline-block;padding:8px 12px;border:1px solid #0a78ff;border-radius:999px;background:#05205399;color:#36e6ff;font-size:11px;font-weight:900}.hero h1{font-size:clamp(60px,7vw,108px);line-height:.84;letter-spacing:-5px;margin:22px 0;text-shadow:0 0 9px #0a74ff,0 0 32px #0075ff99}.hero h1 span{display:block;font-size:.23em;letter-spacing:2px;margin-bottom:18px;text-shadow:none}.hero p,.head p,.support p{color:#c3d2e4;line-height:1.7}.row,.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trust span{padding:9px 11px;border:1px solid #0a6bdf66;border-radius:9px;background:#041126;color:#bed4ec;font-size:11px}.stage{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center}.bigMoon{width:min(31vw,365px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 30%,#1b6ec5 0 7%,transparent 8%),radial-gradient(circle at 62% 34%,#0b3989 0 9%,transparent 10%),radial-gradient(circle at 42% 65%,#0a347c 0 12%,transparent 13%),radial-gradient(circle at 40% 35%,#31c7ff,#0863df 42%,#01266d 72%,#00143c);box-shadow:inset -55px -35px 80px #00133c,0 0 18px #00e1ff,0 0 52px #0077ff;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(15px)}}.orbit{position:absolute;width:88%;height:42%;border:2px solid #00c8ff;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 18px #007cff}.orbit.two{width:72%;height:34%;transform:rotate(16deg);opacity:.55}.orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:#c6fdff;box-shadow:0 0 14px #00edff;animation:orb 6s linear infinite}.two i{animation-duration:8s}@keyframes orb{0%{left:4%;top:62%}25%{left:48%;top:-4%}50%{left:94%;top:46%}75%{left:48%;top:96%}100%{left:4%;top:62%}}.platform{position:absolute;bottom:32px;width:70%;height:72px;border-radius:50%;border:2px solid #0a7cff;background:radial-gradient(ellipse,#00c8ff44,#073b8f88 35%,#020715 72%);box-shadow:0 0 28px #006eff;transform:rotateX(66deg)}
section{max-width:1400px;margin:auto;padding:65px 5vw}.head{text-align:center;margin-bottom:30px}.head h2{font-size:42px;margin:10px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.productCard{overflow:hidden;border:1px solid #0a68ff;border-radius:16px;background:linear-gradient(#07172f,#041021);transition:.25s}.productCard:hover{transform:translateY(-7px);box-shadow:0 0 28px #0077ff55}.art{height:230px;display:grid;place-items:center;background:radial-gradient(circle,#0d83ff,#062e74 46%,#020817);font-size:36px;font-weight:1000;letter-spacing:2px;text-shadow:0 0 20px #1be1ff}.productBody{padding:18px}.productBody h3{margin:0 0 8px}.productBody p{color:var(--muted);font-size:13px;line-height:1.5}.status{display:inline-block;margin:8px 0;color:#54f7ae;font-size:12px;font-weight:800}.price{color:var(--cyan);font-weight:900;font-size:18px}.featureGrid,.whyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.whyGrid{grid-template-columns:repeat(3,1fr)}article{padding:24px;border:1px solid #0a68ff;border-radius:14px;background:linear-gradient(#07162f,#041021)}article b{color:#47e8ff}article p{color:var(--muted);font-size:13px;line-height:1.6}.support{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px;border:1px solid #0a68ff;border-radius:18px;background:#061326cc}footer{text-align:center;padding:25px;border-top:1px solid #0a68ff44;color:#6f88a6}
.productPage{max-width:1100px;margin:auto;padding:60px 5vw}.productDetail{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px;border:1px solid #0a68ff;border-radius:18px;background:#051125}.productVisual{min-height:440px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle,#128cff,#063271 50%,#020817);font-size:55px;font-weight:1000;text-shadow:0 0 25px #20e4ff}.productInfo h1{font-size:48px;margin:8px 0}.productInfo p{color:var(--muted);line-height:1.7}.detailBox{margin:20px 0;padding:18px;border:1px solid #0b5dca;border-radius:12px;background:#041021}.detailBox b{display:block;margin-bottom:8px}.checkoutBox{display:grid;gap:10px;margin-top:20px}.checkoutBox input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #0a68ff;background:#020b19;color:#fff}.message{margin-top:12px;color:#bcd2ea;font-size:13px;white-space:pre-wrap}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.row,.trust{justify-content:center}.bigMoon{width:min(68vw,320px)}.products{grid-template-columns:repeat(2,1fr)}.featureGrid,.whyGrid{grid-template-columns:repeat(2,1fr)}.productDetail{grid-template-columns:1fr}}@media(max-width:560px){header{padding:0 18px}.hero{padding:50px 20px}.hero h1{letter-spacing:-3px}.products,.featureGrid,.whyGrid{grid-template-columns:1fr}section{padding:50px 20px}.support{display:block}.support .btn{margin-top:18px}.productVisual{min-height:280px}}
/* MoonStore 2.0 */
body{background:radial-gradient(circle at 72% 4%,#082a68 0,#020714 26%,#000208 68%)}
.bigMoon{filter:brightness(1.12) contrast(1.08);box-shadow:inset -60px -40px 90px #000c31,0 0 22px #55f5ff,0 0 72px #008cff,0 0 130px #006eff66}.stage:after{content:"";position:absolute;width:72%;height:72%;border-radius:50%;background:#007cff22;filter:blur(60px);z-index:-1}.products{gap:22px}.productCard{background:#020a17;border-color:#0b74ff88;box-shadow:0 18px 45px #0009}.art{height:260px;position:relative;overflow:hidden;background-size:cover;background-position:center}.art.hasImage{display:flex;align-items:flex-end;justify-content:flex-start;padding:20px}.art.hasImage strong{font-size:28px;text-shadow:0 2px 18px #000}.spooferArt{background:radial-gradient(circle at 50% 42%,#137dff 0,#052657 40%,#01040d 72%);display:flex;flex-direction:column;gap:10px}.spooferArt .chip{width:72px;height:54px;border:2px solid #25e5ff;border-radius:10px;display:grid;place-items:center;box-shadow:0 0 25px #00aaff}.spooferArt small{font-size:11px;color:#8defff;letter-spacing:3px}.detailsLink{float:right;margin-top:9px;color:#42ddff;font-size:12px;font-weight:900}.productBody .price{display:none}.productVisual.photo{background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start;padding:28px}.productVisual.photo b{font-size:42px;text-shadow:0 3px 20px #000}.planList{display:grid;gap:9px;margin:18px 0}.plan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #185ca8;border-radius:12px;background:#020b19;cursor:pointer}.plan.selected{border-color:#22dfff;background:#07345d;box-shadow:0 0 20px #008cff44}.plan input{accent-color:#20e4ff}.plan span{display:grid;gap:3px}.plan small{color:#91a9c5}.plan strong{font-size:18px}.codCatalog{display:block}.codHead{text-align:center;margin-bottom:28px}.codHead h1{font-size:52px;margin:10px}.codHead p{color:var(--muted)}.codGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.codCard{padding:18px;border:1px solid #0a68ff;border-radius:18px;background:linear-gradient(#07172f,#020817);transition:.25s}.codCard:hover{transform:translateY(-6px);box-shadow:0 0 28px #0077ff55}.codGlow{height:220px;border-radius:13px;display:grid;place-items:center;background:radial-gradient(circle,#0b8cff,#04275d 48%,#01040b);font-size:34px;font-weight:1000;text-shadow:0 0 22px #20e4ff}.codCard p{color:var(--muted);min-height:42px}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.adminPanel{padding:20px;border:1px solid #0a68ff;border-radius:16px;background:#041021}.adminPanel h2{margin-top:0}.checkoutBox select,.checkoutBox textarea,.checkoutBox input[type=number]{width:100%;padding:13px;border-radius:10px;background:#020b19;color:white;border:1px solid #0a68ff}.adminPlans{display:grid;gap:8px}.adminPlan{display:grid;grid-template-columns:1fr 120px 90px;gap:8px;align-items:center}.adminPlan span{font-size:13px}.saveNotice{color:#54f7ae;font-size:12px}
@media(max-width:800px){.codGrid,.adminGrid{grid-template-columns:1fr}.adminPlan{grid-template-columns:1fr 100px 80px}}

.brandLogo{width:52px;height:52px;object-fit:cover;object-position:50% 30%;border-radius:50%;filter:drop-shadow(0 0 8px #20e4ff) drop-shadow(0 0 18px #087cff);transform:scale(1.18)}
.supportFormWrap{display:grid;grid-template-columns:1fr minmax(320px,520px);align-items:center}.supportForm{display:grid;gap:11px}.supportForm input,.supportForm textarea{width:100%;padding:14px 15px;border-radius:11px;border:1px solid #0a68ff;background:#020b19;color:#fff;font:inherit;outline:none}.supportForm input:focus,.supportForm textarea:focus{border-color:#20e4ff;box-shadow:0 0 18px #008cff44}.supportForm textarea{resize:vertical}.supportForm button:disabled{opacity:.6;cursor:wait}
@media(max-width:800px){.supportFormWrap{grid-template-columns:1fr}.brandLogo{width:46px;height:46px}}

/* MoonStore Final Visual Polish */
.siteHeader{height:88px;background:rgba(1,5,15,.90);border-bottom:1px solid rgba(22,139,255,.34);box-shadow:0 12px 36px rgba(0,0,0,.28)}
.brandImage{display:flex;align-items:center;min-width:260px}
.brandImage img{width:245px;height:67px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(32,228,255,.35)) drop-shadow(0 0 22px rgba(8,124,255,.22))}
.realisticStage{min-height:520px;isolation:isolate}
.heroMoon{width:min(38vw,520px);aspect-ratio:1;object-fit:cover;border-radius:50%;position:relative;z-index:2;animation:moonFloat 6s ease-in-out infinite;filter:saturate(1.13) contrast(1.06) brightness(1.04);box-shadow:0 0 34px rgba(32,228,255,.42),0 0 95px rgba(0,111,255,.34)}
.moonHalo{position:absolute;width:min(45vw,600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(31,185,255,.20),rgba(4,70,180,.10) 45%,transparent 70%);filter:blur(20px);z-index:0;animation:haloPulse 4.5s ease-in-out infinite}
.moonOrbit{position:absolute;width:86%;height:36%;border:1px solid rgba(47,226,255,.52);border-radius:50%;z-index:3;box-shadow:0 0 18px rgba(8,124,255,.40);pointer-events:none}
.moonOrbit.orbitOne{transform:rotate(-12deg)}
.moonOrbit.orbitTwo{width:72%;height:29%;transform:rotate(17deg);opacity:.34}
.moonOrbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#c9fdff;box-shadow:0 0 12px #20e4ff,0 0 24px #087cff;animation:moonOrb 7s linear infinite}
.moonOrbit.orbitTwo i{animation-duration:9s;animation-direction:reverse}
@keyframes moonFloat{0%,100%{transform:translateY(-8px) rotate(-1deg)}50%{transform:translateY(13px) rotate(1deg)}}
@keyframes haloPulse{50%{opacity:.62;transform:scale(1.05)}}
@keyframes moonOrb{0%{left:4%;top:60%}25%{left:48%;top:-3%}50%{left:94%;top:45%}75%{left:48%;top:96%}100%{left:4%;top:60%}}
.heroCopy{position:relative;z-index:4}
body{background:radial-gradient(circle at 68% 8%,#06205a 0,#020714 30%,#01030a 68%);background-attachment:fixed}
.productCard,.codCard,.featureGrid article,.whyGrid article,.support{backdrop-filter:blur(12px)}
.codMedia{height:240px;border-radius:13px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px;overflow:hidden;position:relative}
.codMedia:after{content:"";position:absolute;inset:0;border:1px solid rgba(32,228,255,.20);border-radius:13px;pointer-events:none}
.codMedia strong{position:relative;z-index:2;font-size:30px;text-shadow:0 2px 20px #000,0 0 16px rgba(32,228,255,.35)}
.codCard h3{margin-bottom:8px}
.codCard .detailsLink{display:block;float:none;margin-top:13px}
.supportFormWrap{background:linear-gradient(135deg,rgba(5,20,48,.92),rgba(2,8,22,.92));box-shadow:0 0 36px rgba(0,105,255,.11)}
@media(max-width:900px){.brandImage{min-width:0}.brandImage img{width:190px;height:55px}.realisticStage{min-height:430px}.heroMoon{width:min(72vw,390px)}.moonHalo{width:min(85vw,460px)}}
@media(max-width:560px){.siteHeader{height:72px}.brandImage img{width:155px;height:46px}.siteHeader>.btn{padding:9px 11px;font-size:11px}.hero{padding-top:38px}.realisticStage{min-height:350px}.heroMoon{width:min(78vw,330px)}.moonOrbit{width:92%}.codMedia{height:200px}}

/* MoonStore V5 polish: cleaner hero moon + glowing crescent cursor */
.realisticStage{overflow:visible}
.heroMoon{object-fit:cover;object-position:center top;background:#01050f}
.realisticStage::after{content:"";position:absolute;bottom:24px;width:62%;height:42px;border-radius:50%;background:radial-gradient(ellipse,rgba(20,153,255,.28),rgba(5,47,125,.12) 45%,transparent 72%);filter:blur(7px);z-index:1;pointer-events:none}

.moonCursor{display:none;position:fixed;left:0;top:0;width:28px;height:28px;z-index:99999;pointer-events:none;transform:translate(-5px,-5px);filter:drop-shadow(0 0 6px #20e4ff) drop-shadow(0 0 15px #087cff);transition:opacity .16s ease,transform .08s linear;opacity:0}
.moonCursor::before{content:"";position:absolute;inset:1px;border-radius:50%;background:linear-gradient(135deg,#d7ffff 0%,#37dcff 36%,#087cff 72%,#01245d 100%);box-shadow:0 0 10px #20e4ff,0 0 22px rgba(8,124,255,.85)}
.moonCursor::after{content:"";position:absolute;width:23px;height:23px;left:9px;top:-2px;border-radius:50%;background:#020714;box-shadow:-2px 2px 4px rgba(255,255,255,.08)}
.moonCursor.isDown{transform:translate(-5px,-5px) scale(.82)}
@media (pointer:fine){body,body a,body button,body input,body textarea,body select,label{cursor:none!important}.moonCursor{display:block}}

/* Call of Duty cards use clean game artwork instead of utility screenshots */
.codMedia{background-position:center 28%;background-repeat:no-repeat;filter:saturate(1.02) contrast(1.05)}
.codMedia::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(2,7,18,.22) 58%,rgba(2,7,18,.90) 100%);z-index:1}
.codMedia strong{z-index:2}


/* ================= MoonStore V6 polish ================= */

/* Header: logo + navigation stay on one clean continuous row. */
.siteHeader{
  min-height:82px;
  height:auto;
  padding:7px 4vw;
  justify-content:flex-start;
  gap:28px;
}
.brandImage{min-width:300px;flex:0 0 auto}
.brandImage img{
  width:300px;
  height:68px;
  object-fit:contain;
  object-position:left center;
}
.siteHeader nav{
  margin-left:12px;
  display:flex;
  align-items:center;
  gap:28px;
  white-space:nowrap;
}
.siteHeader nav a{
  position:relative;
  padding:12px 4px;
}
.siteHeader nav a:hover::after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:4px;
  height:2px;
  background:#20e4ff;
  box-shadow:0 0 12px #20e4ff;
}
.siteHeader>.btn{margin-left:auto}

/* Realistic moon: remove the old black lower strip/crop and keep a clean globe. */
.realisticStage{
  min-height:500px;
  overflow:visible;
}
.heroMoon{
  width:min(39vw,535px);
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  background:transparent;
  filter:saturate(1.12) contrast(1.08) brightness(1.08)
         drop-shadow(0 0 16px rgba(65,225,255,.65))
         drop-shadow(0 0 48px rgba(0,115,255,.46));
  box-shadow:none;
}
.realisticStage::after{
  bottom:52px;
  width:62%;
  height:30px;
  background:radial-gradient(ellipse,rgba(23,178,255,.32),rgba(0,91,255,.10) 46%,transparent 73%);
}

/* Call of Duty catalog: keep current artwork, add the full information underneath. */
.codCatalog{max-width:1320px}
.codHead{position:relative;padding-top:4px}
.codBack{
  display:inline-flex;
  margin:0 auto 16px;
  color:#60dcff;
  border:1px solid #0c7cff;
  border-radius:10px;
  padding:9px 14px;
  background:#03132b;
}
.codInstant{
  display:inline-flex;
  margin-top:10px;
  padding:8px 18px;
  border:1px solid #08b6ff;
  color:#30eaff;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.5px;
  background:#031932;
}
.richCodCard{padding:12px;position:relative}
.richCodCard .codMedia{height:215px}
.onlineBadge{
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  padding:7px 11px;
  border-radius:999px;
  background:#16f58a;
  color:#001a13;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 0 16px rgba(22,245,138,.45);
}
.codCardBody{padding:4px 6px 7px}
.codCardBody h3{font-size:20px;margin:12px 0 4px}
.codCardBody>p{min-height:auto;margin:0 0 10px;color:#b4c7de}
.codFeatureList{
  margin:8px 0 12px;
  padding-left:20px;
  color:#d5e4f5;
  font-size:13px;
  line-height:1.6;
}
.codFrom{font-size:14px;margin:9px 0}
.codFrom b{font-size:21px;color:#28f3a4;text-shadow:0 0 12px rgba(40,243,164,.28)}
.codPriceRow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:10px 0 13px;
}
.codPriceRow span{
  text-align:center;
  border:1px solid #19dfcf;
  border-radius:999px;
  padding:8px 5px;
  color:#55eaff;
  background:#03172b;
  font-size:11px;
  white-space:nowrap;
}
.codPriceRow b{color:#fff}
.codActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:9px;
}
.codActions .btn,.codActions .ghost{width:100%}
.richCodCard>.status{display:none}
.codCardBody>.status{margin:12px 0 0}

@media(max-width:1050px){
  .brandImage{min-width:230px}
  .brandImage img{width:230px}
  .siteHeader{gap:14px}
  .siteHeader nav{gap:17px;margin-left:0}
}
@media(max-width:900px){
  .siteHeader{min-height:72px}
  .brandImage{min-width:0}
  .brandImage img{width:190px;height:54px}
  .siteHeader nav{display:none}
  .heroMoon{width:min(78vw,430px)}
  .codGrid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .brandImage img{width:160px}
  .heroMoon{width:min(88vw,390px)}
  .codPriceRow{grid-template-columns:1fr}
}

/* MoonStore V7 — Checkout + Inventory */
.checkoutPage{max-width:900px;margin:0 auto;padding:70px 5vw}
.checkoutCard{border:1px solid #0a68ff;border-radius:20px;padding:30px;background:linear-gradient(180deg,#071a35ee,#030b19ee);box-shadow:0 0 40px #0077ff30}
.checkoutCard h1{font-size:42px;margin:12px 0 24px}
.orderSummary{display:grid;gap:10px;margin:20px 0;padding:18px;border:1px solid #0a68ff66;border-radius:14px;background:#020b18}
.orderSummary>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #0a68ff22}
.orderSummary>div:last-child{border-bottom:0}.orderSummary span{color:#88a9cc}.orderSummary .total b{color:#41f0ff;font-size:20px}
.paymentMethods{display:grid;gap:12px;margin-top:22px}.payMethod{display:flex;align-items:center;gap:16px;width:100%;padding:18px;border:1px solid #0a68ff;border-radius:14px;background:#041226;color:#fff;text-align:left;cursor:pointer}.payMethod:hover{box-shadow:0 0 24px #087cff55;transform:translateY(-2px)}.payMethod.disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.payMethod span:nth-child(2){display:grid;gap:4px}.payMethod small{color:#8fa9c8}.payIcon{font-size:24px;min-width:36px}.secureNote{color:#8fa9c8;font-size:12px;margin-top:18px;line-height:1.5}

/* MoonStore V9 — Account + Cart */
.headerActions{display:flex;align-items:center;gap:10px;margin-left:auto}.miniAction{padding:10px 14px!important}
.cartButton{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #0a7dff;border-radius:12px;background:#04162d;color:#fff;font-weight:900;box-shadow:0 0 18px #0a7dff28}.cartButton span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#27e7ff;color:#001321;font-size:12px}
.cartActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cartActions button{width:100%}
.authPage,.accountPage,.cartPage{max-width:900px;margin:0 auto;padding:72px 5vw}.authCard,.accountCard,.cartCard{border:1px solid #0a68ff;border-radius:22px;padding:30px;background:linear-gradient(180deg,#071a35f2,#020916f2);box-shadow:0 0 40px #0077ff30}.authCard{max-width:540px;margin:0 auto}.authCard h1,.accountCard h1,.cartCard h1{font-size:42px;margin:12px 0}.authCard form{display:grid;gap:10px}.authCard label{font-weight:800}.authCard input{width:100%;padding:14px 15px;border:1px solid #0a68ff;border-radius:12px;background:#020b18;color:#fff}.authSwitch{width:100%;margin-top:12px}.muted{color:#91a9c7}
.accountInfo{padding:16px;border:1px solid #0a68ff55;border-radius:14px;background:#020b18;margin:18px 0}.accountActions{display:flex;gap:10px;margin-bottom:28px}.ordersList{display:grid;gap:10px}.ordersList article{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid #0a68ff55;border-radius:14px;background:#020b18}.ordersList article div{display:grid;gap:4px}.ordersList small{color:#89a8ca}
.cartItem{display:grid;grid-template-columns:1fr auto 110px 85px;gap:14px;align-items:center;padding:16px;border-bottom:1px solid #0a68ff33}.cartItem>div:first-child{display:grid;gap:5px}.cartItem small{color:#88a9cc}.qtyBox{display:flex;align-items:center;gap:8px}.qtyBox button,.removeCart{border:1px solid #0a68ff;background:#03142b;color:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.removeCart{font-size:11px}.cartTotal{display:flex;justify-content:space-between;padding:20px 16px;font-size:22px}.cartTotal b{color:#39eaff}.cartCheckout{width:100%;margin-top:8px}.emptyCart{text-align:center;padding:40px 10px;color:#8fa9c8}.emptyCart a{color:#38eaff}
.deliveryList{display:grid;gap:12px}.deliveryItem{padding:16px;border:1px solid #0a68ff55;border-radius:14px;background:#020b18;display:grid;gap:12px}.deliveryItem div{display:grid;gap:4px}.deliveryItem small{color:#88a9cc}.deliveryItem code{white-space:pre-wrap;overflow-wrap:anywhere;color:#61f2be;background:#00120e;padding:14px;border-radius:10px}
@media(max-width:760px){.cartItem{grid-template-columns:1fr auto}.cartItem strong{grid-column:1}.removeCart{grid-column:2}.headerActions .miniAction{display:none}}

.moonCursor{z-index:999999!important;pointer-events:none!important}

/* MoonStore V10 — Social Login */
.socialLogin{display:grid;gap:10px;margin:20px 0 16px}
.socialBtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;border-radius:12px;font-weight:900;text-decoration:none;transition:.18s ease}
.googleBtn{background:#fff;color:#172033;border:1px solid #dbe5f3}
.googleBtn:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(255,255,255,.14)}
.appleBtn{background:#050505;color:#fff;border:1px solid #454545}
.appleBtn:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(255,255,255,.10)}
.socialIcon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:15px;font-weight:1000}
.googleBtn .socialIcon{background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff}
.appleIcon{font-size:20px;line-height:1}
.authDivider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#7893b4;font-size:12px}
.authDivider:before,.authDivider:after{content:"";height:1px;background:#0a68ff44;flex:1}

/* MoonStore V10.1 — Discord Login */
.discordBtn{
  background:#5865F2;
  color:#fff;
  border:1px solid #7480ff;
}
.discordBtn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 22px rgba(88,101,242,.38);
}
.discordIcon{
  background:#fff;
  color:#5865F2;
  font-weight:1000;
}
