@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap";:root{--primary-blue: #4A90E2;--primary-purple: #9B59B6;--primary-green: #2ECC71;--primary-orange: #F39C12;--primary-red: #E74C3C;--primary-pink: #FF6B9D;--secondary-blue: #5DADE2;--secondary-purple: #BB8FCE;--secondary-green: #58D68D;--secondary-orange: #F8C471;--background-light: #FFF9F0;--background-white: #FFFFFF;--background-cream: #FFF5E6;--text-dark: #2C3E50;--text-medium: #5D6D7E;--text-light: #95A5A6;--border-color: #E8E8E8;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .15);--success: #27AE60;--warning: #F39C12;--error: #E74C3C;--info: #3498DB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fredoka,Comic Neue,cursive,sans-serif;background:linear-gradient(135deg,var(--background-light) 0%,var(--background-cream) 100%);color:var(--text-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-dark);line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}.btn{padding:12px 24px;border:none;border-radius:50px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-medium);text-decoration:none;display:inline-block;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-heavy)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff}.btn-success{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:#fff}.btn-purple{background:linear-gradient(135deg,var(--primary-purple),var(--secondary-purple));color:#fff}.btn-orange{background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));color:#fff}.btn-large{padding:16px 36px;font-size:1.2rem}.btn-small{padding:8px 16px;font-size:.9rem}.card{background:var(--background-white);border-radius:20px;padding:24px;box-shadow:0 8px 24px var(--shadow-light);transition:all .3s ease;border:3px solid var(--border-color)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow-medium)}.card-header{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--primary-blue)}input,textarea,select{width:100%;padding:12px 16px;border:3px solid var(--border-color);border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;transition:all .3s ease;background:var(--background-white)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px #4a90e21a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:1.1rem}.badge{display:inline-block;padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-elementary{background:var(--primary-green);color:#fff}.badge-middle{background:var(--primary-orange);color:#fff}.badge-high{background:var(--primary-purple);color:#fff}.badge-easy{background:var(--secondary-green);color:#fff}.badge-medium{background:var(--secondary-orange);color:#fff}.badge-hard{background:var(--primary-red);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.star-rating{color:var(--primary-orange);font-size:1.2rem}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-blue);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 2s ease-in-out infinite}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}@media (max-width: 1024px){.container{padding:0 16px}}@media (max-width: 640px){.btn{padding:10px 20px;font-size:.9rem}.btn-large{padding:14px 28px;font-size:1rem}}