:root{--font-primary: "Comic Neue", system-ui, sans-serif;--primary-color: #4CAF50;--primary-light: #81C784;--primary-dark: #388E3C;--secondary-color: #FF9800;--secondary-light: #FFB74D;--secondary-dark: #F57C00;--accent-color: #2196F3;--accent-light: #64B5F6;--accent-dark: #1976D2;--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-tertiary: #E0E0E0;--text-primary: #212121;--text-secondary: #757575;--text-light: #FFFFFF;--success-color: #4CAF50;--error-color: #F44336;--warning-color: #FFC107;--info-color: #2196F3;--fun-purple: #9C27B0;--fun-pink: #E91E63;--fun-yellow: #FFEB3B;--fun-cyan: #00BCD4;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-primary: "Comic Neue", cursive;--font-secondary: "Quicksand", sans-serif;--font-heading: "Fredoka One", cursive;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}body{font-family:var(--font-secondary);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-dark);margin-bottom:var(--space-md)}.btn{font-family:var(--font-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:none;cursor:pointer;transition:transform var(--transition-fast);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn.btn-primary{background-color:var(--primary-color);color:var(--text-light);box-shadow:0 4px 0 var(--primary-dark)}.btn.btn-primary:active{box-shadow:0 2px 0 var(--primary-dark)}.btn.btn-secondary{background-color:var(--secondary-color);color:var(--text-light);box-shadow:0 4px 0 var(--secondary-dark)}.btn.btn-secondary:active{box-shadow:0 2px 0 var(--secondary-dark)}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:3px solid var(--primary-light);transition:transform var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.input{font-family:var(--font-secondary);padding:var(--space-sm) var(--space-md);border:2px solid var(--primary-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-transform:uppercase}.badge.badge-math{background-color:var(--fun-purple);color:var(--text-light)}.badge.badge-science{background-color:var(--fun-cyan);color:var(--text-light)}.badge.badge-english{background-color:var(--fun-pink);color:var(--text-light)}.bounce{animation:bounce .5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){:root{--text-base: .938rem;--space-md: .875rem;--space-lg: 1.25rem}.card{padding:var(--space-md)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;font-family:var(--font-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-normal)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-light)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-dark)}.form-control{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary-color)}.fade-in{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}