/* STARS */
#stars{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle ease-in-out infinite;}

/* NAV */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  padding:10px 20px;display:flex;align-items:center;justify-content:space-between;
  background:rgba(6,4,10,.9);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,107,26,.2);
}
.nav-brand{font-family:'Bangers',Impact,'Arial Black',sans-serif;font-size:1.3rem;letter-spacing:3px;color:#fff;text-decoration:none;}
.nav-brand em{color:var(--orange);font-style:normal;}
.nav-links{display:flex;gap:16px;flex-wrap:wrap;}
.nav-a{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;}
.nav-a:hover{color:var(--orange);}

/* FOOTER */
footer{position:relative;z-index:1;background:#030208;border-top:1px solid rgba(255,107,26,.15);padding:36px 16px;text-align:center;}
.ft{font-family:'Bangers',Impact,'Arial Black',sans-serif;font-size:1.6rem;letter-spacing:3px;margin-bottom:4px;}
.ft-sub{color:rgba(255,255,255,.3);font-size:.82rem;margin-bottom:14px;}
.socials{display:flex;gap:10px;justify-content:center;margin-bottom:14px;flex-wrap:wrap;}
.soc{width:36px;height:36px;border-radius:50%;background:rgba(255,107,26,.08);border:1px solid rgba(255,107,26,.25);display:flex;align-items:center;justify-content:center;font-size:.95rem;text-decoration:none;color:var(--orange);transition:all .3s;}
.soc:hover{background:var(--orange);color:#fff;transform:scale(1.15);}
.ft-copy{color:rgba(255,255,255,.22);font-size:.75rem;}


/* Auto-extracted inline styles */
.content-wrap {
    max-width:900px;
    margin:0 auto;
    padding:0 clamp(12px,4vw,40px) 60px;
}

.badge-purple-muted {
    background:rgba(155,48,255,.08);
    color:#C880FF;
    border:1px solid rgba(155,48,255,.25);
}

.grid-auto-features {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
    gap:16px;
    margin-top:24px;
}

.card-feature-purple {
    background:rgba(155,48,255,.07);
    border:1.5px solid rgba(155,48,255,.2);
    border-radius:18px;
    padding:22px 18px;
    text-align:center;
}

.icon-feature-giant {
    font-size:2.5rem;
    margin-bottom:10px;
}

.title-feature-yellow {
    font-family:'Bangers',Impact,'Arial Black',sans-serif;
    font-size:1.4rem;
    letter-spacing:2px;
    color:var(--kids-yellow);
    margin-bottom:6px;
}

.desc-feature-muted {
    color:rgba(255,255,255,.65);
    font-size:.88rem;
    line-height:1.6;
}

.card-feature-gold {
    background:rgba(255,107,26,.07);
    border:1.5px solid rgba(255,107,26,.2);
    border-radius:18px;
    padding:22px 18px;
    text-align:center;
}

.title-feature-gold {
    font-family:'Bangers',Impact,'Arial Black',sans-serif;
    font-size:1.4rem;
    letter-spacing:2px;
    color:var(--gold);
    margin-bottom:6px;
}

.card-feature-green {
    background:rgba(0,208,104,.07);
    border:1.5px solid rgba(0,208,104,.2);
    border-radius:18px;
    padding:22px 18px;
    text-align:center;
}

.title-feature-green {
    font-family:'Bangers',Impact,'Arial Black',sans-serif;
    font-size:1.4rem;
    letter-spacing:2px;
    color:var(--kids-green);
    margin-bottom:6px;
}

.card-feature-red {
    background:rgba(208, 0, 0, 0.07);
    border:1.5px solid rgba(0,208,104,.2);
    border-radius:18px;
    padding:22px 18px;
    text-align:center;
}

.card-feature-blue {
    background:rgba(0, 83, 208, 0.07);
    border:1.5px solid rgba(0,208,104,.2);
    border-radius:18px;
    padding:22px 18px;
    text-align:center;
}

.divider-purple {
    background:linear-gradient(90deg,transparent,#9B30FF,transparent);
}

.full-width-dark-bg {
    background:linear-gradient(135deg,#0a0020,#15004a 50%,#0a0020);
    padding:0 0;
}

.badge-red-muted {
    background:rgba(255,0,0,.08);
    color:#FF8080;
    border:1px solid rgba(255,0,0,.25);
}

.flex-wrap-center {
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:16px;
}

.btn-outline-red {
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:'Boogaloo','Arial Rounded MT Bold',Arial,sans-serif;
    font-size:.95rem;
    letter-spacing:1px;
    padding:10px 20px;
    border-radius:30px;
    text-decoration:none;
    background:rgba(255,0,0,.15);
    color:#FF8080;
    border:1px solid rgba(255,0,0,.3);
    transition:all .3s;
}

.btn-outline-purple {
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:'Boogaloo','Arial Rounded MT Bold',Arial,sans-serif;
    font-size:.95rem;
    letter-spacing:1px;
    padding:10px 20px;
    border-radius:30px;
    text-decoration:none;
    background:rgba(155,48,255,.15);
    color:#C880FF;
    border:1px solid rgba(155,48,255,.3);
    transition:all .3s;
}

.text-center {
    text-align:center;
}

.section-headline-large {
    font-family:'Bangers',Impact,'Arial Black',sans-serif;
    font-size:clamp(1.8rem,5vw,3rem);
    letter-spacing:3px;
    margin-bottom:12px;
}

.section-subtitle-muted {
    color:rgba(255,255,255,.5);
    max-width:400px;
    margin:0 auto 22px;
    line-height:1.7;
    font-size:.92rem;
}

.text-title-clamp {
    font-size:clamp(2rem,6vw,3.5rem);
}