:root{--primary: #7B1FA2;--primary-hover: #8E44AD;--secondary: #D32F2F;--accent-red-bg: #FFEBEE;--accent-purple-light: #f4ecf7;--text-dark: #2c3e50;--text-body: #5f6c7b;--text-light: #94a3b8;--bg-card: #ffffff;--border-color: #f0f0f0;--shadow-sm: 0 10px 40px rgba(0,0,0,.05);--shadow-md: 0 14px 45px rgba(0,0,0,.08);--shadow-hover: 0 25px 60px rgba(123,31,162,.18);--radius-lg: 28px;--radius-md: 20px}body.dark-mode{--primary: #c084fc;--primary-hover: #a855f7;--secondary: #f87171;--text-dark: #f1f5f9;--text-body: #cbd5e1;--text-light: #94a3b8;--bg-card: #0f172a;--border-color: rgba(148,163,184,.08);--shadow-sm: 0 10px 30px rgba(0,0,0,.6);--shadow-md: 0 14px 40px rgba(0,0,0,.7);--shadow-hover: 0 25px 60px rgba(192,132,252,.35);--accent-purple-light: rgba(255,255,255,.08)}header.glass-header{position:sticky;top:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);padding:.8rem 0;transition:all .3s ease}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.header-controls{display:flex;align-items:center;gap:15px}.desktop-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.desktop-nav a{color:var(--text-dark);font-weight:500;font-size:.95rem;position:relative;transition:color .3s}.desktop-nav a.active{color:var(--primary)}@media(hover:hover){.desktop-nav a:hover{color:var(--primary)}}.header-right{display:flex;align-items:center;gap:12px}@media(max-width:992px){.header-container{padding:0 1.25rem;width:100%}.desktop-nav{display:none}.desktop-nav.active{display:block;position:fixed;top:70px;max-height:calc(100vh - 70px);overflow-y:auto;left:0;width:100%;background:#fff;z-index:10000;box-shadow:0 10px 30px #00000026}.desktop-nav.active ul{flex-direction:column}.desktop-nav.active ul li a{display:block;padding:14px 20px;border-bottom:1px solid #eee}.mobile-toggle{display:block!important;font-size:1.5rem;cursor:pointer;z-index:11000}.header-search{display:none!important}.install-app-btn .btn-text{display:inline-block!important}.install-app-btn{position:fixed!important;bottom:20px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;left:50%!important;transform:translate(-50%)!important;z-index:9999!important;box-shadow:0 8px 25px #0000004d!important}}.class-card{background:var(--bg-card);border-radius:24px;padding:2.4rem 2.2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:space-between;min-height:340px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}@media(hover:hover){.class-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #7b1fa226;border-color:#7b1fa233}}.card-bg-text{position:absolute;top:-20px;right:-20px;font-size:10rem;font-weight:900;color:var(--primary);opacity:.04;z-index:-1;transition:transform .4s ease}@media(hover:hover){.class-card:hover .card-bg-text{transform:scale(1.1) rotate(-5deg);opacity:.08}}.class-card h3{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin:0 0 .8rem}.class-card p{font-size:1rem;color:var(--text-body);line-height:1.6;margin-bottom:1.8rem}.card-bg-icon{position:absolute;top:-30px;right:-30px;font-size:7rem;opacity:.06;pointer-events:none;color:var(--primary);transform:rotate(10deg)}.class-badge,.card-badge{display:inline-block;padding:6px 16px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:1.2rem;background:var(--accent-purple-light);color:var(--primary)}.badge-board{background:#fef3c7;color:#92400e}.badge-final{background:#fee2e2;color:#b91c1c}.live-badge{background:var(--accent-red-bg);color:var(--secondary);animation:pulse-red 2s infinite;will-change:box-shadow}.card-action,.explore-link,.feature-link{font-weight:700;font-size:.95rem;color:var(--primary);display:inline-flex;align-items:center;gap:8px;transition:gap .25s ease,color .25s ease}@media(hover:hover){.card-action:hover,.explore-link:hover,.feature-link:hover{gap:14px;color:var(--primary-hover)}}.install-app-btn{position:fixed;bottom:90px;right:28px;z-index:1400;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff!important;border:none;padding:10px 20px;border-radius:50px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #7b1fa259;transition:all .3s ease;cursor:pointer}@media(hover:hover){.install-app-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7b1fa280}}.install-app-btn:after{content:"";position:absolute;inset:0;border-radius:50px;z-index:-1;animation:pulse-install 2s infinite}@keyframes pulse-install{0%{box-shadow:0 0 #7b1fa299}70%{box-shadow:0 0 0 12px #7b1fa200}to{box-shadow:0 0 #7b1fa200}}.hero-dots{display:flex;justify-content:center;gap:12px;margin-top:1.8rem}.hero-dots .dot{width:11px;height:11px;border-radius:50%;background:#d1d5db;transition:transform .25s,background .25s}.hero-dots .dot.active{background:var(--primary);transform:scale(1.2)}.hero-slide{opacity:0;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}.hero-slide.active{opacity:1;z-index:2}.header-search{position:relative;display:flex;align-items:center;background:var(--accent-purple-light);border-radius:50px;padding:5px 15px;transition:all .3s ease}.header-search button{background:none;border:none;padding:0;cursor:pointer}.header-search:focus-within{background:#fff;box-shadow:0 0 0 2px var(--primary)}.header-search .search-icon{color:var(--primary);font-size:.9rem;margin-right:8px}.header-search input{border:none;background:transparent;outline:none;font-size:.9rem;width:120px;color:var(--text-dark);transition:width .3s ease}.header-search input:focus{width:200px}.card-carousel-container{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;padding:10px 0 30px}.card-carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:10px 5px 20px;-webkit-overflow-scrolling:touch}.card-carousel-track::-webkit-scrollbar{display:block;height:6px}.card-carousel-track::-webkit-scrollbar-track{background:#0000000d;border-radius:10px;margin:0 5px}.card-carousel-track::-webkit-scrollbar-thumb{background:#7b1fa24d;border-radius:10px;transition:background .3s}@media(hover:hover){.card-carousel-track::-webkit-scrollbar-thumb:hover{background:var(--primary)}}.carousel-item{min-width:280px;max-width:320px;flex:0 0 auto;scroll-snap-align:center}.card-carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#fff;color:var(--primary);box-shadow:0 10px 25px #00000040;transition:all .2s;display:flex;align-items:center;justify-content:center}@media(hover:hover){.card-carousel-button:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 16px 35px #00000059}}.card-carousel-button.prev{left:-10px}.card-carousel-button.next{right:-10px}.feature-card{background:var(--bg-card);padding:2.5rem 2rem;border-radius:24px;box-shadow:0 10px 30px #00000008;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;transition:all .3s ease;position:relative;overflow:hidden}a.feature-card{text-decoration:none;cursor:pointer;color:inherit}@media(hover:hover){.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000001a;background:var(--primary)}}.feature-card .f-icon{width:60px;height:60px;border-radius:18px;margin-bottom:1.3rem;font-size:1.4rem;background:var(--accent-purple-light);color:var(--primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media(hover:hover){.feature-card:hover .f-icon{background:#fff3;color:#fff;transform:scale(1.1)}}.feature-card h3{font-size:1.15rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;transition:color .3s}.feature-card p{font-size:.95rem;color:var(--text-body);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;transition:color .3s}.feature-link{font-size:.9rem;font-weight:700;color:var(--primary);margin-top:auto;transition:color .3s}@media(hover:hover){.feature-card:hover h3,.feature-card:hover p,.feature-card:hover .feature-link{color:#fff}}.big-card{border-radius:24px;padding:2.5rem;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease}a.big-card{text-decoration:none;cursor:pointer}@media(hover:hover){.big-card:hover{transform:translateY(-5px)}}.card-mastery{background:linear-gradient(135deg,#2c3e50,#000)}.card-live{background:linear-gradient(135deg,#c0392b,#8e44ad)}.card-test{background:linear-gradient(135deg,#d35400,#f39c12)}.big-card h3{font-size:1.5rem;margin:1rem 0;color:#fff}.big-card p{color:#fffc;margin-bottom:1.5rem}.big-card .link{color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.auth-btn-pill{padding:8px 20px;border:2px solid var(--primary);border-radius:50px;color:var(--primary);font-weight:600;font-size:.9rem;transition:all .3s ease}@media(hover:hover){.auth-btn-pill:hover{background:var(--primary);color:#fff;box-shadow:0 4px 15px #7b1fa24d}}.recent-section{padding:2rem 8%;background:var(--accent-purple-light);border-bottom:1px solid rgba(0,0,0,.05)}.section-header-recent{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-recent h2{font-size:1.4rem;color:var(--text-dark);display:flex;align-items:center;gap:10px}.section-header-recent h2 i{color:var(--primary)}.clear-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:.9rem}@media(hover:hover){.clear-btn:hover{color:var(--secondary);text-decoration:underline}}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.recent-card{background:var(--bg-card);padding:1.2rem;border-radius:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:15px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}@media(hover:hover){.recent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary)}}.recent-icon{width:45px;height:45px;background:var(--accent-purple-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.2rem}.recent-type{font-size:.7rem;color:var(--primary);font-weight:700;text-transform:uppercase}.recent-title{font-size:.95rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coming-soon-hero{max-width:600px;margin:auto;background:var(--bg-card);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-hover)}.coming-soon-hero .badge{display:inline-block;background:#8e44ad26;color:var(--primary);font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:1rem}.coming-soon-hero h1,.coming-soon-hero h2{font-size:2rem;font-weight:800;margin-bottom:.8rem}.coming-soon-hero p{color:var(--text-light);margin-bottom:2rem}body.dark-mode .feature-card,body.dark-mode .recent-card,body.dark-mode .coming-soon-hero{background:#0f172a;border-color:#94a3b814;box-shadow:var(--shadow-md)}body.dark-mode .recent-section{background:#ffffff0a}body.dark-mode .feature-card h3,body.dark-mode .recent-title,body.dark-mode .coming-soon-hero h1{color:#f8fafc}body.dark-mode .feature-card p,body.dark-mode .coming-soon-hero p{color:#cbd5e1}body.dark-mode header.glass-header{background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.05)}@keyframes pulse-red{0%{box-shadow:0 0 #d32f2f66}70%{box-shadow:0 0 0 10px #d32f2f00}to{box-shadow:0 0 #d32f2f00}}.card-9 .card-bg-icon{color:#3498db}.card-9 .class-badge{background:#e1f5fe;color:#0288d1}.card-10 .card-bg-icon{color:#f39c12}.card-11 .card-bg-icon{color:#9b59b6}.card-12 .card-bg-icon{color:#e74c3c}@media(hover:hover){.card-9:hover{border-color:#3498db4d;box-shadow:0 20px 40px #3498db26}.card-10:hover{border-color:#f39c124d;box-shadow:0 20px 40px #f39c1226}.card-11:hover{border-color:#9b59b64d;box-shadow:0 20px 40px #9b59b626}.card-12:hover{border-color:#e74c3c4d;box-shadow:0 20px 40px #e74c3c26}}.card-maths-mastery{background:linear-gradient(135deg,#2c3e50,#000);color:#fff}.card-maths-mastery h3,.card-maths-mastery p{color:#fff}.card-maths-mastery .card-bg-icon{color:#ffffff1a}.card-maths-mastery .card-action{color:#f1c40f}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}@media(max-width:768px){.class-card{text-align:center;align-items:center}.section-header,.classes-section h1,.classes-section h2,.hero h1,.section-title{text-align:center;justify-content:center}.hero-content{text-align:center;margin-left:auto;margin-right:auto}.section-header-recent{flex-direction:column;justify-content:center;text-align:center}.footer-col{text-align:center}.footer-col ul li,.social-links{justify-content:center}}.question-diagram{margin:12px 0;text-align:center}.question-diagram svg{max-width:100%;height:auto}