@keyframes spinner-spin{to{transform:rotate(360deg)}}ul{box-sizing:border-box;list-style:none}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0);--brand:#1565C0;--brand-dark:#0D47A1;--brand-light:#E3F2FD;--brand-glow:rgba(21, 101, 192, 0.18);--accent:#E65100;--accent-light:#FFF3E0;--text:#1A1A2E;--text-muted:#6B7280;--text-light:#9CA3AF;--bg:#F5F7FC;--white:#FFFFFF;--border:#E5E7EB;--border-strong:#D1D5DB;--shadow-xs:0 1px 3px rgba(0,0,0,0.07);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 8px 24px rgba(0,0,0,0.11);--shadow-lg:0 16px 48px rgba(0,0,0,0.14);--shadow-blue:0 4px 14px rgba(21,101,192,0.22);--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--lvl-1-bg:#E8F5E9;--lvl-1-text:#2E7D32;--lvl-2-bg:#E3F2FD;--lvl-2-text:#1565C0;--lvl-3-bg:#FFF8E1;--lvl-3-text:#F57F17;--lvl-4-bg:#FCE4EC;--lvl-4-text:#C62828;--lvl-5-bg:#F3E5F5;--lvl-5-text:#6A1B9A;--lvl-6-bg:#E8EAF6;--lvl-6-text:#283593;--lvl-7-bg:#FBE9E7;--lvl-7-text:#BF360C;--lvl-8-bg:#F1F8E9;--lvl-8-text:#33691E;--lvl-9-bg:#E0F2F1;--lvl-9-text:#00695C;--lvl-10-bg:#212121;--lvl-10-text:#FFD54F;--nav-height:60px}#page-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255/.92);transition:opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible}.modern-spinner{width:36px;height:36px;border:3px solid rgb(21 101 192/.12);border-top-color:var(--brand);border-radius:50%;animation:spinner-spin .75s linear infinite}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Inter","Nunito",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h3{line-height:1.25;font-weight:700}.container{max-width:1200px;margin-inline:auto;padding-inline:24px}.btn,.visually-hidden{border:0;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s,transform .12s;text-decoration:none;line-height:1.4}.btn:hover{transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border-strong);color:var(--text);background:var(--white)}.btn-outline:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.btn-solid,.filter-list a.active .filter-count{background:var(--brand);color:var(--white)}.btn-solid:hover{background:var(--brand-dark);box-shadow:var(--shadow-blue)}.site-header{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.custom-logo-link,.nav-inner{display:flex;align-items:center}.nav-inner{gap:28px;height:var(--nav-height)}.custom-logo-link{flex-shrink:0;transition:opacity .2s}.custom-logo-link:hover{opacity:.85}.custom-logo-link .custom-logo{height:36px;width:auto;max-width:160px;object-fit:contain;display:block}.nav-links{display:flex;gap:2px;flex:1}.nav-links a{font-size:14px;font-weight:500;color:var(--text-muted);padding:6px 12px;transition:background .12s,color .12s;white-space:nowrap}.nav-links a:hover{background:var(--brand-light);color:var(--brand)}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-links a,.nav-toggle{border-radius:var(--radius-sm)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:0;background:0 0}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .22s}.hero h1,.hero p,.lang-switcher{position:relative}.hero,.search-bar{overflow:hidden;position:relative}.hero{background:linear-gradient(135deg,#1565c0 0,#0277bd 60%,#01579b 100%);padding:44px 24px 48px;text-align:center;color:var(--white)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgb(255 255 255/.07)0,transparent 55%),radial-gradient(circle at 85% 15%,rgb(255 255 255/.05)0,transparent 50%);pointer-events:none}.hero h1{font-size:clamp(22px,4vw,30px);font-weight:800;margin-bottom:10px}.hero p{font-size:15px;opacity:.85;margin-bottom:24px}.search-bar{display:flex;max-width:540px;margin-inline:auto;background:var(--white);border-radius:var(--radius);box-shadow:0 6px 24px rgb(0 0 0/.2)}.search-bar input[type=text]{flex:1;border:0;outline:0;padding:13px 18px;font-size:14px;font-family:inherit;color:var(--text);background:#fff0}.search-bar input[type=text]::placeholder{color:var(--text-light)}.search-bar button[type=submit]{background:var(--brand);border:0;padding:0 22px;cursor:pointer;color:var(--white);font-size:15px;transition:background .12s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-bar button[type=submit]:hover{background:var(--brand-dark)}.tabs-bar{background:var(--white);border-bottom:1px solid var(--border);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;position:sticky;top:var(--nav-height);z-index:50}.tabs-bar::-webkit-scrollbar{display:none}.tabs-inner{display:flex;gap:0}.tab{padding:13px 18px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #fff0;transition:color .12s,border-color .12s;display:block}.tab.active,.tab:hover{color:var(--brand)}.tab.active{border-bottom-color:var(--brand)}.page-body{max-width:1200px;margin-inline:auto;padding:28px 24px;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.main-area{min-width:0}.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--nav-height) + 50px)}.filter-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow-xs)}.filter-card h3{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-light);margin-bottom:12px}.filter-list{display:flex;flex-direction:column;gap:2px}.filter-list a{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text);transition:background .1s}.filter-count,.filter-list a:hover{background:var(--bg)}.filter-list a.active{background:var(--brand-light);color:var(--brand);font-weight:600}.filter-count{font-size:11px;font-weight:600;color:var(--text-muted);padding:2px 7px;border-radius:var(--radius-full)}.level-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;flex-shrink:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.results-count{font-size:13px;color:var(--text-muted);font-weight:500}.sort-select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;font-size:13px;font-family:inherit;color:var(--text);background:var(--white);cursor:pointer;outline:0;transition:border-color .12s}.sort-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card-image,.lesson-card{position:relative;overflow:hidden}.lesson-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s,border-color .22s}.lesson-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-strong)}.card-image{height:200px;background:var(--bg)}.card-image img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.lesson-card:hover .card-image img{transform:scale(1.04)}.card-category-tag{position:absolute;top:9px;left:9px;background:rgb(0 0 0/.55);color:var(--white);font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase}.card-body{padding:25px;display:flex;flex-direction:column;gap:12px;flex:1}.card-title{font-size:14px;font-weight:700;line-height:1.35;color:var(--text)}.card-desc{font-size:12px;color:var(--text-muted);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer,.card-levels{display:flex;border-top:1px solid var(--border)}.card-footer{justify-content:space-between;align-items:center;padding-top:9px;font-size:11px;color:var(--text-muted);font-weight:500}.card-levels{flex-wrap:wrap;gap:3px;padding:6px 12px 9px}.clr-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:var(--radius-full);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.clr-count{background:rgb(0 0 0/.12);border-radius:99px;padding:0 4px;font-size:8px;font-weight:800;line-height:1.5}.site-footer{background:var(--white);border-top:1px solid var(--border);padding:28px 24px;margin-top:56px}.footer-inner{max-width:1200px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}.footer-logo{font-size:16px;font-weight:800;color:var(--brand)}.footer-copy,.footer-links a{font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:16px}.footer-links a{font-weight:500;transition:color .12s}.footer-links a:hover{color:var(--brand)}.mobile-filter-toggle,.mobile-filter-wrap,.mobile-level-bar{display:none}@media (max-width:900px){.page-body{grid-template-columns:190px 1fr;gap:16px;padding:20px 16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}}@media (max-width:768px){.nav-inner{gap:10px}#nav-login,.nav-links{display:none}.nav-right{margin-left:auto}.nav-toggle{display:flex}.custom-logo-link .custom-logo{max-width:120px}.nav-right{gap:6px}.page-body{grid-template-columns:1fr;padding:16px 14px;gap:12px}.materials-sidebar,.sidebar{display:none;position:static;top:auto}.mobile-level-bar{display:block;background:var(--white);border-bottom:1px solid var(--border);padding:36px 24px 14px;user-select:none;-webkit-user-select:none}.mlb-track-wrap{position:relative;height:24px;margin:0 11px}.mlb-rail{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:5px;border-radius:99px;pointer-events:none}.mlb-handle,.mlb-pip{position:absolute;top:50%;transform:translate(-50%,-50%);border-radius:50%}.mlb-pip{width:9px;height:9px;background:var(--nd-bg);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--nd-color);z-index:3;pointer-events:none;transition:transform .15s}.mlb-pip.in-range{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 2px var(--nd-color),0 2px 6px rgb(0 0 0/.18)}.mlb-handle{width:22px;height:22px;background:var(--white);border:3px solid #1a1a2e;z-index:10;cursor:grab;touch-action:none;box-shadow:0 2px 8px rgb(0 0 0/.22);transition:box-shadow .15s,transform .1s}.mlb-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 16px rgb(0 0 0/.28)}.mlb-lbl,.mlb-lbl::after{position:absolute;left:50%;transform:translateX(-50%)}.mlb-lbl{bottom:calc(100% + 10px);background:#1a1a2e;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px;white-space:nowrap;pointer-events:none}.mlb-lbl::after{content:"";top:100%;border:4px solid #fff0;border-top-color:#1a1a2e}.mlb-group-labels{display:flex;justify-content:space-between;padding:10px 0 2px;font-size:9px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.mobile-filter-wrap{display:block}.mobile-filter-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:9px 18px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s;margin-bottom:14px}.mobile-filter-toggle:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.hero{padding:26px 16px 30px}.hero h1{font-size:20px}.hero p{font-size:14px;margin-bottom:18px}.search-bar input[type=text]{padding:11px 14px;font-size:13px}.search-bar button[type=submit]{padding:0 16px}.cards-grid{grid-template-columns:1fr 1fr;gap:10px}.footer-inner{flex-direction:column;text-align:center;gap:10px}.footer-links{justify-content:center}}@media (max-width:560px){.cards-grid{grid-template-columns:1fr;gap:10px}.tab{padding:11px 12px;font-size:12px}}@media (max-width:480px){#nav-signup{padding:6px 10px;font-size:12px}.container{padding-inline:14px}.hero{padding:22px 14px 26px}.results-header{flex-direction:column;align-items:flex-start;gap:8px}.sort-select{width:100%}}