/* KiddoLearn V2 - style.css */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#030308;--p:#A855F7;--p2:#7C3AED;--b:#06B6D4;--g:#10B981;
  --y:#F59E0B;--pk:#EC4899;--r:#EF4444;--teal:#0F766E;
  --glass:rgba(255,255,255,0.05);--glass2:rgba(255,255,255,0.09);
  --bdr:rgba(255,255,255,0.08);--bdr2:rgba(255,255,255,0.18);
  --muted:rgba(255,255,255,0.55);--muted2:rgba(255,255,255,0.35)
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font-family:"Nunito Sans",sans-serif;overflow-x:hidden;min-height:100vh}
#bg3d{position:fixed;inset:0;z-index:0;pointer-events:none}
a{text-decoration:none;color:inherit}

/* ─── STRIP ─── */
.ustrip{position:fixed;top:0;left:0;right:0;z-index:700;height:36px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,#7C3AED,#A855F7,#EC4899,#A855F7,#7C3AED);background-size:300% 100%;
  animation:stripA 5s linear infinite;font-size:11px;font-weight:800;color:#fff;letter-spacing:.05em;text-align:center;padding:0 16px;white-space:nowrap;overflow:hidden}
@keyframes stripA{0%{background-position:0%}100%{background-position:300%}}

/* ─── NAV ─── */
nav{position:fixed;top:36px;left:0;right:0;z-index:600;height:60px;display:flex;align-items:center;
  padding:0 20px;gap:8px;background:rgba(3,3,8,.85);backdrop-filter:blur(40px) saturate(1.8);
  border-bottom:1px solid rgba(168,85,247,.15)}
.logo{font-family:"Fredoka One",cursive;font-size:22px;cursor:pointer;flex-shrink:0;
  background:linear-gradient(135deg,#F59E0B,#EC4899,#A855F7,#06B6D4);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nls{flex:1;display:flex;justify-content:center;gap:2px;flex-wrap:wrap}
.nl{background:none;border:none;color:var(--muted);font-size:11.5px;font-family:"Nunito",sans-serif;
  font-weight:700;padding:5px 9px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-block}
.nl:hover,.nl.on{color:#fff;background:rgba(168,85,247,.15);text-shadow:0 0 12px rgba(168,85,247,.5)}
.nav-right{display:flex;gap:7px;align-items:center;flex-shrink:0}
.nav-xp{display:none;align-items:center;gap:5px;background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.25);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800;color:#FCD34D}
.nav-streak{display:none;align-items:center;gap:4px;background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800;color:#FCA5A5}
.btn-login{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;
  font-family:"Nunito",sans-serif;font-weight:700;font-size:12px;padding:7px 14px;border-radius:20px;cursor:pointer;transition:all .22s}
.btn-login:hover{background:rgba(255,255,255,.13)}
.btn-pro{background:linear-gradient(135deg,#F59E0B,#EC4899);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:12px;padding:8px 16px;border-radius:22px;cursor:pointer;
  box-shadow:0 0 20px rgba(245,158,11,.4);transition:all .25s;white-space:nowrap;display:none}
.btn-pro:hover{transform:scale(1.06)}
.nav-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#06B6D4);
  display:none;align-items:center;justify-content:center;font-size:15px;cursor:pointer;
  border:2px solid rgba(168,85,247,.5);font-weight:800;font-family:"Nunito",sans-serif}
.av-wrap{position:relative}
.av-menu{position:absolute;top:calc(100% + 8px);right:0;background:rgba(7,7,26,.97);
  border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:8px;min-width:185px;
  backdrop-filter:blur(32px);box-shadow:0 12px 36px rgba(0,0,0,.5);display:none;z-index:900}
.av-menu.show{display:block;animation:mslide .3s cubic-bezier(.22,1,.36,1) both}
.av-item{padding:10px 14px;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;
  transition:background .2s;color:rgba(255,255,255,.82)}
.av-item:hover{background:rgba(168,85,247,.15);color:#fff}

/* ─── PAGE WRAPPER ─── */
.page-wrap{padding-top:96px;min-height:100vh;position:relative;z-index:10}

/* ─── ORBs (hero bg) ─── */
.orb{position:absolute;border-radius:50%;pointer-events:none}
.orb1{top:-5%;left:-10%;width:56vw;height:56vw;max-width:680px;max-height:680px;
  background:radial-gradient(circle,rgba(168,85,247,.16),transparent 65%);animation:of1 9s ease-in-out infinite}
.orb2{bottom:-8%;right:-8%;width:50vw;height:50vw;max-width:600px;max-height:600px;
  background:radial-gradient(circle,rgba(6,182,212,.13),transparent 65%);animation:of2 12s ease-in-out infinite}
.orb3{top:30%;left:42%;width:28vw;height:28vw;max-width:380px;max-height:380px;
  background:radial-gradient(circle,rgba(245,158,11,.09),transparent 70%);animation:of3 7s ease-in-out infinite}
@keyframes of1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-36px) scale(1.08)}}
@keyframes of2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-22px,32px) scale(1.06)}}
@keyframes of3{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-18px)}}

