@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#faf5ff,#eff6ff)}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background:linear-gradient(135deg,#fdf2f8,#faf5ff,#eff6ff)}.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.p-6{padding:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.text-center{text-align:center}.mb-8{margin-bottom:2rem}.text-purple-700{color:#7c3aed}.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgb(0 0 0 / .05))}.rounded-2xl{border-radius:1rem}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.grid{display:grid}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.bg-white{background-color:#fff}.gap-4{gap:1rem}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.mt-6{margin-top:1.5rem}.space-y-6>*+*{margin-top:1.5rem}.fun-body{font-family:Comic Sans MS,cursive,sans-serif;background-color:#f0f8ff;color:#333;margin:0;padding:0;overflow-x:hidden;border:20px solid transparent;min-height:100vh}.fun-header{background:linear-gradient(to right,#ff69b4,gold);padding:30px 20px;text-align:center;box-shadow:0 4px 8px #0000001a}.fun-title{font-size:3em;color:#fff;text-shadow:2px 2px 4px #ff4500;animation:bounce 2s infinite;margin-bottom:10px}.header-subtitle{font-size:1.3em;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);max-width:600px;margin:0 auto}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.floating-tabs{display:flex;justify-content:center;background-color:#f0f8ff;padding:15px 0;box-shadow:0 4px 8px #0000001a}.floating-tabs ul{list-style:none;padding:0;margin:0;display:flex;gap:15px;flex-wrap:wrap}.floating-tabs li{margin:0}.tab-button{display:flex;align-items:center;gap:8px;background-color:#87cefa;color:#fff;padding:12px 25px;border-radius:50px;text-decoration:none;font-weight:700;box-shadow:0 4px 8px #0003;transition:transform .3s,background-color .3s}.tab-button:hover{transform:scale(1.1);background-color:#ff69b4}.tab-icon{width:18px;height:18px}.content-box{background-color:#fffacd;padding:30px;margin:30px auto;max-width:900px;font-size:1.2em;text-align:center;box-shadow:0 4px 8px #0000001a;border-radius:20px;transition:transform .3s}.content-box:hover{transform:translateY(-10px)}.content-box h2{color:#4a7a2d;margin-bottom:20px;font-size:2em}.welcome-box{background:linear-gradient(135deg,#ff9e6d,#6db5ff);color:#fff}.info-box{background:linear-gradient(135deg,#8dd16d,#6db5ff);color:#fff}.fun-elements{display:flex;justify-content:center;gap:30px;margin:40px 0;flex-wrap:wrap}.fun-element{font-size:3rem;animation:float 5s infinite ease-in-out}.fun-element:nth-child(1){animation-delay:0s;color:gold}.fun-element:nth-child(2){animation-delay:.5s;color:#ff69b4}.fun-element:nth-child(3){animation-delay:1s;color:#32cd32}.fun-element:nth-child(4){animation-delay:1.5s;color:#1e90ff}.fun-element:nth-child(5){animation-delay:2s;color:red}.fun-element:nth-child(6){animation-delay:2.5s;color:tomato}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.cognitive-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:40px}.skill-card{background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:20px;padding:30px;text-align:center;box-shadow:0 8px 20px #0000001a;transition:all .3s ease}.skill-card:hover{transform:translateY(-10px) rotate(2deg);box-shadow:0 15px 30px #00000026}.skill-icon{display:flex;justify-content:center;align-items:center;width:70px;height:70px;background:#f0f4ff;border-radius:50%;margin:0 auto 20px}.skill-icon .icon{width:35px;height:35px;color:#4a7a2d}.skill-card h3{color:#4a7a2d;font-size:1.3em;margin:0}.personal-statement{font-style:italic;background:linear-gradient(135deg,#fff0e6,#e6f7ff);border-left:5px solid #ff9e6d}.founder-signature{font-weight:700;font-style:normal;margin-top:20px;color:#4a7a2d}.fun-footer{background:linear-gradient(135deg,#6db5ff,#8dd16d);text-align:center;padding:40px;color:#fff;margin-top:50px}.footer-content h3{margin-bottom:20px;font-size:1.5em}.social-links{display:flex;justify-content:center;gap:20px;margin:20px 0}.social-link{font-size:2rem;transition:transform .3s ease}.social-link:hover{transform:translateY(-5px) scale(1.2)}.programs-section{padding:50px 20px;max-width:1200px;margin:0 auto}.programs-title{text-align:center;font-size:2.5em;color:#ff4500;margin-bottom:30px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loading-text{font-size:1.5em;color:#4a7a2d}.memory-game{text-align:center;padding:20px}.memory-stats{display:flex;justify-content:space-around;margin-bottom:20px;font-weight:700;color:#4a7a2d}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px auto;max-width:400px}.memory-card{width:80px;height:80px;perspective:1000px;cursor:pointer}.memory-card .card-front,.memory-card .card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;transition:transform .6s}.memory-card .card-front{background:linear-gradient(135deg,#6db5ff,#4a7a2d);color:#fff}.memory-card .card-back{background:linear-gradient(135deg,#ff9e6d,#ff6d9e);transform:rotateY(180deg)}.memory-card.flipped .card-front{transform:rotateY(180deg)}.memory-card.flipped .card-back{transform:rotateY(0)}.memory-card.matched .card-back{background:linear-gradient(135deg,#8dd16d,#4a7a2d)}.memory-controls{margin-top:20px}.memory-controls button{background:#ff9e6d;color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:700;font-size:16px;transition:all .3s ease}.memory-controls button:hover{background:#ff7c43;transform:translateY(-2px)}.activities-container{min-height:100vh;background:linear-gradient(135deg,#f0f8ff,#e6f0e6)}.activities-header{background:linear-gradient(135deg,#ff9e6d,#6db5ff);padding:40px 20px;text-align:center;color:#fff}.header-content{max-width:1000px;margin:0 auto}.home-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;margin-bottom:20px;padding:10px 20px;background:#fff3;border-radius:25px;transition:all .3s ease}.home-link:hover{background:#ffffff4d;transform:translateY(-2px)}.activities-header h1{font-size:2.8em;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.activities-header p{font-size:1.3em;opacity:.9;max-width:600px;margin:0 auto}.benefits-section{padding:50px 20px;background:#fff;text-align:center}.benefits-section h2{color:#4a7a2d;margin-bottom:40px;font-size:2.2em}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.benefit-item{padding:30px;background:#f9f9f9;border-radius:15px;box-shadow:0 5px 15px #00000014}.benefit-icon{width:50px;height:50px;color:#ff9e6d;margin-bottom:15px}.benefit-item h3{color:#4a7a2d;margin-bottom:15px}.games-section{padding:50px 20px;background:linear-gradient(135deg,#e6f7ff,#f0f8ff)}.games-section h2{text-align:center;color:#4a7a2d;margin-bottom:40px;font-size:2.2em}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1200px;margin:0 auto}.game-card{transition:all .3s ease;border:none;box-shadow:0 5px 20px #0000001a}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.active-game{border-left:5px solid #4a7a2d}.coming-soon{opacity:.8;background:linear-gradient(135deg,#f9f9f9,#f0f0f0)}.badge{background:#ff9e6d;color:#fff;padding:4px 12px;border-radius:20px;font-size:.7em;margin-left:10px}.game-description{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:10px}.skills-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skills-list span{background:#e6f7ff;padding:5px 12px;border-radius:15px;font-size:.9em;color:#4a7a2d}.cta-section{padding:60px 20px;background:linear-gradient(135deg,#6db5ff,#8dd16d);color:#fff;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-icon{width:60px;height:60px;margin-bottom:20px}.cta-section h2{margin-bottom:15px;font-size:2em}.cta-button{display:inline-block;margin-top:20px;padding:15px 30px;background:#fff;color:#4a7a2d;text-decoration:none;border-radius:30px;font-weight:700;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.activities-header h1{font-size:2em}.games-grid,.benefits-grid{grid-template-columns:1fr}}@media (max-width: 768px){.fun-title{font-size:2.2em}.header-subtitle{font-size:1.1em}.floating-tabs ul{flex-direction:column;align-items:center}.tab-button{padding:10px 20px}.cognitive-skills-grid{grid-template-columns:1fr}.fun-element{font-size:2.5rem}.memory-grid{grid-template-columns:repeat(3,1fr);max-width:300px}.memory-card{width:70px;height:70px}}.resources-container{padding:20px;max-width:1200px;margin:0 auto}.resources-header{text-align:center;margin-bottom:40px}.resources-header h1{color:#4a7a2d;font-size:2.5em;margin-bottom:10px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:40px}.resource-card{transition:all .3s ease;height:100%}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.resource-category{display:inline-block;background:#e6f7ff;color:#4a7a2d;padding:5px 12px;border-radius:15px;font-size:.8em;margin-top:10px}.resource-actions{display:flex;gap:10px;flex-wrap:wrap}.resource-button{display:inline-flex;align-items:center;gap:5px;padding:10px 15px;background:#6db5ff;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.resource-button:hover{background:#5aa0e0;transform:translateY(-2px)}.print-button{background:#ff9e6d}.print-button:hover{background:#ff8c55}.coming-soon{text-align:center;padding:20px;background:#f9f9f9;border-radius:8px;color:#666;font-style:italic}.resources-info{max-width:800px;margin:0 auto}.info-card ol{padding-left:20px}.info-card li{margin-bottom:10px}.blog-post-container{max-width:800px;margin:0 auto;padding:2rem}.back-button{display:inline-block;color:#4f46e5;text-decoration:none;font-weight:500;margin-bottom:2rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.back-button:hover{background-color:#f9fafb;border-color:#4f46e5}.blog-post-detail{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.post-header{padding:2rem;border-bottom:1px solid #e5e7eb}.post-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.2}.post-meta{display:flex;gap:1rem;margin-bottom:1.5rem;color:#6b7280;font-size:.9rem}.post-featured-image{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-top:1rem}.post-content{padding:2rem;line-height:1.7;color:#374151}.post-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:2rem 0 1rem}.post-content p{margin-bottom:1rem}@media (max-width: 768px){.blog-post-container{padding:1rem}.post-header{padding:1.5rem}.post-header h1{font-size:2rem}.post-content{padding:1.5rem}.post-featured-image{height:200px}}@media (max-width: 480px){.post-header h1{font-size:1.5rem}.post-meta{flex-direction:column;gap:.5rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}