@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.6;overflow-x:hidden}:root{--color-primary:#00aeef;--color-primary-light:#4dc9f6;--color-primary-dark:#008ac6;--color-secondary:#ff8c42;--color-secondary-light:#ffad76;--color-secondary-dark:#e57025;--color-accent:#f9c74f;--color-accent-light:#fbd578;--color-accent-dark:#e0a825;--color-success:#6bcf7f;--color-warning:#ffb84d;--color-error:#ff5252;--color-info:#5dade2;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:var(--color-gray-50);--bg-secondary:var(--color-white);--bg-tertiary:var(--color-gray-100);--bg-overlay:#00000080;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-800);--text-tertiary:var(--color-gray-600);--text-inverse:var(--color-white);--border-color:var(--color-gray-200);--border-color-hover:var(--color-gray-300);--font-heading:"Fredoka","Nunito",system-ui,-apple-system,sans-serif;--font-body:"Nunito",system-ui,-apple-system,sans-serif;--font-mono:"Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500}[data-theme=dark]{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-overlay:#000000b3;--text-primary:var(--color-gray-50);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-500);--border-color:var(--color-gray-700);--border-color-hover:var(--color-gray-600)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-extrabold);color:#111827;line-height:1.2}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}p{margin-bottom:var(--space-4);color:var(--color-gray-800)}.text-igbo-primary{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3}.text-igbo-secondary{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.text-english-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);opacity:0;transition:opacity var(--transition-base);font-style:italic}.text-english-hint.visible{opacity:1}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.container-narrow{max-width:800px}.container-wide{max-width:1400px}.section{padding:var(--space-12)0}.section-sm{padding:var(--space-8)0}.section-lg{padding:var(--space-20)0}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-6);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;min-height:48px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-gray-900);box-shadow:var(--shadow-md)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--text-inverse)}.btn-ghost{color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--space-5)var(--space-8);font-size:var(--font-size-lg);min-height:56px}.btn-xl{padding:var(--space-6)var(--space-10);font-size:var(--font-size-xl);min-height:64px}.btn-full{width:100%}.card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(0)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}[data-theme=dark] .card-glass{background:#1f2937b3;border:1px solid #4b55634d}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:48px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-in-up{animation:slideInUp var(--transition-base)}.animate-slide-in-down{animation:slideInDown var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}@media (max-width:640px){:root{--font-size-4xl:1.875rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-3)}}@media (min-width:641px) and (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.visible{display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.kids-mode{--color-primary:#ff6b9d;--color-secondary:#4ecdc4;--color-accent:#ffd93d;--font-size-base:1.125rem}.kids-mode .btn{min-height:56px;font-size:var(--font-size-lg);border-radius:var(--radius-2xl)}.kids-mode h1,.kids-mode h2,.kids-mode h3{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-color:var(--color-gray-900)}.btn{border:2px solid}}button,a,input[type=button],input[type=submit],.clickable{-webkit-tap-highlight-color:#00aeef4d;min-width:44px;min-height:44px}img{max-width:100%;height:auto}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.grid-responsive{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.landing-hero h1{font-size:2.5rem}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@media (max-width:639px){.landing-section{padding:3rem 1rem}.dashboard-container,.card{padding:1rem}.btn,button{padding:.875rem 1.5rem;font-size:1rem}}