/* Branding CSS - Subdomain-specific themes */

/* Kids Theme - Playful and educational */
body.bg-kids {
    background: #ffffff;
    background-attachment: fixed;
}

body.bg-kids::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 4 layered copies => ~4x density, less symmetry */
    background-image:
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.35'%3E%3C!-- Pencils scattered --%3E%3Cg transform='translate(120,80) rotate(-15)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(890,450) rotate(25)'%3E%3Crect width='8' height='50' fill='%23C5E1A5' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23AED581'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(1320,1200) rotate(-35)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(450,1380) rotate(18)'%3E%3Crect width='8' height='50' fill='%23B39DDB' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23CE93D8'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3C!-- Crayons scattered --%3E%3Cg transform='translate(1420,320) rotate(-20)'%3E%3Crect width='12' height='45' fill='%23B4E7CE' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%2398D8C8'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(680,920) rotate(42)'%3E%3Crect width='10' height='40' fill='%23FFF9C4' rx='2'/%3E%3Cpolygon points='5,40 0,48 10,48' fill='%23FFF59D'/%3E%3Cpath d='M0,5 L10,5 L10,11 L0,11 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(240,1150) rotate(-8)'%3E%3Crect width='12' height='45' fill='%23FFCCBC' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%23FFAB91'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3C!-- Kites --%3E%3Cg transform='translate(580,180)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23FADADD' stroke='%23FF69B4' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23DDA0DD' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%23FFB6C1'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23DDA0DD'/%3E%3C/g%3E%3Cg transform='translate(1180,850) rotate(15)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23A5D6A7' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%2381C784'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23A5D6A7'/%3E%3C/g%3E%3C!-- Ten-frames --%3E%3Cg transform='translate(950,180)'%3E%3Crect width='50' height='25' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23B39DDB' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='5' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='19' r='3' fill='%23CE93D8'/%3E%3C/g%3E%3Cg transform='translate(340,720)'%3E%3Crect width='50' height='25' fill='none' stroke='%23FFCCBC' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23FFCCBC' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23FFAB91'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23FFAB91'/%3E%3C/g%3E%3C!-- Number Lines --%3E%3Cg transform='translate(200,450)'%3E%3Cline x1='0' y1='0' x2='120' y2='0' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='30' y1='-5' x2='30' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='60' y1='-5' x2='60' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='90' y1='-5' x2='90' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='120' y1='-5' x2='120' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='60' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='120' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E4%3C/text%3E%3C/g%3E%3Cg transform='translate(1050,1050)'%3E%3Cline x1='0' y1='0' x2='100' y2='0' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='25' y1='-5' x2='25' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='50' y1='-5' x2='50' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='75' y1='-5' x2='75' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='100' y1='-5' x2='100' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='50' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='100' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E10%3C/text%3E%3C/g%3E%3C!-- Number Bonds --%3E%3Cg transform='translate(1380,680)'%3E%3Ccircle cx='30' cy='0' r='15' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='15' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='45' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ctext x='30' y='5' font-size='12' fill='%23D84315' text-anchor='middle'%3E8%3C/text%3E%3Ctext x='10' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='50' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(520,1480)'%3E%3Ccircle cx='25' cy='0' r='14' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='42' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='13' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='37' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Ctext x='25' y='5' font-size='11' fill='%23558B2F' text-anchor='middle'%3E10%3C/text%3E%3Ctext x='8' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E7%3C/text%3E%3Ctext x='42' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Hopscotch --%3E%3Cg transform='translate(780,580)'%3E%3Crect width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='22' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='44' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Ctext x='10' y='14' font-size='12' fill='%23EC407A' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='10' y='36' font-size='12' fill='%23EC407A' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='10' y='58' font-size='12' fill='%23EC407A' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(1480,1420)'%3E%3Crect width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='20' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='40' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Ctext x='9' y='12' font-size='11' fill='%237E57C2' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='9' y='32' font-size='11' fill='%237E57C2' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='9' y='52' font-size='11' fill='%237E57C2' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Bar Graphs --%3E%3Cg transform='translate(60,1280)'%3E%3Cline y1='0' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline y1='60' x2='80' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Crect x='5' y='30' width='15' height='30' fill='%23BBDEFB'/%3E%3Crect x='25' y='15' width='15' height='45' fill='%2390CAF9'/%3E%3Crect x='45' y='40' width='15' height='20' fill='%2364B5F6'/%3E%3Crect x='65' y='20' width='15' height='40' fill='%2342A5F5'/%3E%3C/g%3E%3Cg transform='translate(1220,280)'%3E%3Cline y1='0' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Cline y1='50' x2='70' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Crect x='5' y='25' width='12' height='25' fill='%23FFAB91'/%3E%3Crect x='22' y='10' width='12' height='40' fill='%23FF9E80'/%3E%3Crect x='39' y='30' width='12' height='20' fill='%23FFCCBC'/%3E%3Crect x='56' y='18' width='12' height='32' fill='%23FF8A65'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.35'%3E%3C!-- Pencils scattered --%3E%3Cg transform='translate(120,80) rotate(-15)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(890,450) rotate(25)'%3E%3Crect width='8' height='50' fill='%23C5E1A5' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23AED581'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(1320,1200) rotate(-35)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(450,1380) rotate(18)'%3E%3Crect width='8' height='50' fill='%23B39DDB' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23CE93D8'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3C!-- Crayons scattered --%3E%3Cg transform='translate(1420,320) rotate(-20)'%3E%3Crect width='12' height='45' fill='%23B4E7CE' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%2398D8C8'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(680,920) rotate(42)'%3E%3Crect width='10' height='40' fill='%23FFF9C4' rx='2'/%3E%3Cpolygon points='5,40 0,48 10,48' fill='%23FFF59D'/%3E%3Cpath d='M0,5 L10,5 L10,11 L0,11 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(240,1150) rotate(-8)'%3E%3Crect width='12' height='45' fill='%23FFCCBC' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%23FFAB91'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3C!-- Kites --%3E%3Cg transform='translate(580,180)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23FADADD' stroke='%23FF69B4' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23DDA0DD' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%23FFB6C1'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23DDA0DD'/%3E%3C/g%3E%3Cg transform='translate(1180,850) rotate(15)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23A5D6A7' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%2381C784'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23A5D6A7'/%3E%3C/g%3E%3C!-- Ten-frames --%3E%3Cg transform='translate(950,180)'%3E%3Crect width='50' height='25' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23B39DDB' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='5' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='19' r='3' fill='%23CE93D8'/%3E%3C/g%3E%3Cg transform='translate(340,720)'%3E%3Crect width='50' height='25' fill='none' stroke='%23FFCCBC' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23FFCCBC' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23FFAB91'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23FFAB91'/%3E%3C/g%3E%3C!-- Number Lines --%3E%3Cg transform='translate(200,450)'%3E%3Cline x1='0' y1='0' x2='120' y2='0' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='30' y1='-5' x2='30' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='60' y1='-5' x2='60' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='90' y1='-5' x2='90' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='120' y1='-5' x2='120' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='60' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='120' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E4%3C/text%3E%3C/g%3E%3Cg transform='translate(1050,1050)'%3E%3Cline x1='0' y1='0' x2='100' y2='0' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='25' y1='-5' x2='25' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='50' y1='-5' x2='50' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='75' y1='-5' x2='75' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='100' y1='-5' x2='100' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='50' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='100' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E10%3C/text%3E%3C/g%3E%3C!-- Number Bonds --%3E%3Cg transform='translate(1380,680)'%3E%3Ccircle cx='30' cy='0' r='15' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='15' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='45' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ctext x='30' y='5' font-size='12' fill='%23D84315' text-anchor='middle'%3E8%3C/text%3E%3Ctext x='10' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='50' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(520,1480)'%3E%3Ccircle cx='25' cy='0' r='14' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='42' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='13' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='37' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Ctext x='25' y='5' font-size='11' fill='%23558B2F' text-anchor='middle'%3E10%3C/text%3E%3Ctext x='8' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E7%3C/text%3E%3Ctext x='42' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Hopscotch --%3E%3Cg transform='translate(780,580)'%3E%3Crect width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='22' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='44' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Ctext x='10' y='14' font-size='12' fill='%23EC407A' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='10' y='36' font-size='12' fill='%23EC407A' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='10' y='58' font-size='12' fill='%23EC407A' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(1480,1420)'%3E%3Crect width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='20' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='40' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Ctext x='9' y='12' font-size='11' fill='%237E57C2' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='9' y='32' font-size='11' fill='%237E57C2' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='9' y='52' font-size='11' fill='%237E57C2' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Bar Graphs --%3E%3Cg transform='translate(60,1280)'%3E%3Cline y1='0' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline y1='60' x2='80' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Crect x='5' y='30' width='15' height='30' fill='%23BBDEFB'/%3E%3Crect x='25' y='15' width='15' height='45' fill='%2390CAF9'/%3E%3Crect x='45' y='40' width='15' height='20' fill='%2364B5F6'/%3E%3Crect x='65' y='20' width='15' height='40' fill='%2342A5F5'/%3E%3C/g%3E%3Cg transform='translate(1220,280)'%3E%3Cline y1='0' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Cline y1='50' x2='70' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Crect x='5' y='25' width='12' height='25' fill='%23FFAB91'/%3E%3Crect x='22' y='10' width='12' height='40' fill='%23FF9E80'/%3E%3Crect x='39' y='30' width='12' height='20' fill='%23FFCCBC'/%3E%3Crect x='56' y='18' width='12' height='32' fill='%23FF8A65'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.35'%3E%3C!-- Pencils scattered --%3E%3Cg transform='translate(120,80) rotate(-15)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(890,450) rotate(25)'%3E%3Crect width='8' height='50' fill='%23C5E1A5' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23AED581'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(1320,1200) rotate(-35)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(450,1380) rotate(18)'%3E%3Crect width='8' height='50' fill='%23B39DDB' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23CE93D8'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3C!-- Crayons scattered --%3E%3Cg transform='translate(1420,320) rotate(-20)'%3E%3Crect width='12' height='45' fill='%23B4E7CE' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%2398D8C8'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(680,920) rotate(42)'%3E%3Crect width='10' height='40' fill='%23FFF9C4' rx='2'/%3E%3Cpolygon points='5,40 0,48 10,48' fill='%23FFF59D'/%3E%3Cpath d='M0,5 L10,5 L10,11 L0,11 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(240,1150) rotate(-8)'%3E%3Crect width='12' height='45' fill='%23FFCCBC' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%23FFAB91'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3C!-- Kites --%3E%3Cg transform='translate(580,180)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23FADADD' stroke='%23FF69B4' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23DDA0DD' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%23FFB6C1'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23DDA0DD'/%3E%3C/g%3E%3Cg transform='translate(1180,850) rotate(15)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23A5D6A7' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%2381C784'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23A5D6A7'/%3E%3C/g%3E%3C!-- Ten-frames --%3E%3Cg transform='translate(950,180)'%3E%3Crect width='50' height='25' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23B39DDB' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='5' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='19' r='3' fill='%23CE93D8'/%3E%3C/g%3E%3Cg transform='translate(340,720)'%3E%3Crect width='50' height='25' fill='none' stroke='%23FFCCBC' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23FFCCBC' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23FFAB91'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23FFAB91'/%3E%3C/g%3E%3C!-- Number Lines --%3E%3Cg transform='translate(200,450)'%3E%3Cline x1='0' y1='0' x2='120' y2='0' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='30' y1='-5' x2='30' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='60' y1='-5' x2='60' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='90' y1='-5' x2='90' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='120' y1='-5' x2='120' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='60' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='120' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E4%3C/text%3E%3C/g%3E%3Cg transform='translate(1050,1050)'%3E%3Cline x1='0' y1='0' x2='100' y2='0' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='25' y1='-5' x2='25' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='50' y1='-5' x2='50' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='75' y1='-5' x2='75' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='100' y1='-5' x2='100' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='50' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='100' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E10%3C/text%3E%3C/g%3E%3C!-- Number Bonds --%3E%3Cg transform='translate(1380,680)'%3E%3Ccircle cx='30' cy='0' r='15' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='15' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='45' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ctext x='30' y='5' font-size='12' fill='%23D84315' text-anchor='middle'%3E8%3C/text%3E%3Ctext x='10' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='50' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(520,1480)'%3E%3Ccircle cx='25' cy='0' r='14' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='42' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='13' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='37' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Ctext x='25' y='5' font-size='11' fill='%23558B2F' text-anchor='middle'%3E10%3C/text%3E%3Ctext x='8' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E7%3C/text%3E%3Ctext x='42' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Hopscotch --%3E%3Cg transform='translate(780,580)'%3E%3Crect width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='22' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='44' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Ctext x='10' y='14' font-size='12' fill='%23EC407A' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='10' y='36' font-size='12' fill='%23EC407A' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='10' y='58' font-size='12' fill='%23EC407A' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(1480,1420)'%3E%3Crect width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='20' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='40' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Ctext x='9' y='12' font-size='11' fill='%237E57C2' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='9' y='32' font-size='11' fill='%237E57C2' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='9' y='52' font-size='11' fill='%237E57C2' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Bar Graphs --%3E%3Cg transform='translate(60,1280)'%3E%3Cline y1='0' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline y1='60' x2='80' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Crect x='5' y='30' width='15' height='30' fill='%23BBDEFB'/%3E%3Crect x='25' y='15' width='15' height='45' fill='%2390CAF9'/%3E%3Crect x='45' y='40' width='15' height='20' fill='%2364B5F6'/%3E%3Crect x='65' y='20' width='15' height='40' fill='%2342A5F5'/%3E%3C/g%3E%3Cg transform='translate(1220,280)'%3E%3Cline y1='0' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Cline y1='50' x2='70' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Crect x='5' y='25' width='12' height='25' fill='%23FFAB91'/%3E%3Crect x='22' y='10' width='12' height='40' fill='%23FF9E80'/%3E%3Crect x='39' y='30' width='12' height='20' fill='%23FFCCBC'/%3E%3Crect x='56' y='18' width='12' height='32' fill='%23FF8A65'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.35'%3E%3C!-- Pencils scattered --%3E%3Cg transform='translate(120,80) rotate(-15)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(890,450) rotate(25)'%3E%3Crect width='8' height='50' fill='%23C5E1A5' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23AED581'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(1320,1200) rotate(-35)'%3E%3Crect width='8' height='50' fill='%23FFB3BA' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23FFE4B5'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3Cg transform='translate(450,1380) rotate(18)'%3E%3Crect width='8' height='50' fill='%23B39DDB' rx='2'/%3E%3Cpolygon points='4,50 0,60 8,60' fill='%23CE93D8'/%3E%3Crect x='2' width='4' height='8' fill='%23FFE4B5'/%3E%3C/g%3E%3C!-- Crayons scattered --%3E%3Cg transform='translate(1420,320) rotate(-20)'%3E%3Crect width='12' height='45' fill='%23B4E7CE' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%2398D8C8'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(680,920) rotate(42)'%3E%3Crect width='10' height='40' fill='%23FFF9C4' rx='2'/%3E%3Cpolygon points='5,40 0,48 10,48' fill='%23FFF59D'/%3E%3Cpath d='M0,5 L10,5 L10,11 L0,11 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3Cg transform='translate(240,1150) rotate(-8)'%3E%3Crect width='12' height='45' fill='%23FFCCBC' rx='2'/%3E%3Cpolygon points='6,45 0,55 12,55' fill='%23FFAB91'/%3E%3Cpath d='M0,5 L12,5 L12,12 L0,12 Z' fill='%23E0E0E0'/%3E%3C/g%3E%3C!-- Kites --%3E%3Cg transform='translate(580,180)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23FADADD' stroke='%23FF69B4' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23DDA0DD' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%23FFB6C1'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23DDA0DD'/%3E%3C/g%3E%3Cg transform='translate(1180,850) rotate(15)'%3E%3Cpolygon points='20,0 35,15 20,30 5,15' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='20' y1='30' x2='15' y2='70' stroke='%23A5D6A7' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='45' r='3' fill='%2381C784'/%3E%3Ccircle cx='9' cy='60' r='3' fill='%23A5D6A7'/%3E%3C/g%3E%3C!-- Ten-frames --%3E%3Cg transform='translate(950,180)'%3E%3Crect width='50' height='25' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23B39DDB' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23B39DDB' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='6' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='5' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='15' cy='19' r='3' fill='%23CE93D8'/%3E%3Ccircle cx='25' cy='19' r='3' fill='%23CE93D8'/%3E%3C/g%3E%3Cg transform='translate(340,720)'%3E%3Crect width='50' height='25' fill='none' stroke='%23FFCCBC' stroke-width='1.5' rx='2'/%3E%3Cline x1='10' y1='0' x2='10' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='20' y1='0' x2='20' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='30' y1='0' x2='30' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='40' y1='0' x2='40' y2='25' stroke='%23FFCCBC' stroke-width='1'/%3E%3Cline x1='0' y1='12.5' x2='50' y2='12.5' stroke='%23FFCCBC' stroke-width='1'/%3E%3Ccircle cx='5' cy='6' r='3' fill='%23FFAB91'/%3E%3Ccircle cx='15' cy='6' r='3' fill='%23FFAB91'/%3E%3C/g%3E%3C!-- Number Lines --%3E%3Cg transform='translate(200,450)'%3E%3Cline x1='0' y1='0' x2='120' y2='0' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='30' y1='-5' x2='30' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='60' y1='-5' x2='60' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='90' y1='-5' x2='90' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Cline x1='120' y1='-5' x2='120' y2='5' stroke='%23A5D6A7' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='60' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='120' y='18' font-size='12' fill='%2381C784' text-anchor='middle'%3E4%3C/text%3E%3C/g%3E%3Cg transform='translate(1050,1050)'%3E%3Cline x1='0' y1='0' x2='100' y2='0' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='25' y1='-5' x2='25' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='50' y1='-5' x2='50' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='75' y1='-5' x2='75' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline x1='100' y1='-5' x2='100' y2='5' stroke='%2390CAF9' stroke-width='2'/%3E%3Ctext x='0' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='50' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='100' y='18' font-size='12' fill='%2364B5F6' text-anchor='middle'%3E10%3C/text%3E%3C/g%3E%3C!-- Number Bonds --%3E%3Cg transform='translate(1380,680)'%3E%3Ccircle cx='30' cy='0' r='15' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='35' r='12' fill='%23FFCCBC' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='15' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Cline x1='30' y1='15' x2='45' y2='25' stroke='%23FF9E80' stroke-width='1.5'/%3E%3Ctext x='30' y='5' font-size='12' fill='%23D84315' text-anchor='middle'%3E8%3C/text%3E%3Ctext x='10' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='50' y='40' font-size='10' fill='%23D84315' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(520,1480)'%3E%3Ccircle cx='25' cy='0' r='14' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Ccircle cx='42' cy='32' r='11' fill='%23C5E1A5' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='13' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Cline x1='25' y1='14' x2='37' y2='23' stroke='%23AED581' stroke-width='1.5'/%3E%3Ctext x='25' y='5' font-size='11' fill='%23558B2F' text-anchor='middle'%3E10%3C/text%3E%3Ctext x='8' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E7%3C/text%3E%3Ctext x='42' y='37' font-size='9' fill='%23558B2F' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Hopscotch --%3E%3Cg transform='translate(780,580)'%3E%3Crect width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='22' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Crect y='44' width='20' height='20' fill='none' stroke='%23F8BBD0' stroke-width='1.5' rx='2'/%3E%3Ctext x='10' y='14' font-size='12' fill='%23EC407A' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='10' y='36' font-size='12' fill='%23EC407A' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='10' y='58' font-size='12' fill='%23EC407A' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3Cg transform='translate(1480,1420)'%3E%3Crect width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='20' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Crect y='40' width='18' height='18' fill='none' stroke='%23B39DDB' stroke-width='1.5' rx='2'/%3E%3Ctext x='9' y='12' font-size='11' fill='%237E57C2' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='9' y='32' font-size='11' fill='%237E57C2' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='9' y='52' font-size='11' fill='%237E57C2' text-anchor='middle'%3E3%3C/text%3E%3C/g%3E%3C!-- Bar Graphs --%3E%3Cg transform='translate(60,1280)'%3E%3Cline y1='0' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Cline y1='60' x2='80' y2='60' stroke='%2390CAF9' stroke-width='2'/%3E%3Crect x='5' y='30' width='15' height='30' fill='%23BBDEFB'/%3E%3Crect x='25' y='15' width='15' height='45' fill='%2390CAF9'/%3E%3Crect x='45' y='40' width='15' height='20' fill='%2364B5F6'/%3E%3Crect x='65' y='20' width='15' height='40' fill='%2342A5F5'/%3E%3C/g%3E%3Cg transform='translate(1220,280)'%3E%3Cline y1='0' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Cline y1='50' x2='70' y2='50' stroke='%23FFCCBC' stroke-width='2'/%3E%3Crect x='5' y='25' width='12' height='25' fill='%23FFAB91'/%3E%3Crect x='22' y='10' width='12' height='40' fill='%23FF9E80'/%3E%3Crect x='39' y='30' width='12' height='20' fill='%23FFCCBC'/%3E%3Crect x='56' y='18' width='12' height='32' fill='%23FF8A65'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 1600px 1600px, 1750px 1750px, 1900px 1900px, 2100px 2100px;
    background-position: 0 0, 320px 140px, 780px 520px, 120px 920px;
    pointer-events: none;
    z-index: -1;
}

