@charset "UTF-8";:root{--edu-primary: #1f36ad;--edu-primary-light: #3d52c7;--edu-primary-dark: #162a8a;--edu-secondary: #6366f1;--edu-accent: #f59e0b;--edu-success: #10b981;--edu-warning: #f59e0b;--edu-danger: #ef4444;--edu-info: #06b6d4;--edu-dark: #1e293b;--edu-light: #f8fafc;--edu-gray-50: #f9fafb;--edu-gray-100: #f3f4f6;--edu-gray-200: #e5e7eb;--edu-gray-300: #d1d5db;--edu-gray-500: #6b7280;--edu-gray-700: #374151;--edu-gray-900: #111827}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--edu-gray-700)}.edu-gradient-bg{background:linear-gradient(135deg,#1f36ad,#4b5fc8 30%,#495cc6 70%,#4a5cc6);min-height:50vh;position:relative}.edu-gradient-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;pointer-events:none}.edu-welcome-section{background:linear-gradient(135deg,var(--edu-primary) 0%,var(--edu-primary-light) 100%);color:#fff;padding:3rem 0;position:relative;overflow:hidden;margin-top:0}.edu-welcome-section:before{content:"";position:absolute;top:-50%;right:-20%;width:40%;height:200%;background:#ffffff1a;border-radius:50%;transform:rotate(-15deg)}.edu-welcome-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:30%;height:150%;background:#ffffff0d;border-radius:50%;transform:rotate(25deg)}.edu-welcome-content{position:relative;z-index:2}.edu-stats-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem 1.5rem;text-align:center;color:var(--edu-gray-700);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #1f36ad1a;position:relative;overflow:hidden}.edu-stats-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.edu-stats-card:hover:before{left:100%}.edu-stats-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px -10px #1f36ad33}.edu-quick-access{background:linear-gradient(135deg,var(--edu-primary) 0%,var(--edu-secondary) 100%);padding:3rem 0;position:relative}.edu-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 30px -5px #1f36ad1a;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;overflow:hidden;position:relative}.edu-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary))}.edu-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #1f36ad40}.edu-grade-card{background:#fff;border-radius:2rem;box-shadow:0 15px 35px -5px #1f36ad1a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:none;position:relative}.edu-grade-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-accent))}.edu-grade-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px -15px #1f36ad4d}.edu-progress-bar{height:10px;border-radius:5px;background:var(--edu-gray-200);overflow:hidden;position:relative}.edu-progress-fill{height:100%;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));border-radius:5px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.edu-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%);background-size:20px 20px;animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:20px 0}}.edu-article-card{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 5px 15px -3px #1f36ad1a;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.edu-article-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--edu-primary),var(--edu-secondary));transform:scaleY(0);transition:transform .3s ease}.edu-article-card:hover:before{transform:scaleY(1)}.edu-article-card:hover{box-shadow:0 15px 30px -5px #1f36ad33;transform:translateY(-5px)}.edu-icon-circle{width:4.5rem;height:4.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;overflow:hidden}.edu-icon-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);border-radius:50%}.edu-section-title{color:var(--edu-dark);font-weight:800;font-size:2.25rem;margin-bottom:3rem;position:relative;display:inline-block}.edu-section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));border-radius:2px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-skeleton{background:linear-gradient(90deg,var(--edu-gray-200) 25%,var(--edu-gray-100) 50%,var(--edu-gray-200) 75%);background-size:200% 100%;border-radius:.75rem;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.calendar-wrapper{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px -5px #1f36ad1a;overflow:hidden;border:1px solid var(--edu-gray-100)}.btn-primary{background:linear-gradient(135deg,var(--edu-primary),var(--edu-primary-light));border:none;border-radius:.75rem;padding:.75rem 2rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px -3px #1f36ad4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #1f36ad66;background:linear-gradient(135deg,var(--edu-primary-light),var(--edu-secondary))}.text-primary{color:var(--edu-primary)!important}.bg-primary{background:var(--edu-primary)!important}.border-primary{border-color:var(--edu-primary)!important}@media (max-width: 768px){.edu-gradient-bg{padding-top:70px!important}.edu-welcome-section{padding:6rem 0 3rem}.edu-section-title{font-size:1.75rem}.edu-stats-card{padding:1.5rem 1rem}.edu-icon-circle{width:3.5rem;height:3.5rem}}@media (max-width: 576px){.edu-gradient-bg{padding-top:60px!important}.edu-welcome-section{padding:5rem 0 2rem}}.edu-subject-card{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.edu-subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));transform:scaleX(0);transition:transform .3s ease}.edu-subject-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.edu-subject-card:hover:before{transform:scaleX(1)}.edu-subject-card:hover .edu-icon-circle{transform:scale(1.1)}.edu-semester-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.edu-semester-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary))}.edu-semester-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.edu-category-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.edu-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));transform:scaleX(0);transition:transform .3s ease}.edu-category-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.edu-category-card:hover:before{transform:scaleX(1)}.edu-category-card:hover .edu-icon-circle{transform:scale(1.05)}.edu-category-card.category-plans:before{background:linear-gradient(90deg,#10b981,#059669)}.edu-category-card.category-plans .edu-icon-circle{background:linear-gradient(135deg,#10b981,#059669)}.edu-category-card.category-plans .edu-icon-circle i{color:#fff}.edu-category-card.category-plans:hover{box-shadow:0 6px 20px #10b98140}.edu-category-card.category-worksheets:before{background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary))}.edu-category-card.category-worksheets .edu-icon-circle{background:linear-gradient(135deg,var(--edu-primary),var(--edu-secondary))}.edu-category-card.category-worksheets .edu-icon-circle i{color:#fff}.edu-category-card.category-worksheets:hover{box-shadow:0 6px 20px #1f36ad40}.edu-category-card.category-tests:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.edu-category-card.category-tests .edu-icon-circle{background:linear-gradient(135deg,#ef4444,#dc2626)}.edu-category-card.category-tests .edu-icon-circle i{color:#fff}.edu-category-card.category-tests:hover{box-shadow:0 6px 20px #ef444440}.edu-category-card.category-books:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.edu-category-card.category-books .edu-icon-circle{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.edu-category-card.category-books .edu-icon-circle i{color:#fff}.edu-category-card.category-books:hover{box-shadow:0 6px 20px #8b5cf640}.edu-grade-card{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.edu-grade-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--edu-primary),var(--edu-secondary));transform:scaleX(0);transition:transform .3s ease}.edu-grade-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.edu-grade-card:hover:before{transform:scaleX(1)}.edu-grade-card:hover .edu-icon-circle{transform:scale(1.1)}.edu-grade-card.grade-kg:before{background:linear-gradient(90deg,#ff6b6b,#ee5a52)}.edu-grade-card.grade-kg .edu-icon-circle{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important}.edu-grade-card.grade-kg:hover{box-shadow:0 10px 30px #ff6b6b40}.edu-grade-card.grade-1:before,.edu-grade-card.grade-2:before,.edu-grade-card.grade-3:before{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.edu-grade-card.grade-1 .edu-icon-circle,.edu-grade-card.grade-2 .edu-icon-circle,.edu-grade-card.grade-3 .edu-icon-circle{background:linear-gradient(135deg,#4ecdc4,#44a08d)!important}.edu-grade-card.grade-1:hover,.edu-grade-card.grade-2:hover,.edu-grade-card.grade-3:hover{box-shadow:0 10px 30px #4ecdc440}.edu-grade-card.grade-4:before,.edu-grade-card.grade-5:before,.edu-grade-card.grade-6:before{background:linear-gradient(90deg,#45b7d1,#2980b9)}.edu-grade-card.grade-4 .edu-icon-circle,.edu-grade-card.grade-5 .edu-icon-circle,.edu-grade-card.grade-6 .edu-icon-circle{background:linear-gradient(135deg,#45b7d1,#2980b9)!important}.edu-grade-card.grade-4:hover,.edu-grade-card.grade-5:hover,.edu-grade-card.grade-6:hover{box-shadow:0 10px 30px #45b7d140}.edu-grade-card.grade-7:before,.edu-grade-card.grade-8:before,.edu-grade-card.grade-9:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.edu-grade-card.grade-7 .edu-icon-circle,.edu-grade-card.grade-8 .edu-icon-circle,.edu-grade-card.grade-9 .edu-icon-circle{background:linear-gradient(135deg,#f39c12,#e67e22)!important}.edu-grade-card.grade-7:hover,.edu-grade-card.grade-8:hover,.edu-grade-card.grade-9:hover{box-shadow:0 10px 30px #f39c1240}.edu-grade-card.grade-10:before,.edu-grade-card.grade-11:before{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.edu-grade-card.grade-10 .edu-icon-circle,.edu-grade-card.grade-11 .edu-icon-circle{background:linear-gradient(135deg,#9b59b6,#8e44ad)!important}.edu-grade-card.grade-10:hover,.edu-grade-card.grade-11:hover{box-shadow:0 10px 30px #9b59b640}.edu-grade-card.grade-12:before,.edu-grade-card.grade-13:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.edu-grade-card.grade-12 .edu-icon-circle,.edu-grade-card.grade-13 .edu-icon-circle{background:linear-gradient(135deg,#e74c3c,#c0392b)!important}.edu-grade-card.grade-12:hover,.edu-grade-card.grade-13:hover{box-shadow:0 10px 30px #e74c3c40}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--edu-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--edu-primary),var(--edu-secondary));border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--edu-secondary),var(--edu-primary))}.edu-footer{background:linear-gradient(135deg,var(--edu-primary-dark) 0%,var(--edu-primary) 50%,var(--edu-primary-light) 100%);color:#fff;margin-top:0;position:relative}.edu-footer .footer-top{padding:60px 0 40px;position:relative;z-index:1}.edu-footer .footer-bottom{background:#0003;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.edu-footer .app-brand-link{display:flex;align-items:center;text-decoration:none;margin-bottom:20px;transition:all .3s ease}.edu-footer .app-brand-link:hover{transform:translateY(-2px)}.edu-footer .app-brand-link .app-brand-logo{margin-right:12px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.edu-footer .app-brand-link .app-brand-text{font-size:1.5rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.edu-footer .footer-logo-description{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:25px;max-width:300px}.edu-footer .social-icons{display:flex;gap:12px;flex-wrap:wrap}.edu-footer .social-icons .social-icon-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border-radius:50%;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edu-footer .social-icons .social-icon-link:hover{background:#fff3;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0000004d}.edu-footer .social-icons .social-icon-link .social-icon-img{filter:brightness(0) invert(1);transition:all .3s ease}.edu-footer .footer-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px;position:relative;padding-bottom:10px}.edu-footer .footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--edu-accent),transparent);border-radius:2px}.edu-footer .footer-link{color:#fffc;text-decoration:none;font-size:.9rem;display:block;padding:6px 0;transition:all .3s ease;position:relative}.edu-footer .footer-link:hover{color:var(--edu-accent);transform:translate(5px);text-shadow:0 2px 4px rgba(0,0,0,.3)}.edu-footer .footer-link i{color:var(--edu-accent);font-size:.85rem}.edu-footer .app-download-section{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.edu-footer .app-download-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.edu-footer .app-download-section .app-download-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:12px;position:relative;z-index:1;display:flex;align-items:center;gap:10px}.edu-footer .app-download-section .app-download-title:before{content:"📱";font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.edu-footer .app-download-section .app-download-text{color:#ffffffe6;font-size:.95rem;margin-bottom:24px;line-height:1.6;position:relative;z-index:1;font-weight:400}.edu-footer .app-download-section .app-download-buttons{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.edu-footer .app-download-section .app-download-buttons .app-download-link{display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden;position:relative;background:#ffffff1a;padding:4px;border:1px solid rgba(255,255,255,.2)}.edu-footer .app-download-section .app-download-buttons .app-download-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.edu-footer .app-download-section .app-download-buttons .app-download-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #0006,0 0 0 1px #ffffff4d;background:#ffffff26}.edu-footer .app-download-section .app-download-buttons .app-download-link:hover:before{left:100%}.edu-footer .app-download-section .app-download-buttons .app-download-link img{border-radius:8px;transition:all .3s ease;width:140px;height:auto;display:block;filter:brightness(1.1) contrast(1.1)}.edu-footer .app-download-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.edu-footer .app-download-section:hover:after{opacity:1}.edu-footer .footer-bottom-text{color:#fffc;font-size:.9rem}.edu-footer .footer-bottom-text a{color:var(--edu-accent);text-decoration:none;font-weight:500;transition:all .3s ease}.edu-footer .footer-bottom-text a:hover{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.edu-footer .footer-bottom-text .made-with-love{display:flex;align-items:center;gap:5px}.edu-footer .footer-bottom-text .made-with-love .heart-icon{color:#ff6b6b;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.edu-footer .footer-top{padding:40px 0 30px}.edu-footer .app-brand-link{justify-content:center;text-align:center}.edu-footer .footer-logo-description{text-align:center;max-width:100%}.edu-footer .social-icons{justify-content:center}.edu-footer .footer-title{text-align:center;margin-top:30px}.edu-footer .footer-title:after{left:50%;transform:translate(-50%)}.edu-footer .footer-link{text-align:center}.edu-footer .app-download-section{text-align:center;margin-top:30px;padding:1.5rem}.edu-footer .app-download-section .app-download-title{font-size:1.2rem;justify-content:center}.edu-footer .app-download-section .app-download-text{font-size:.9rem;margin-bottom:20px}.edu-footer .app-download-section .app-download-buttons{align-items:center;gap:10px}.edu-footer .app-download-section .app-download-buttons .app-download-link img{width:130px}.edu-footer .footer-bottom .d-flex{flex-direction:column;gap:10px;text-align:center}}.articles-hero{background:linear-gradient(135deg,#1f36ad,#286aad,#3b82f6);min-height:60vh;display:flex;align-items:center;position:relative;overflow:hidden}.articles-card{border-radius:20px;border:none;box-shadow:0 8px 30px #00000014;transition:all .3s ease;overflow:hidden}.articles-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.articles-icon-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.articles-icon-circle i{font-size:1.8rem;color:#fff}.articles-empty-state{text-align:center;padding:4rem 2rem}.articles-empty-state .empty-icon{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:50%;display:flex;align-items:center;justify-content:center}.articles-empty-state .empty-icon i{font-size:3rem;color:#9ca3af}.article-content img{max-width:100%;height:auto;border-radius:15px;margin:1rem 0}.article-content p{margin-bottom:1.2rem;line-height:1.8}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:2rem;margin-bottom:1rem;color:#1f36ad}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-content ul li,.article-content ol li{margin-bottom:.5rem;line-height:1.6}.article-content blockquote{border-left:4px solid #1f36ad;background:#1f36ad0d;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 15px 15px 0;font-style:italic}.comment-item{transition:all .3s ease}.comment-item:hover{background:#e5e7eb!important;transform:translate(5px)}.social-share .btn{transition:all .3s ease}.social-share .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.articles-hero{min-height:50vh;text-align:center}.articles-card{margin-bottom:1.5rem}.articles-icon-circle{width:50px;height:50px}.articles-icon-circle i{font-size:1.5rem}.article-content{font-size:.95rem}.article-content img{margin:.8rem 0}.social-share .btn{font-size:.85rem;padding:.5rem 1rem}}.download-hero{background:linear-gradient(135deg,#1f36ad,#286aad,#3b82f6);min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden}.download-card{border-radius:25px;border:none;box-shadow:0 10px 40px #0000001a;transition:all .3s ease;overflow:hidden}.download-card:hover{transform:translateY(-3px);box-shadow:0 15px 50px #00000026}.countdown-circle{animation:pulse-countdown 2s ease-in-out infinite}.game-area{position:relative;background:linear-gradient(135deg,#f8fafc,#e5e7eb);border-radius:20px;border:3px solid #e5e7eb;box-shadow:inset 0 4px 15px #0000001a}.game-area .clickable-dot{position:absolute;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;cursor:pointer;box-shadow:0 4px 15px #ef444466;transition:all .2s ease}.game-area .clickable-dot:hover{transform:scale(1.2);box-shadow:0 6px 20px #ef444499}.game-area .clickable-dot:active{transform:scale(.9)}.download-ready{animation:download-bounce 1s ease-in-out}.score-display{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;box-shadow:0 8px 25px #8b5cf64d;transition:all .3s ease}.score-display:hover{transform:scale(1.05);box-shadow:0 12px 35px #8b5cf666}@keyframes pulse-countdown{0%,to{box-shadow:0 10px 25px #ef44444d}50%{box-shadow:0 15px 35px #ef444480;transform:scale(1.05)}}@keyframes download-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 15px 35px #10b9814d}50%{transform:scale(1.05);box-shadow:0 20px 45px #10b98180}to{transform:scale(1);box-shadow:0 15px 35px #10b9814d}}@media (max-width: 768px){.download-hero{min-height:60vh;text-align:center}.download-card{margin-bottom:1.5rem}.download-card .card-body{padding:2rem!important}.game-area{width:280px!important;height:280px!important}.countdown-circle{width:60px!important;height:60px!important}.countdown-circle span{font-size:1.2rem!important}.download-ready .btn{font-size:1rem;padding:.8rem 2rem}}.edu-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.edu-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 80px #00000026!important}.edu-card:hover .edu-icon-circle{transform:scale(1.1) rotate(10deg)}.edu-icon-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 15px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(5px) rotate(-2deg)}}@media (max-width: 768px){.edu-card{margin-bottom:2rem}.edu-card:hover{transform:translateY(-8px) scale(1.01)}.hero-section{min-height:60vh!important}.hero-section .display-4{font-size:2rem!important}.hero-section .lead{font-size:1.1rem!important}.hero-section .stats-card .col-4 .h3{font-size:1.5rem!important}.floating-elements{display:none}}.grade-card-header{position:relative;overflow:hidden}.grade-card-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px);animation:move-stripes 20s linear infinite}@keyframes move-stripes{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.stats-grid .stat-item{transition:all .3s ease}.stats-grid .stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #1f36ad26}.progress-enhanced{position:relative}.progress-enhanced:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.article-card .card-body{position:relative;z-index:2}.article-card .file-type-icon{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 15px #0000001a}.article-card .card-title{font-weight:600;line-height:1.4;margin-bottom:.75rem}.article-card .badge{font-size:.75rem;padding:.25rem .75rem;border-radius:20px;font-weight:500}.article-card .btn{transition:all .2s ease;font-weight:500;border-radius:8px}.article-card .btn:hover{transform:scale(1.05)}.empty-state{padding:4rem 2rem;text-align:center}.empty-state i{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.empty-state h4{color:#64748b;margin-bottom:.5rem}.empty-state p{color:#94a3b8}@media (max-width: 768px){.article-card .card-body{padding:1.5rem}.article-card .file-type-icon{width:50px;height:50px}.article-card .card-title{font-size:1rem}.edu-icon-circle{width:2.5rem!important;height:2.5rem!important}.edu-icon-circle i{font-size:1rem!important}}@media (max-width: 576px){.article-card .d-flex{flex-direction:column;text-align:center}.article-card .file-type-icon{margin-bottom:1rem;margin-right:0!important}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.floating-element{animation:float 6s ease-in-out infinite}.floating-element:nth-child(2){animation-delay:-2s}.floating-element:nth-child(3){animation-delay:-4s}.floating-element:nth-child(4){animation-delay:-3s}.keyword-cloud{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.keyword-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,var(--edu-primary),var(--edu-secondary));color:#fff;text-decoration:none;border-radius:2rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.keyword-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.keyword-tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #00000026;color:#fff}.keyword-tag:hover:before{left:100%}.keyword-tag.news{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.keyword-tag.article{background:linear-gradient(135deg,#3498db,#2980b9)}@media (max-width: 768px){.floating-element{display:none}.keyword-cloud{gap:.5rem}.keyword-tag{font-size:.8rem;padding:.4rem .8rem}}.edu-section-title{font-size:1.75rem;font-weight:700;color:var(--edu-dark);margin-bottom:2rem;position:relative;padding-bottom:.5rem}.edu-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,var(--edu-primary),var(--edu-secondary));border-radius:2px}.empty-state{text-align:center;padding:3rem 1rem}.empty-state .edu-icon-circle{width:4rem;height:4rem;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b)}.empty-state h4{color:var(--edu-dark);margin-bottom:1rem}.empty-state p{color:#6c757d;margin-bottom:0}