/* BOBO AI Kids — shared gold/dark theme. Big, friendly, colorful. */
:root{
  --gold:#b8935a; --gold-light:#c8a870; --gold-grad:linear-gradient(135deg,#b8935a,#c8a870);
  --bg:#0e0c0a; --bg2:#171310; --bg3:#211b14; --bd:#2a2218;
  --text:#f2e9da; --muted:#a89c86;
  --pink:#ff6fae; --blue:#4a9eff; --green:#3fb950; --purple:#a06bff; --yellow:#e8c14a; --red:#ff5f56;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Comic Sans MS','Inter','Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--gold-light);text-decoration:none}
.wrap{max-width:1150px;margin:0 auto;padding:0 20px}
/* header */
.kid-header{background:rgba(14,12,10,.9);backdrop-filter:blur(10px);border-bottom:2px solid var(--bd);position:sticky;top:0;z-index:30}
.kid-nav{display:flex;align-items:center;gap:14px;height:70px}
.kid-logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}
.kid-logo img{width:42px;height:42px;border-radius:10px;object-fit:contain}
.kid-logo .sub{color:var(--gold-light);font-size:14px;font-weight:600}
.kid-nav .spacer{flex:1}
/* big buttons */
.bbtn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:16px;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;border:none;transition:transform .12s, box-shadow .12s}
.bbtn:hover{transform:translateY(-3px)}
.bbtn-gold{background:var(--gold-grad);color:#0e0c0a;box-shadow:0 6px 0 #8a6d40}
.bbtn-gold:hover{box-shadow:0 9px 0 #8a6d40}
.bbtn-blue{background:linear-gradient(135deg,#4a9eff,#6fb6ff);color:#06121f;box-shadow:0 6px 0 #2c6db5}
.bbtn-pink{background:linear-gradient(135deg,#ff6fae,#ff95c4);color:#3a0a22;box-shadow:0 6px 0 #b54d80}
.bbtn-green{background:linear-gradient(135deg,#3fb950,#63d178);color:#04210a;box-shadow:0 6px 0 #2a8038}
.bbtn-ghost{background:var(--bg2);color:var(--text);border:2px solid var(--bd)}
.bbtn-ghost:hover{border-color:var(--gold)}
.bbtn.lg{font-size:22px;padding:18px 34px}
/* footer */
.kid-footer{border-top:2px solid var(--bd);margin-top:40px;padding:26px 0;text-align:center;color:var(--muted);font-size:14px}
.kid-footer b{color:var(--gold-light)}
/* cards */
.kid-card{background:var(--bg2);border:2px solid var(--bd);border-radius:20px;padding:20px;transition:transform .14s,border-color .14s}
.kid-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.stars{color:var(--yellow);font-size:15px}
.age-badge{background:rgba(184,147,90,.18);color:var(--gold-light);border-radius:99px;padding:3px 11px;font-size:13px;font-weight:700}
h1{font-size:34px;font-weight:800;letter-spacing:-.5px}
h2{font-size:26px;font-weight:800}
.section-title{font-size:26px;font-weight:800;margin:8px 0 6px;display:flex;align-items:center;gap:10px}
.muted{color:var(--muted)}
@media(max-width:560px){
  body{font-size:17px}
  h1{font-size:26px}.section-title{font-size:21px}
  .kid-logo{font-size:18px}
}