:root{--primary-color:#0f2c59;--primary-light:#1e3a8a;--accent-color:#f27a24;--accent-dark:#d9620f;--primary-gradient:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);--hover-gradient:linear-gradient(135deg, var(--primary-light) 0%, #2563eb 100%);--accent-gradient:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-dark) 100%);--accent-hover-gradient:linear-gradient(135deg, #ff8d3b 0%, var(--accent-color) 100%);--dark-overlay:#00000040;--glass-bg:#fffffff2;--glass-border:#0f2c591a;--text-dark:#2d3748;--text-light:#718096;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--font-heading:"Poppins", sans-serif;--font-body:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#081730}body{font-family:var(--font-body);color:var(--text-dark);background:0 0;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background:var(--dark-overlay);z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffffeb 0%,#fffffff5 100%);width:100%;padding:1rem 0;transition:all .4s;position:fixed;top:0;box-shadow:0 4px 20px #0000000d}nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;text-decoration:none;transition:all .3s;display:flex}.logo:hover{transform:scale(1.02)}.nav-right{align-items:center;gap:.8rem;display:flex}.nav-links{align-items:center;gap:1.25rem;list-style:none;display:flex}.nav-links a{color:var(--text-dark);cursor:pointer;padding:.5rem 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:before{content:"";background:var(--primary-gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-links a:hover{color:var(--accent-color)}.nav-links a:hover:before{width:100%}.nav-links a.active{color:var(--accent-color)}.nav-links a.active:before{width:100%}.nav-links li{position:relative}.dropdown-menu{z-index:1000;background:#fff;border:1px solid #edf2f7;border-radius:12px;min-width:210px;margin:0;padding:.6rem 0;list-style:none;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0a192f1a}.dropdown-menu li{width:100%;padding:0}.dropdown-menu li a{white-space:nowrap;text-decoration:none;transition:background .2s,color .2s;display:block;color:var(--text-dark)!important;padding:.5rem 1.25rem!important;font-size:.88rem!important;font-weight:500!important}.dropdown-menu li a:before{display:none!important}.dropdown-menu li a:hover{color:var(--accent-color)!important;background:#f27a2414!important}.nav-links li:hover .dropdown-menu{display:block}.btn-install{font-size:.85rem;font-weight:600;font-family:var(--font-body);color:var(--primary-color);border:1.5px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:25px;align-items:center;gap:6px;padding:.45rem 1.1rem;transition:all .3s;display:inline-flex}.btn-install:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.header-icon-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.btn-icon-action{width:36px;height:36px;color:var(--primary-color);border:1.5px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:inline-flex}.btn-icon-action:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}@media (width<=480px){.btn-install-label{display:none}.btn-install{justify-content:center;width:36px;height:36px;padding:.5rem}}.mobile-menu-toggle{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}.demo-role-selector{background:#0f2c5914;border-radius:20px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.demo-role-selector label{color:var(--primary-color);font-weight:700}.demo-role-selector select{color:var(--primary-color);cursor:pointer;background:0 0;border:none;outline:none;padding:2px;font-weight:600}footer{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2c59f5;padding:4rem 0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto 3rem;padding:0 2rem;display:grid}.footer-section h3{font-family:var(--font-heading);margin-bottom:1.2rem;font-size:1.25rem;position:relative}.footer-section h3:after{content:"";background:#fff;border-radius:1px;width:30px;height:2px;position:absolute;bottom:-6px;left:0}.footer-section p{opacity:.85;font-size:.9rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.6rem}.footer-section ul li a{color:#fffc;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.footer-section ul li a:hover{color:#fff;transform:translate(3px)}.social-icons{gap:.8rem;margin-top:1.2rem;display:flex}.social-icon{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:#ffffff40;transform:translateY(-2px)}.footer-bottom{text-align:center;color:#ffffffb3;border-top:1px solid #ffffff26;max-width:1200px;margin:0 auto;padding:1.5rem 2rem 0;font-size:.85rem}.fade-in{opacity:0;animation:.6s forwards viewFadeIn;transform:translateY(20px)}@keyframes viewFadeIn{to{opacity:1;transform:translateY(0)}}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1150px){header{padding:.8rem 0}.mobile-menu-toggle{display:block}.nav-links{border-top:1px solid var(--glass-border);background:#fff;flex-direction:column;width:100%;padding:1.5rem 0;animation:.3s forwards slideDown;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0000001a}.nav-links.show{display:flex}.nav-links li{text-align:center;width:100%;padding:.5rem 0}.demo-role-selector{margin-top:.5rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo-tagline{color:#0f2c59bf;white-space:nowrap;border-right:2px solid var(--accent-color);letter-spacing:.3px;width:0;font-size:.58rem;font-style:italic;font-weight:300;animation:6s steps(40,end) infinite alternate typing,.75s step-end infinite blink-caret;display:inline-block;position:absolute;top:28px;left:0;overflow:hidden}@keyframes typing{0%{width:0}60%,to{width:31ch}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent-color)}}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;gap:1.5rem;width:100%;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:.25rem!important}.landing-stat-item{border-top:none!important;border-left:1px solid #ffffff1f!important;padding-top:0!important;padding-left:.25rem!important}}@media (width<=992px){.subjects-grid-layout{grid-template-columns:1fr!important;gap:2rem!important}.filter-sidebar{position:static!important}}@media (width<=560px){.subjects-grid{grid-template-columns:1fr!important}.subject-detail-card{padding:1.5rem!important}}@media (width<=1150px){.nav-links li{width:100%;padding:.25rem 0}.nav-links a{justify-content:space-between;align-items:center;width:100%;padding:.6rem 2rem;font-size:1rem;display:flex}.dropdown-menu{box-shadow:none;background:#0f2c5908;border:none;border-left:3px solid #f27a244d;border-radius:4px;min-width:auto;margin:.25rem 2rem .5rem;padding:.25rem 0 .5rem 2.5rem;display:none;position:static!important;transform:none!important}.dropdown-menu.mobile-show{display:block!important}.dropdown-menu li{padding:0}.dropdown-menu li a{justify-content:flex-start;padding:.45rem 1rem!important;font-size:.88rem!important}.nav-links li:hover .dropdown-menu{display:none}.nav-links li:hover .dropdown-menu.mobile-show{display:block!important}.nav-links .btn-primary{text-align:center;border-radius:20px;width:calc(100% - 4rem);margin:.75rem 2rem;display:block}}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:2rem;width:100%;display:grid}.filter-checkbox-group{flex-direction:column;gap:.85rem;display:flex}.filter-sidebar{-webkit-backdrop-filter:blur(16px);border-radius:24px;position:sticky;top:7.5rem;background:#0b162c73!important;border:1px solid #ffffff14!important;padding:2.25rem 2rem!important;box-shadow:0 20px 50px #0000004d!important}.filter-label-chip{cursor:pointer;color:#ffffffbf;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;font-size:.92rem;transition:all .2s;display:flex}.filter-label-chip:hover{color:#fff;transform:translate(3px)}.filter-label-chip input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff0a;border:2px solid #fff3;border-radius:5px;outline:none;justify-content:center;align-items:center;width:18px;height:18px;margin:0;transition:all .2s;display:inline-flex;position:relative}.filter-label-chip input[type=checkbox]:checked{background:var(--accent-gradient);border-color:var(--accent-color);box-shadow:0 0 8px #f27a244d}.filter-label-chip input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.75rem;font-weight:900;position:absolute}.subject-detail-card{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;justify-content:space-between;padding:2.25rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.subject-detail-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#f27a2466,#0000);height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.subject-detail-card:hover{background:#ffffff0d;border-color:#f27a244d;transform:translateY(-8px);box-shadow:0 20px 40px #00000059,0 0 30px #f27a2414}.subject-detail-card:hover:before{opacity:1}.subject-card-category{color:var(--accent-color);text-transform:uppercase;letter-spacing:.8px;background:#f27a241f;border:1px solid #f27a2433;border-radius:50px;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.subject-card-grade-tag{letter-spacing:.3px;border-radius:6px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.subject-card-grade-tag.k-5{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7133}.subject-card-grade-tag.middle{color:#3498db;background:#3498db1a;border:1px solid #3498db33}.subject-card-grade-tag.high{color:#9b59b6;background:#9b59b61a;border:1px solid #9b59b633}.subject-card-title{color:#fff;font-size:1.35rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.3px;margin:1.25rem 0 .8rem;transition:color .3s}.subject-detail-card:hover .subject-card-title{color:var(--accent-color)}.subject-card-desc{color:#ffffffbf;min-height:4.8rem;margin:0 0 1.75rem;font-size:.88rem;line-height:1.6}.subject-card-topics-title{text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.subject-card-skill-tag{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:.3rem .7rem;font-size:.74rem;font-weight:500;transition:all .2s;display:inline-block}.subject-detail-card:hover .subject-card-skill-tag{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.subject-card-button{border:2px solid var(--accent-color);color:#fff;cursor:pointer;text-align:center;z-index:1;background:0 0;border-radius:12px;width:100%;padding:.85rem;font-size:.88rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.subject-card-button:after{content:"";background:var(--accent-gradient);z-index:-1;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(100%)}.subject-card-button:hover{border-color:var(--accent-color);color:#fff;box-shadow:0 8px 20px #f27a244d}.subject-card-button:hover:after{transform:translateY(0)}@media (width<=992px){.subjects-grid-layout{grid-template-columns:1fr!important;gap:2rem!important}.filter-drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#081730b3;animation:.25s fadeIn;position:fixed;inset:0;display:block!important}.filter-sidebar{transform:translate(-100%);z-index:1000!important;background:#0b162c!important;border:none!important;border-right:1px solid #ffffff14!important;border-radius:0!important;flex-direction:column!important;width:320px!important;max-width:85%!important;height:100vh!important;padding:2.25rem 1.75rem!important;transition:transform .35s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important}.filter-sidebar.open{transform:translate(0)!important;box-shadow:15px 0 50px #00000080!important}.filter-sidebar>div{width:100%!important;margin-bottom:2rem!important;overflow:visible!important}.filter-drawer-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .2s;display:block!important}.filter-drawer-close-btn:hover{color:#fff}.mobile-filter-floating-btn{background:var(--accent-gradient);color:#fff;z-index:900;cursor:pointer;white-space:nowrap;letter-spacing:.3px;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFAB;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #f27a2466;display:flex!important}.mobile-filter-floating-btn:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 12px 30px #f27a2480}.filter-checkbox-group{flex-direction:column!important;gap:.75rem!important;width:100%!important;padding:0!important;overflow-x:visible!important}.filter-checkbox-group::-webkit-scrollbar{display:none!important}.filter-label-chip{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:normal!important;color:#ffffffbf!important;box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important;justify-content:flex-start!important;align-items:center!important;gap:.75rem!important;width:100%!important;padding:.75rem 1.25rem!important;font-size:.9rem!important;transition:all .2s!important;display:flex!important;transform:none!important}.filter-label-chip:hover{background:#ffffff0f!important;transform:none!important}.filter-label-chip input[type=checkbox]{display:inline-flex!important}.filter-label-chip.active{color:#fff!important;box-shadow:none!important;background:#f27a2414!important;border-color:#f27a244d!important}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:1.25rem!important}.subject-detail-card{border-radius:20px!important;padding:1.5rem!important}}@media (width<=580px){.subjects-grid{grid-template-columns:1fr!important}}.active-filters-chips-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:2rem;padding:.75rem 1.25rem;animation:.3s fadeIn;display:flex}.active-filters-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.6px;font-size:.8rem;font-weight:700}.active-filters-chips-list{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.filter-active-chip{color:var(--accent-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f27a241a;border:1px solid #f27a2440;border-radius:50px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.filter-active-chip:hover{background:#f27a242e;transform:translateY(-1px)}.chip-close-icon{opacity:.7;font-size:.75rem;transition:opacity .2s}.filter-active-chip:hover .chip-close-icon{opacity:1}.active-filters-clear-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem;font-weight:700;text-decoration:underline;transition:color .2s}.active-filters-clear-btn:hover{color:var(--accent-color)}.results-count-banner{color:#ffffffb3;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.95rem;font-weight:600;display:flex}.filter-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding-bottom:1rem;display:flex}.filter-clear-link{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;transition:opacity .2s}.filter-clear-link:hover{opacity:.8}.filter-drawer-close-btn,.mobile-filter-floating-btn,.filter-drawer-backdrop{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFAB{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}