/* ─── HERO ─── */
.hero{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:50px 20px 32px;text-align:center;position:relative;overflow:hidden}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(168,85,247,.12);
  border:1px solid rgba(168,85,247,.3);color:#C084FC;font-size:12px;font-weight:700;
  padding:6px 16px;border-radius:30px;margin-bottom:22px;letter-spacing:.05em}
.bdot{width:7px;height:7px;border-radius:50%;background:#A855F7;box-shadow:0 0 10px #A855F7;animation:bdot 2s ease-in-out infinite}
@keyframes bdot{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
.hero h1{font-family:"Fredoka One",cursive;font-size:clamp(36px,7vw,72px);line-height:1.1;margin-bottom:18px}
.h1a{display:block;color:#fff}
.h1b{display:block;background:linear-gradient(135deg,#F59E0B 0%,#EC4899 40%,#A855F7 70%,#06B6D4 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 28px rgba(168,85,247,.3))}
.hero-sub{font-size:clamp(14px,2.2vw,19px);color:var(--muted);max-width:580px;margin:0 auto 34px;line-height:1.82}
.hero-sub strong{color:#fff;font-weight:700}
.hbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.tri{font-size:12px;color:var(--muted)}
.tri strong{color:#fff}

/* ─── BUTTONS ─── */
.btn-primary{background:linear-gradient(135deg,#A855F7,#7C3AED);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;padding:14px 30px;border-radius:50px;cursor:pointer;
  box-shadow:0 0 36px rgba(168,85,247,.5),0 8px 22px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s}
.btn-primary:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 0 56px rgba(168,85,247,.7)}
.btn-gold{background:linear-gradient(135deg,#F59E0B,#D97706);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;padding:14px 28px;border-radius:50px;cursor:pointer;
  box-shadow:0 0 36px rgba(245,158,11,.5);transition:all .3s}
.btn-gold:hover{transform:translateY(-3px) scale(1.04)}
.btn-ghost{background:rgba(255,255,255,.06);border:1.5px solid var(--bdr2);color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;padding:14px 28px;border-radius:50px;cursor:pointer;transition:all .3s}
.btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.btn-xl{background:linear-gradient(135deg,#F59E0B,#EC4899);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;padding:16px 38px;border-radius:50px;cursor:pointer;
  box-shadow:0 0 36px rgba(245,158,11,.5),0 8px 26px rgba(0,0,0,.3);transition:all .3s}
.btn-xl:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 56px rgba(245,158,11,.7)}
.btn-cyan{background:linear-gradient(135deg,#06B6D4,#0891B2);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:14px;padding:13px 26px;border-radius:40px;cursor:pointer;transition:all .3s}
.btn-cyan:hover{transform:translateY(-3px)}
.btn-amz{background:linear-gradient(135deg,#F59E0B,#D97706);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:12.5px;padding:11px 20px;border-radius:24px;cursor:pointer;
  box-shadow:0 5px 18px rgba(245,158,11,.4);transition:all .27s;white-space:nowrap}
.btn-amz:hover{transform:scale(1.06) translateY(-2px)}
.btn-back{background:rgba(255,255,255,.07);border:1px solid var(--bdr);color:rgba(255,255,255,.8);
  font-size:12.5px;font-family:"Nunito",sans-serif;font-weight:700;padding:9px 18px;border-radius:20px;cursor:pointer;
  transition:all .22s;display:inline-flex;align-items:center;gap:6px}
.btn-back:hover{background:rgba(255,255,255,.13);color:#fff}
.scarcity{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#FCA5A5;font-weight:700;
  background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);padding:6px 14px;border-radius:20px}
.scarcity::before{content:"";width:6px;height:6px;border-radius:50%;background:#EF4444;
  box-shadow:0 0 8px #EF4444;animation:bdot 1.4s ease-in-out infinite}

/* ─── SECTION ─── */
.sec{max-width:980px;margin:0 auto;padding:52px 20px}
.sec-sm{max-width:980px;margin:0 auto;padding:32px 20px}
.slabel{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.stitle{font-family:"Fredoka One",cursive;font-size:clamp(22px,4vw,38px);margin-bottom:10px}
.ssub{font-size:14px;color:var(--muted);margin-bottom:30px;line-height:1.82;max-width:620px}

/* ─── GLASS CARD ─── */
.gc{background:var(--glass);backdrop-filter:blur(24px) saturate(1.8);border:1px solid var(--bdr);border-radius:22px;
  transition:all .35s;position:relative;overflow:hidden}
.gc::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 55%);pointer-events:none}
.gc:hover{background:var(--glass2);border-color:rgba(168,85,247,.3);box-shadow:0 8px 40px rgba(168,85,247,.15),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-4px)}

/* ─── AGE SELECTOR ─── */
.age-sel{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr);border-radius:26px;padding:22px;margin-bottom:36px}
.age-lbl{font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;margin-bottom:14px;text-align:center}
.age-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.age-btn{background:rgba(255,255,255,.06);border:1.5px solid var(--bdr);color:var(--muted);
  font-family:"Nunito",sans-serif;font-weight:800;font-size:13px;padding:10px 22px;border-radius:20px;
  cursor:pointer;transition:all .25s}
.age-btn.on{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.45);color:#fff;box-shadow:0 0 20px rgba(168,85,247,.2)}
.age-btn:hover{border-color:rgba(168,85,247,.3);color:#fff}

/* ─── MODULE BUBBLE ZONE ─── */
.bzone{position:relative;width:100%;height:180px;perspective:900px;overflow:hidden;margin:14px 0 0}
.bub{position:absolute;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;cursor:pointer;transform-style:preserve-3d;backdrop-filter:blur(16px);transition:filter .3s,transform .2s}
.bub:hover{filter:brightness(1.5) saturate(1.4);z-index:20;transform:scale(1.18) !important}
.bub-emoji{font-size:30px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.bub-lbl{font-family:"Nunito",sans-serif;font-weight:800;font-size:11px;color:#fff}
@keyframes ba{0%,100%{transform:translateY(0) rotateX(8deg) rotateY(-5deg)}45%{transform:translateY(-22px) rotateX(-5deg) rotateY(14deg)}}
@keyframes bb{0%,100%{transform:translateY(-9px) rotateX(-5deg) rotateY(8deg)}45%{transform:translateY(-26px) rotateX(11deg) rotateY(-6deg)}}
@keyframes bc{0%,100%{transform:translateY(-4px) rotateX(10deg) rotateY(5deg)}45%{transform:translateY(-22px) rotateX(-8deg) rotateY(-11deg)}}

/* ─── MODULE GRID ─── */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
@media(max-width:520px){.mgrid{grid-template-columns:repeat(2,1fr)}}
.mc{border-radius:24px;padding:22px 14px 18px;text-align:center;cursor:pointer;background:var(--glass);
  backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--bdr);transition:all .38s;
  position:relative;overflow:hidden;text-decoration:none;display:block;color:#fff}
.mc::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 55%);pointer-events:none}
.mc.locked{opacity:.55;cursor:default}
.mc.locked::after{content:"🔒 Locked";position:absolute;top:9px;right:10px;font-size:10px;background:rgba(0,0,0,.6);
  color:var(--muted);padding:3px 9px;border-radius:10px}
.mc:not(.locked):hover{background:var(--glass2);border-color:rgba(168,85,247,.35);
  box-shadow:0 18px 48px rgba(168,85,247,.2);transform:translateY(-9px) scale(1.04)}
.mc-em{font-size:40px;display:block;margin-bottom:10px;animation:mflt 3.5s ease-in-out infinite;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
@keyframes mflt{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-11px) scale(1.05)}}
.mc-nm{font-family:"Nunito",sans-serif;font-weight:800;font-size:14px;display:block;margin-bottom:4px}
.mc-desc{font-size:11px;color:var(--muted);display:block;margin-bottom:9px}
.tag{display:inline-block;font-size:9.5px;font-weight:700;padding:3px 10px;border-radius:10px}
.tag-free{background:rgba(16,185,129,.14);color:#34D399;border:1px solid rgba(16,185,129,.25)}
.tag-normal{background:rgba(6,182,212,.14);color:#67E8F9;border:1px solid rgba(6,182,212,.25)}
.tag-pro{background:rgba(245,158,11,.14);color:#FCD34D;border:1px solid rgba(245,158,11,.25)}
.mc-prog{height:3px;background:rgba(255,255,255,.07);border-radius:2px;margin-top:9px;overflow:hidden}
.mc-prog-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#A855F7,#06B6D4);transition:width .6s}

/* ─── MODULE PLAYER ─── */
.mod-hero{width:100%;border-radius:30px;padding:36px 20px 28px;margin-bottom:18px;text-align:center;
  backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(168,85,247,.2);position:relative;overflow:hidden}
.mod-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}
.mod-emoji-lg{font-size:92px;display:inline-block;position:relative;z-index:1;
  animation:mspin 5s ease-in-out infinite;filter:drop-shadow(0 18px 36px rgba(0,0,0,.6))}
@keyframes mspin{0%{transform:rotateY(0) rotateX(10deg)}25%{transform:rotateY(90deg) rotateX(-4deg)}
  50%{transform:rotateY(180deg) rotateX(10deg)}75%{transform:rotateY(270deg) rotateX(-4deg)}100%{transform:rotateY(360deg) rotateX(10deg)}}
.mod-title-lg{font-family:"Fredoka One",cursive;font-size:28px;margin-top:10px;position:relative;z-index:1}
.mod-sub-lg{font-size:13px;color:var(--muted);margin-top:4px;position:relative;z-index:1}
.xp-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:rgba(245,158,11,.14);
  border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:4px 12px;font-size:11px;font-weight:700;color:#FCD34D;position:relative;z-index:1}
.vbtn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 18px;border:1.5px solid rgba(168,85,247,.35);
  border-radius:50px;padding:14px 26px;font-family:"Nunito",sans-serif;font-weight:800;font-size:14px;cursor:pointer;
  transition:all .3s;max-width:380px;width:100%;background:rgba(168,85,247,.12);color:#C084FC}
.vbtn.on{animation:vpulse 1.5s ease-in-out infinite}
@keyframes vpulse{0%,100%{box-shadow:0 0 20px rgba(168,85,247,.3)}50%{box-shadow:0 0 40px rgba(168,85,247,.6)}}
.vwave{display:none;gap:3px;align-items:center}
.vbtn.on .vwave{display:inline-flex}
.vwave span{width:3.5px;border-radius:2px;background:#C084FC;animation:wv .75s ease-in-out infinite}
.vwave span:nth-child(2){height:15px;animation-delay:.1s}.vwave span:nth-child(3){height:11px;animation-delay:.2s}
.vwave span:nth-child(4){height:20px;animation-delay:.15s}.vwave span:nth-child(5){height:9px;animation-delay:.05s}
@keyframes wv{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:20px}
.fc{border-radius:16px;padding:13px 7px;text-align:center;cursor:pointer;background:var(--glass);
  backdrop-filter:blur(16px);border:1px solid var(--bdr);transition:all .35s;position:relative;overflow:hidden}
.fc::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 50%);pointer-events:none}
.fc:hover{transform:scale(1.12) rotateY(10deg) translateY(-5px);border-color:rgba(168,85,247,.4);background:var(--glass2)}
.fc-em{font-size:26px;display:block;margin-bottom:5px}
.fc-nm{font-family:"Nunito",sans-serif;font-weight:800;font-size:11.5px;display:block;margin-bottom:2px}
.fc-hi{font-size:10px;color:var(--muted);display:block;margin-bottom:2px}
.fc-ft{font-size:9.5px;color:rgba(168,85,247,.7);display:block}
.quiz-box{border-radius:22px;padding:24px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr);margin-bottom:18px}
.quiz-q{font-family:"Nunito",sans-serif;font-weight:800;font-size:16px;margin-bottom:16px}
.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.qopt{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;
  font-family:"Nunito",sans-serif;font-weight:700;font-size:13px;padding:13px 9px;border-radius:13px;cursor:pointer;transition:all .22s;text-align:center}
.qopt:hover{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.45)}
.qopt.ok{background:rgba(16,185,129,.2);border-color:#10B981;color:#34D399;pointer-events:none}
.qopt.no{background:rgba(239,68,68,.18);border-color:#EF4444;color:#FCA5A5;pointer-events:none}
.qopt:disabled{pointer-events:none}
.quiz-result{margin-top:14px;text-align:center;padding:13px;border-radius:13px;font-family:"Nunito",sans-serif;font-weight:800;font-size:14px}
.quiz-result.ok{background:rgba(16,185,129,.15);color:#34D399;border:1px solid rgba(16,185,129,.25)}
.quiz-result.no{background:rgba(239,68,68,.12);color:#FCA5A5;border:1px solid rgba(239,68,68,.25)}
.amz-box{border-radius:22px;padding:18px;border:1px solid rgba(245,158,11,.25);
  background:linear-gradient(135deg,rgba(245,158,11,.09),rgba(236,72,153,.06));backdrop-filter:blur(16px);
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.complete-banner{border-radius:24px;padding:28px;text-align:center;background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(6,182,212,.1));
  border:1px solid rgba(16,185,129,.35);margin-bottom:18px;display:none}

/* ─── PLAN CARDS ─── */
.pgrid{display:grid;grid-template-columns:1fr 1.05fr 1.12fr;gap:14px;max-width:760px;margin:0 auto 30px}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}}
.pc{border-radius:26px;padding:26px 22px;border:1px solid var(--bdr);background:var(--glass);backdrop-filter:blur(20px);position:relative}
.pc::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);border-radius:inherit;pointer-events:none}
.pc.hot{border-color:rgba(245,158,11,.4);background:linear-gradient(145deg,rgba(168,85,247,.1),rgba(245,158,11,.08));box-shadow:0 0 44px rgba(245,158,11,.1)}
.pop-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#F59E0B,#EC4899);
  color:#fff;font-size:10px;font-weight:800;padding:5px 18px;border-radius:14px;white-space:nowrap;box-shadow:0 5px 14px rgba(245,158,11,.4)}
.pc-name{font-family:"Fredoka One",cursive;font-size:22px;margin-bottom:7px}
.pc-price{font-family:"Fredoka One",cursive;font-size:46px;line-height:1;margin-bottom:4px}
.pc-per{font-size:11px;color:var(--muted);margin-bottom:18px}
.feat-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.feat-list li{font-size:12.5px;display:flex;align-items:flex-start;gap:7px;color:rgba(255,255,255,.84)}
.feat-list li::before{content:"✓";color:#34D399;font-weight:900;flex-shrink:0}
.feat-list li.x{color:rgba(255,255,255,.27)}.feat-list li.x::before{content:"✗";color:rgba(255,255,255,.2)}
.btn-plan{width:100%;padding:14px;border-radius:22px;border:none;font-family:"Nunito",sans-serif;font-weight:800;font-size:13.5px;cursor:pointer;transition:all .28s}
.bp-free{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.18)}.bp-free:hover{background:rgba(255,255,255,.16)}
.bp-norm{background:linear-gradient(135deg,#06B6D4,#10B981);color:#031a14}
.bp-pro{background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;box-shadow:0 5px 20px rgba(245,158,11,.35)}.bp-pro:hover{transform:scale(1.03)}

/* ─── SHOP ─── */
.shopgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}
.spc{border-radius:22px;overflow:hidden;border:1px solid var(--bdr);background:var(--glass);backdrop-filter:blur(20px);transition:all .38s}
.spc:hover{transform:translateY(-8px) scale(1.03);border-color:rgba(245,158,11,.35)}
.spi{height:112px;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative}
.spi::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 50%)}
.spb{padding:14px}
.sp-nm{font-family:"Nunito",sans-serif;font-weight:800;font-size:13.5px;margin-bottom:3px}
.sp-age{font-size:10px;color:var(--muted);margin-bottom:5px}
.sp-desc{font-size:11.5px;color:rgba(255,255,255,.6);margin-bottom:10px;line-height:1.55}
.sp-price{font-size:17px;font-weight:800;color:#FCD34D;margin-bottom:10px;text-shadow:0 0 12px rgba(245,158,11,.3)}

/* ─── BLOG ─── */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.bc{border-radius:22px;overflow:hidden;border:1px solid var(--bdr);background:var(--glass);backdrop-filter:blur(20px);transition:all .35s;cursor:pointer}
.bc:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.28)}
.bc-img{height:96px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative}
.bc-img::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%)}
.bc-body{padding:16px}
.bc-tag{font-size:10px;font-weight:700;color:#67E8F9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.bc-title{font-family:"Nunito",sans-serif;font-weight:800;font-size:14px;margin-bottom:7px;line-height:1.45}
.bc-exc{font-size:11.5px;color:var(--muted);line-height:1.65;margin-bottom:8px}
.bc-meta{font-size:10px;color:rgba(255,255,255,.28)}

/* ─── DASHBOARD ─── */
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:22px}
.dash-card{border-radius:24px;padding:24px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr)}
.dash-title{font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;margin-bottom:16px;display:flex;align-items:center;gap:7px}
.child-hdr{border-radius:26px;padding:26px;background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(245,158,11,.1));
  border:1px solid rgba(168,85,247,.25);margin-bottom:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.child-av{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#06B6D4);
  display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;
  box-shadow:0 0 28px rgba(168,85,247,.4);position:relative;font-weight:800;font-family:"Nunito",sans-serif}
.lv-badge{position:absolute;bottom:-5px;right:-5px;background:linear-gradient(135deg,#F59E0B,#D97706);
  border-radius:10px;padding:2px 8px;font-size:9px;font-weight:800;color:#fff;border:2px solid var(--bg)}
.child-name{font-family:"Fredoka One",cursive;font-size:22px;margin-bottom:3px}
.child-plan{font-size:12px;color:var(--muted);margin-bottom:10px}
.xp-wrap{width:200px;flex-shrink:0}
.xp-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px}
.xp-track{height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.xp-fill{height:100%;background:linear-gradient(90deg,#A855F7,#F59E0B);border-radius:4px;transition:width .8s}
.prog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.pm{border-radius:16px;padding:13px 8px;text-align:center;background:rgba(255,255,255,.04);
  border:1px solid var(--bdr);transition:all .3s;cursor:pointer;position:relative;text-decoration:none;display:block;color:#fff}
.pm:hover{background:var(--glass);border-color:rgba(168,85,247,.25);transform:translateY(-3px)}
.pm-em{font-size:26px;display:block;margin-bottom:5px}
.pm-nm{font-size:10px;font-weight:700;display:block;margin-bottom:6px}
.pm-bar{width:100%;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.pm-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#A855F7,#06B6D4)}
.pm-badge{position:absolute;top:4px;right:6px;font-size:12px}
.pm.done{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.05)}
.pm.lk{opacity:.4}
.rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rs-item{border-radius:16px;padding:16px;background:rgba(255,255,255,.04);border:1px solid var(--bdr)}
.rs-lbl{font-size:11.5px;color:var(--muted);margin-bottom:8px}
.rs-pct{font-family:"Fredoka One",cursive;font-size:28px;margin-bottom:6px}
.rs-bar{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.rs-fill{height:100%;border-radius:3px}
.streak-cal{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:14px}
.sc-d{width:14px;height:14px;border-radius:3px;background:rgba(255,255,255,.06)}
.sc-d.on{background:#10B981;box-shadow:0 0 6px rgba(16,185,129,.5)}
.sc-d.today{outline:2px solid #A855F7;outline-offset:1px}
.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px}
.stk{border-radius:16px;padding:12px 6px;text-align:center;background:rgba(255,255,255,.04);
  border:2px solid var(--bdr);transition:all .3s;position:relative}
.stk.earned{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.35);box-shadow:0 0 16px rgba(245,158,11,.14)}
.stk.lk{opacity:.25;filter:grayscale(1)}
.stk-em{font-size:28px;display:block;margin-bottom:4px}
.stk-lbl{font-size:9px;font-weight:700;color:var(--muted);display:block}
.stk-check{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:#10B981;
  border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--bg);box-shadow:0 0 8px rgba(16,185,129,.5)}
.cert-card{border-radius:22px;padding:22px;border:1px solid rgba(245,158,11,.35);
  background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(236,72,153,.08));text-align:center;position:relative;overflow:hidden}
.insight-item{border-radius:15px;padding:13px 16px;display:flex;gap:10px;align-items:flex-start;
  margin-bottom:9px;background:rgba(255,255,255,.04);border:1px solid var(--bdr)}
.insight-icon{font-size:22px;flex-shrink:0;margin-top:1px}
.insight-text{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.62}
.act-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.act-item:last-child{border-bottom:none}
.act-icon{font-size:22px;flex-shrink:0}
.act-body{flex:1}
.act-title{font-size:13px;font-weight:700;margin-bottom:2px}
.act-time{font-size:11px;color:var(--muted)}
.act-score{font-size:12px;font-weight:700;color:#34D399}

/* ─── FAQ ─── */
.faq{border-radius:16px;border:1px solid var(--bdr);background:var(--glass);backdrop-filter:blur(16px);margin-bottom:8px;overflow:hidden}
.faq-q{font-family:"Nunito",sans-serif;font-weight:800;font-size:14px;padding:17px 20px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background .22s}
.faq-q:hover{background:var(--glass2)}
.faq-a{font-size:13px;color:var(--muted);line-height:1.78;padding:0 20px;max-height:0;overflow:hidden;transition:all .35s}
.faq.open .faq-a{padding:0 20px 17px;max-height:220px}
.faq-arrow{transition:transform .3s;font-size:12px;color:var(--muted)}
.faq.open .faq-arrow{transform:rotate(180deg)}

/* ─── CONTACT ─── */
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}
@media(max-width:640px){.contact-grid{grid-template-columns:1fr}}
.fi{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;
  font-family:"Nunito Sans",sans-serif;font-size:14px;padding:12px 16px;border-radius:14px;outline:none;
  transition:all .25s;width:100%}
.fi:focus{border-color:rgba(168,85,247,.5);background:rgba(168,85,247,.08);box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.fi::placeholder{color:rgba(255,255,255,.28)}
textarea.fi{height:110px;resize:vertical}
select.fi{cursor:pointer}
.btn-send{background:linear-gradient(135deg,#A855F7,#06B6D4);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;padding:14px;border-radius:22px;cursor:pointer;
  box-shadow:0 6px 22px rgba(168,85,247,.35);width:100%;transition:all .3s}
.btn-send:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(168,85,247,.5)}

/* ─── LOGIN MODAL ─── */
.overlay{position:fixed;inset:0;z-index:800;display:none;align-items:center;justify-content:center;
  background:rgba(3,3,8,.9);backdrop-filter:blur(20px);padding:20px}
.overlay.show{display:flex;animation:ovin .35s ease both}
@keyframes ovin{from{opacity:0}to{opacity:1}}
.modal-box{border-radius:32px;padding:36px 32px;max-width:480px;width:100%;position:relative;
  background:rgba(7,7,26,.97);backdrop-filter:blur(40px);border:1px solid rgba(168,85,247,.28);
  box-shadow:0 0 60px rgba(168,85,247,.2),inset 0 1px 0 rgba(255,255,255,.08);animation:mslide .4s cubic-bezier(.22,1,.36,1) both}
@keyframes mslide{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-x{position:absolute;top:16px;right:18px;background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.6);
  font-size:16px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}
.modal-x:hover{background:rgba(255,255,255,.16);color:#fff}
.modal-icon{font-size:48px;text-align:center;margin-bottom:4px}
.modal-title{font-family:"Fredoka One",cursive;font-size:26px;text-align:center;margin-bottom:6px;
  background:linear-gradient(135deg,#F59E0B,#EC4899,#A855F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.modal-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:20px;line-height:1.68}
.modal-perks{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.18);border-radius:14px;
  padding:12px 16px;margin-bottom:22px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.modal-perks span{font-size:11px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:4px}
.modal-perks span::before{content:"✓";color:#34D399;font-weight:900;font-size:12px}
.auth-tabs{display:flex;background:rgba(255,255,255,.05);border-radius:14px;padding:4px;gap:3px;margin-bottom:20px}
.atab{flex:1;padding:9px 5px;border-radius:11px;border:none;background:transparent;color:var(--muted);
  font-family:"Nunito",sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:all .25s;text-align:center}
.atab.on{background:rgba(168,85,247,.2);color:#fff;border:1px solid rgba(168,85,247,.3)}
.aform{display:none;flex-direction:column;gap:12px}
.aform.show{display:flex}
.otp-row{display:flex;gap:8px;justify-content:center}
.otp-i{width:44px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);
  color:#fff;font-size:20px;font-weight:800;text-align:center;outline:none;transition:all .22s;font-family:"Nunito",sans-serif}
.otp-i:focus{border-color:rgba(168,85,247,.6);background:rgba(168,85,247,.1)}
.btn-auth{background:linear-gradient(135deg,#A855F7,#7C3AED);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:14.5px;padding:15px;border-radius:20px;cursor:pointer;
  box-shadow:0 5px 18px rgba(168,85,247,.4),inset 0 1px 0 rgba(255,255,255,.15);width:100%;transition:all .3s}
.btn-auth:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(168,85,247,.55)}
.btn-google{background:rgba(255,255,255,.95);border:none;color:#1a1a1a;font-family:"Nunito",sans-serif;font-weight:800;
  font-size:14.5px;padding:15px;border-radius:20px;cursor:pointer;transition:all .3s;
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.btn-google:hover{transform:translateY(-2px)}
.g-svg{width:20px;height:20px}
.or-div{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.25);font-size:12px}
.or-div::before,.or-div::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.modal-terms{font-size:10.5px;color:rgba(255,255,255,.28);text-align:center;margin-top:4px;line-height:1.6}
.switch-txt{font-size:12px;text-align:center;color:var(--muted);margin-top:10px}
.switch-txt a{color:#C084FC;cursor:pointer;font-weight:700}
.sv{display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0}
.sv.show{display:flex}
.sv-icon{font-size:64px;animation:svpop .5s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 0 20px rgba(16,185,129,.5))}
@keyframes svpop{from{transform:scale(0)}to{transform:scale(1)}}

/* ─── ADMIN ─── */
.admin-ov{position:fixed;inset:0;z-index:900;display:none;flex-direction:column;
  background:rgba(3,3,8,.98);backdrop-filter:blur(40px);overflow-y:auto;padding:28px}
.admin-ov.show{display:flex}
.admin-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;flex-wrap:wrap;gap:12px}
.admin-title{font-family:"Fredoka One",cursive;font-size:28px;background:linear-gradient(135deg,#A855F7,#06B6D4);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.met-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;margin-bottom:24px}
.met{border-radius:20px;padding:18px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr);transition:all .3s}
.met:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.3)}
.met-icon{font-size:26px;margin-bottom:9px}
.met-val{font-family:"Fredoka One",cursive;font-size:36px;margin-bottom:4px}
.met-lbl{font-size:12px;color:var(--muted)}
.adm-box{border-radius:18px;padding:20px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr);margin-bottom:14px}
.adm-box-title{font-family:"Nunito",sans-serif;font-weight:800;font-size:15px;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ltbl{width:100%;border-collapse:collapse;font-size:12px}
.ltbl th{text-align:left;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.ltbl td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.82)}
.ltbl tr:hover td{background:rgba(168,85,247,.04)}
.ltbl tr:last-child td{border-bottom:none}
.bmod{background:rgba(168,85,247,.14);color:#C084FC;border:1px solid rgba(168,85,247,.24);padding:2px 9px;border-radius:8px;font-size:10px;font-weight:700}
.bupg{background:rgba(245,158,11,.14);color:#FCD34D;border:1px solid rgba(245,158,11,.24);padding:2px 9px;border-radius:8px;font-size:10px;font-weight:700}
.bar-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.bar-lbl{font-size:11.5px;width:90px;flex-shrink:0;color:var(--muted)}
.bar-track{flex:1;height:7px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}
.bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#A855F7,#06B6D4);transition:width 1s ease}
.bar-cnt{font-size:11px;color:var(--muted);width:24px;text-align:right}
.cfg-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.cfg-row .fi{flex:1}
.btn-cfg{background:linear-gradient(135deg,#A855F7,#7C3AED);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:700;font-size:12px;padding:12px 16px;border-radius:13px;cursor:pointer;white-space:nowrap}
.btn-adm-x{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#FCA5A5;
  font-family:"Nunito",sans-serif;font-weight:700;font-size:12.5px;padding:9px 18px;border-radius:18px;cursor:pointer}
.btn-exp{background:linear-gradient(135deg,#10B981,#059669);border:none;color:#fff;
  font-family:"Nunito",sans-serif;font-weight:700;font-size:12px;padding:9px 17px;border-radius:15px;cursor:pointer}

/* ─── TESTIMONIALS ─── */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.tc{border-radius:22px;padding:24px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr);position:relative;overflow:hidden;transition:all .35s}
.tc::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 55%);pointer-events:none}
.tc:hover{transform:translateY(-5px)}
.tc-bar{position:absolute;top:0;left:0;right:0;height:3px}
.tc-stars{color:#F59E0B;font-size:15px;margin-bottom:12px;letter-spacing:2px}
.tc-text{font-size:13.5px;color:rgba(255,255,255,.8);line-height:1.78;margin-bottom:16px;font-style:italic}
.tc-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 18px rgba(168,85,247,.3)}
.tc-name{font-family:"Nunito",sans-serif;font-weight:800;font-size:13px}
.tc-loc{font-size:11px;color:var(--muted)}
.tc-plan{display:inline-block;background:rgba(16,185,129,.13);border:1px solid rgba(16,185,129,.24);
  color:#34D399;font-size:9px;font-weight:700;padding:2px 9px;border-radius:7px;margin-top:3px}

/* ─── STATS ─── */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-bottom:52px}
.stat-card{border-radius:20px;padding:22px 14px;text-align:center;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--bdr);transition:all .35s}
.stat-card:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.3)}
.stat-val{font-family:"Fredoka One",cursive;font-size:44px;margin-bottom:5px}
.stat-lbl{font-size:12px;color:var(--muted)}

/* ─── XP POPUP ─── */
.xp-popup{position:fixed;top:108px;right:18px;background:rgba(245,158,11,.95);color:#1a0800;
  font-family:"Nunito",sans-serif;font-weight:800;font-size:14px;padding:10px 20px;border-radius:20px;
  z-index:8000;pointer-events:none;display:none;box-shadow:0 8px 24px rgba(245,158,11,.5)}
.xp-popup.show{display:block;animation:xppop .4s cubic-bezier(.22,1,.36,1) both}
@keyframes xppop{from{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* ─── TOAST ─── */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);
  background:rgba(7,7,26,.97);border:1px solid rgba(168,85,247,.3);backdrop-filter:blur(32px);
  color:#fff;font-size:14px;font-weight:700;padding:13px 28px;border-radius:50px;
  z-index:9999;transition:transform .44s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap;pointer-events:none;
  box-shadow:0 10px 38px rgba(0,0,0,.5),0 0 28px rgba(168,85,247,.2)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ─── PRINT: CERTIFICATE ─── */
@media print{
  body{background:#fff!important}
  .no-print{display:none!important}
  .cert-print{display:block!important}
}
.cert-print{display:none;text-align:center;font-family:Arial,sans-serif;padding:40px;
  background:#fff;color:#111;max-width:700px;margin:30px auto;border:3px solid #A855F7;border-radius:16px}
.cert-print h2{font-size:36px;font-weight:900;margin:10px 0 5px}
.cert-print h3{font-size:24px;color:#A855F7;margin:8px 0}

/* ─── FOOTER ─── */
footer{background:rgba(0,0,0,.5);border-top:1px solid rgba(168,85,247,.1);padding:44px 20px;margin-top:24px}
.f-inner{max-width:980px;margin:0 auto}
.f-logo{font-family:"Fredoka One",cursive;font-size:22px;margin-bottom:12px;cursor:pointer;
  background:linear-gradient(120deg,#F59E0B,#EC4899,#A855F7,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.f-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.f-links a{font-size:12.5px;color:rgba(255,255,255,.38);transition:color .2s;text-decoration:none}
.f-links a:hover{color:rgba(255,255,255,.88)}
.f-copy{font-size:11px;color:rgba(255,255,255,.2);margin-bottom:5px}
.f-disc{font-size:10px;color:rgba(255,255,255,.16);max-width:540px;line-height:1.7;margin-bottom:12px}
.f-pay{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.f-pay-lbl{font-size:11px;color:rgba(255,255,255,.3)}
.f-pay-b{font-size:10.5px;font-weight:700;padding:4px 12px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5)}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}
::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:3px}

/* ─── RESPONSIVE ─── */
@media(max-width:768px){
  .nls .nl:nth-child(n+6){display:none}
  .pgrid{grid-template-columns:1fr!important}
  .contact-grid{grid-template-columns:1fr!important}
  .mgrid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:480px){
  .hero h1{font-size:32px}
  .mgrid{grid-template-columns:repeat(2,1fr)!important}
  .btn-xl{font-size:14px;padding:14px 28px}
}