/* Teens Theme - Modern and sleek */
body.bg-teens {
    /* Keep it clean/academic: light background with subtle overlays */
    background: #f7fbff;
    background-attachment: fixed;
}

body.bg-teens::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Math-themed pattern: equations + graphs + geometry; layered to reduce symmetry */
    background-image:
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.28'%3E%3C!-- subtle grid blocks --%3E%3Cg stroke='%231e3a8a' stroke-opacity='0.10'%3E%3Cpath d='M120 220 H520 M120 300 H520 M120 380 H520 M120 460 H520' stroke-width='1'/%3E%3Cpath d='M120 220 V460 M200 220 V460 M280 220 V460 M360 220 V460 M440 220 V460 M520 220 V460' stroke-width='1'/%3E%3C/g%3E%3C!-- coordinate axes + parabola --%3E%3Cg transform='translate(860,260)' stroke='%230ea5a4' stroke-opacity='0.35'%3E%3Cline x1='0' y1='180' x2='420' y2='180' stroke-width='2'/%3E%3Cline x1='210' y1='0' x2='210' y2='360' stroke-width='2'/%3E%3Cpath d='M40 320 Q210 40 380 320' fill='none' stroke-width='3'/%3E%3Ccircle cx='210' cy='180' r='6' fill='%230ea5a4' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C!-- sine wave strip --%3E%3Cg transform='translate(180,980)'%3E%3Cpath d='M0 60 C60 0 120 120 180 60 C240 0 300 120 360 60 C420 0 480 120 540 60' fill='none' stroke='%236366f1' stroke-opacity='0.25' stroke-width='3'/%3E%3C/g%3E%3C!-- geometry: triangle + circle + inscribed angle --%3E%3Cg transform='translate(210,610)'%3E%3Ccircle cx='140' cy='140' r='110' fill='none' stroke='%2394a3b8' stroke-opacity='0.35' stroke-width='2'/%3E%3Cpolygon points='140,35 55,205 235,205' fill='none' stroke='%23f97316' stroke-opacity='0.35' stroke-width='3'/%3E%3Cpath d='M140 140 L140 35 L235 205' fill='none' stroke='%23f97316' stroke-opacity='0.20' stroke-width='2'/%3E%3Ccircle cx='140' cy='35' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='55' cy='205' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='235' cy='205' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C!-- bar chart --%3E%3Cg transform='translate(980,980)' stroke='%2338bdf8' stroke-opacity='0.30'%3E%3Cline x1='0' y1='200' x2='320' y2='200' stroke-width='2'/%3E%3Cline x1='0' y1='30' x2='0' y2='200' stroke-width='2'/%3E%3Crect x='35' y='120' width='45' height='80' fill='%2338bdf8' fill-opacity='0.12' stroke-width='2'/%3E%3Crect x='105' y='70' width='45' height='130' fill='%2338bdf8' fill-opacity='0.16' stroke-width='2'/%3E%3Crect x='175' y='95' width='45' height='105' fill='%2338bdf8' fill-opacity='0.10' stroke-width='2'/%3E%3Crect x='245' y='45' width='45' height='155' fill='%2338bdf8' fill-opacity='0.18' stroke-width='2'/%3E%3C/g%3E%3C!-- equations / symbols --%3E%3Cg font-family='ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial' fill='%230f172a' fill-opacity='0.22'%3E%3Ctext x='640' y='130' font-size='28'%3Ey = mx + b%3C/text%3E%3Ctext x='118' y='150' font-size='26'%3Ea%C2%B2 + b%C2%B2 = c%C2%B2%3C/text%3E%3Ctext x='1060' y='780' font-size='26'%3E%E2%88%91%20k=1..n%20k%20=%20n(n+1)/2%3C/text%3E%3Ctext x='240' y='1460' font-size='28'%3E%CF%80r%C2%B2%3C/text%3E%3Ctext x='1140' y='1460' font-size='26'%3Elog(a%C2%B7b)=log%20a+log%20b%3C/text%3E%3C/g%3E%3C!-- vector arrows / annotations --%3E%3Cg stroke='%2310b981' stroke-opacity='0.22' fill='none'%3E%3Cpath d='M740 520 L820 450' stroke-width='3'/%3E%3Cpath d='M820 450 l-10 4 l4 10' stroke-width='3'/%3E%3Cpath d='M660 560 L760 610' stroke-width='3'/%3E%3Cpath d='M760 610 l-10 -2 l-2 10' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.28'%3E%3C!-- subtle grid blocks --%3E%3Cg stroke='%231e3a8a' stroke-opacity='0.10'%3E%3Cpath d='M120 220 H520 M120 300 H520 M120 380 H520 M120 460 H520' stroke-width='1'/%3E%3Cpath d='M120 220 V460 M200 220 V460 M280 220 V460 M360 220 V460 M440 220 V460 M520 220 V460' stroke-width='1'/%3E%3C/g%3E%3C!-- coordinate axes + parabola --%3E%3Cg transform='translate(860,260)' stroke='%230ea5a4' stroke-opacity='0.35'%3E%3Cline x1='0' y1='180' x2='420' y2='180' stroke-width='2'/%3E%3Cline x1='210' y1='0' x2='210' y2='360' stroke-width='2'/%3E%3Cpath d='M40 320 Q210 40 380 320' fill='none' stroke-width='3'/%3E%3Ccircle cx='210' cy='180' r='6' fill='%230ea5a4' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C!-- sine wave strip --%3E%3Cg transform='translate(180,980)'%3E%3Cpath d='M0 60 C60 0 120 120 180 60 C240 0 300 120 360 60 C420 0 480 120 540 60' fill='none' stroke='%236366f1' stroke-opacity='0.25' stroke-width='3'/%3E%3C/g%3E%3C!-- geometry: triangle + circle + inscribed angle --%3E%3Cg transform='translate(210,610)'%3E%3Ccircle cx='140' cy='140' r='110' fill='none' stroke='%2394a3b8' stroke-opacity='0.35' stroke-width='2'/%3E%3Cpolygon points='140,35 55,205 235,205' fill='none' stroke='%23f97316' stroke-opacity='0.35' stroke-width='3'/%3E%3Cpath d='M140 140 L140 35 L235 205' fill='none' stroke='%23f97316' stroke-opacity='0.20' stroke-width='2'/%3E%3Ccircle cx='140' cy='35' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='55' cy='205' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='235' cy='205' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C!-- bar chart --%3E%3Cg transform='translate(980,980)' stroke='%2338bdf8' stroke-opacity='0.30'%3E%3Cline x1='0' y1='200' x2='320' y2='200' stroke-width='2'/%3E%3Cline x1='0' y1='30' x2='0' y2='200' stroke-width='2'/%3E%3Crect x='35' y='120' width='45' height='80' fill='%2338bdf8' fill-opacity='0.12' stroke-width='2'/%3E%3Crect x='105' y='70' width='45' height='130' fill='%2338bdf8' fill-opacity='0.16' stroke-width='2'/%3E%3Crect x='175' y='95' width='45' height='105' fill='%2338bdf8' fill-opacity='0.10' stroke-width='2'/%3E%3Crect x='245' y='45' width='45' height='155' fill='%2338bdf8' fill-opacity='0.18' stroke-width='2'/%3E%3C/g%3E%3C!-- equations / symbols --%3E%3Cg font-family='ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial' fill='%230f172a' fill-opacity='0.22'%3E%3Ctext x='640' y='130' font-size='28'%3Ey = mx + b%3C/text%3E%3Ctext x='118' y='150' font-size='26'%3Ea%C2%B2 + b%C2%B2 = c%C2%B2%3C/text%3E%3Ctext x='1060' y='780' font-size='26'%3E%E2%88%91%20k=1..n%20k%20=%20n(n+1)/2%3C/text%3E%3Ctext x='240' y='1460' font-size='28'%3E%CF%80r%C2%B2%3C/text%3E%3Ctext x='1140' y='1460' font-size='26'%3Elog(a%C2%B7b)=log%20a+log%20b%3C/text%3E%3C/g%3E%3C!-- vector arrows / annotations --%3E%3Cg stroke='%2310b981' stroke-opacity='0.22' fill='none'%3E%3Cpath d='M740 520 L820 450' stroke-width='3'/%3E%3Cpath d='M820 450 l-10 4 l4 10' stroke-width='3'/%3E%3Cpath d='M660 560 L760 610' stroke-width='3'/%3E%3Cpath d='M760 610 l-10 -2 l-2 10' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='1600' height='1600' viewBox='0 0 1600 1600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.28'%3E%3C!-- subtle grid blocks --%3E%3Cg stroke='%231e3a8a' stroke-opacity='0.10'%3E%3Cpath d='M120 220 H520 M120 300 H520 M120 380 H520 M120 460 H520' stroke-width='1'/%3E%3Cpath d='M120 220 V460 M200 220 V460 M280 220 V460 M360 220 V460 M440 220 V460 M520 220 V460' stroke-width='1'/%3E%3C/g%3E%3C!-- coordinate axes + parabola --%3E%3Cg transform='translate(860,260)' stroke='%230ea5a4' stroke-opacity='0.35'%3E%3Cline x1='0' y1='180' x2='420' y2='180' stroke-width='2'/%3E%3Cline x1='210' y1='0' x2='210' y2='360' stroke-width='2'/%3E%3Cpath d='M40 320 Q210 40 380 320' fill='none' stroke-width='3'/%3E%3Ccircle cx='210' cy='180' r='6' fill='%230ea5a4' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C!-- sine wave strip --%3E%3Cg transform='translate(180,980)'%3E%3Cpath d='M0 60 C60 0 120 120 180 60 C240 0 300 120 360 60 C420 0 480 120 540 60' fill='none' stroke='%236366f1' stroke-opacity='0.25' stroke-width='3'/%3E%3C/g%3E%3C!-- geometry: triangle + circle + inscribed angle --%3E%3Cg transform='translate(210,610)'%3E%3Ccircle cx='140' cy='140' r='110' fill='none' stroke='%2394a3b8' stroke-opacity='0.35' stroke-width='2'/%3E%3Cpolygon points='140,35 55,205 235,205' fill='none' stroke='%23f97316' stroke-opacity='0.35' stroke-width='3'/%3E%3Cpath d='M140 140 L140 35 L235 205' fill='none' stroke='%23f97316' stroke-opacity='0.20' stroke-width='2'/%3E%3Ccircle cx='140' cy='35' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='55' cy='205' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='235' cy='205' r='5' fill='%23f97316' fill-opacity='0.25' stroke='none'/%3E%3C/g%3E%3C!-- bar chart --%3E%3Cg transform='translate(980,980)' stroke='%2338bdf8' stroke-opacity='0.30'%3E%3Cline x1='0' y1='200' x2='320' y2='200' stroke-width='2'/%3E%3Cline x1='0' y1='30' x2='0' y2='200' stroke-width='2'/%3E%3Crect x='35' y='120' width='45' height='80' fill='%2338bdf8' fill-opacity='0.12' stroke-width='2'/%3E%3Crect x='105' y='70' width='45' height='130' fill='%2338bdf8' fill-opacity='0.16' stroke-width='2'/%3E%3Crect x='175' y='95' width='45' height='105' fill='%2338bdf8' fill-opacity='0.10' stroke-width='2'/%3E%3Crect x='245' y='45' width='45' height='155' fill='%2338bdf8' fill-opacity='0.18' stroke-width='2'/%3E%3C/g%3E%3C!-- equations / symbols --%3E%3Cg font-family='ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial' fill='%230f172a' fill-opacity='0.22'%3E%3Ctext x='640' y='130' font-size='28'%3Ey = mx + b%3C/text%3E%3Ctext x='118' y='150' font-size='26'%3Ea%C2%B2 + b%C2%B2 = c%C2%B2%3C/text%3E%3Ctext x='1060' y='780' font-size='26'%3E%E2%88%91%20k=1..n%20k%20=%20n(n+1)/2%3C/text%3E%3Ctext x='240' y='1460' font-size='28'%3E%CF%80r%C2%B2%3C/text%3E%3Ctext x='1140' y='1460' font-size='26'%3Elog(a%C2%B7b)=log%20a+log%20b%3C/text%3E%3C/g%3E%3C!-- vector arrows / annotations --%3E%3Cg stroke='%2310b981' stroke-opacity='0.22' fill='none'%3E%3Cpath d='M740 520 L820 450' stroke-width='3'/%3E%3Cpath d='M820 450 l-10 4 l4 10' stroke-width='3'/%3E%3Cpath d='M660 560 L760 610' stroke-width='3'/%3E%3Cpath d='M760 610 l-10 -2 l-2 10' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 1600px 1600px, 1750px 1750px, 1950px 1950px, 2200px 2200px;
    background-position: 0 0, 420px 160px, 980px 520px, 160px 1040px;
    pointer-events: none;
    z-index: -1;
}

/* Pro Theme - Professional and minimal */
body.bg-pro {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    background-attachment: fixed;
}

body.bg-pro::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='100' y2='100' stroke='%23ffffff' opacity='0.02' stroke-width='1'/%3E%3Cline x1='100' y1='0' x2='0' y2='100' stroke='%23ffffff' opacity='0.02' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 100px 100px;
    pointer-events: none;
    z-index: -1;
}

/* Default Theme */
body.bg-default {
    background: #f8f9fa;
}

/* Ensure content cards remain visible on all themes */
.bg-kids .card,
.bg-teens .card,
.bg-pro .card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* Navigation bar adjustments for themed backgrounds */
.bg-kids .navbar,
.bg-teens .navbar,
.bg-pro .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}