button,input,select,.btn{min-height:44px}input,select{font-size:16px}:root{--bg:#f4f9ff;--paper:#fff;--ink:#142d4f;--text:#43576b;--muted:#718299;--line:#dce9f5;--primary:#168fd0;--soft:#eaf6ff;--gold:#c89a3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:15px 'Segoe UI',Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}h1,h2,h3{color:var(--ink);line-height:1.5}button:disabled{opacity:.4;cursor:default}.page{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:78px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:20px;font-weight:750;white-space:nowrap}.brand-mark{height:43px;width:43px;border-radius:13px;background:var(--primary);color:white;display:grid;place-items:center}.brand svg{width:25px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);line-height:1.2}.nav-links{display:flex;gap:25px;margin-inline-start:auto;font-size:14px}.nav-links a:hover,.nav-links .active{color:#087fbd}.nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:var(--primary);color:white;border-radius:10px;padding:12px 20px;font-weight:650;line-height:1.5}.btn.soft{background:white;border-color:#bddced;color:#137fad}.nav-action{font-size:13px;padding:10px 16px}.menu-btn{display:none;border:1px solid var(--line);background:white;border-radius:9px;width:44px;height:44px;color:var(--ink)}.hero{background:radial-gradient(ellipse at 9% 50%,#def2ff,transparent 53%),linear-gradient(180deg,#fff,#f4f9ff);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding-top:48px;padding-bottom:45px}.eyebrow{font-size:11px;color:#9b782d;font-weight:700;letter-spacing:2px;display:flex;gap:9px;align-items:center}.eyebrow:before{content:'';width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.hero h1{font-size:clamp(34px,4vw,51px);margin:15px 0 17px;line-height:1.45;font-weight:750;letter-spacing:-1px}.hero h1 em{font-style:normal;color:#0d91c8}.hero p{color:var(--muted);max-width:540px;line-height:2;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.hero-meta{display:flex;gap:20px;margin-top:25px;font-size:12px;color:var(--muted)}.hero-meta span:before{content:'✓';color:#1689ba;margin-left:5px}.book-scene{height:310px;display:flex;justify-content:center;align-items:center;position:relative}.book-scene:before{content:'';width:285px;height:285px;border-radius:50%;background:#e6f4fc;position:absolute;border:1px solid #d5eaf6}.hero-book{height:250px;width:175px;object-fit:cover;object-position:top;border:7px solid white;box-shadow:0 15px 30px #183f6a1a;border-radius:12px;position:relative;z-index:2;transform:rotate(-7deg)}.hero-book.second{height:225px;width:155px;margin-right:-42px;transform:rotate(11deg);z-index:1}.float-note{position:absolute;z-index:4;bottom:3px;left:15px;background:#fff;border:1px solid var(--line);padding:13px 20px;border-radius:13px;box-shadow:0 10px 30px #17365d0c;font-size:12px}.float-note b{display:block;color:var(--ink);font-size:15px}.float-dot{position:absolute;right:15px;top:8px;border:1px solid var(--line);background:white;color:#1479a8;border-radius:30px;padding:5px 15px;font-size:11px}.hero-search{background:white;border:1px solid #cddfec;border-radius:13px;padding:7px;display:flex;gap:8px;box-shadow:0 6px 25px #17365d05;margin-top:23px}.hero-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;padding:5px 12px;color:var(--ink)}.hero-search button{border:0;background:#eaf6ff;color:#0876aa;border-radius:8px;padding:10px 20px;font-weight:700}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;margin-bottom:40px}.hub{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px}.hub-icon{width:43px;height:43px;flex:none;background:#e7f5ff;border-radius:12px;color:#218dcc;display:grid;place-items:center}.hub-icon svg{width:23px}.hub:nth-child(2) .hub-icon{background:#edf3ff;color:#527fce}.hub:nth-child(3) .hub-icon{background:#eef7f5;color:#488d7d}.hub b{display:block;color:var(--ink);font-size:15px}.hub small{color:var(--muted);font-size:11px}.hub .arrow{margin-inline-start:auto;color:#a2b6c5}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:25px 0}.kicker{font-size:11px;color:#a08345;font-weight:700;margin:0 0 5px}.section-head h2{font-size:26px;margin:0}.section-head>p{font-size:13px;color:var(--muted)}.library-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:24px;align-items:start}.filters{position:sticky;top:100px;border:1px solid var(--line);border-radius:16px;background:white;padding:21px}.filters h3{font-size:16px;margin:0 0 20px}.filters label{display:block;font-size:12px;color:var(--muted);margin-bottom:15px}.filters select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#f8fbff;color:var(--ink);border-radius:8px;padding:10px 8px;font-size:12px}.filter-reset{width:100%;background:white;border:1px solid var(--line);border-radius:9px;padding:8px;color:#6b8199;font-size:12px}.filter-meta{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11px;color:var(--muted);line-height:1.9}.content-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.tabs{display:flex;border:1px solid var(--line);background:white;padding:4px;border-radius:10px;gap:4px}.tabs button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px 14px;border-radius:7px}.tabs button[aria-pressed=true]{background:#e5f4ff;color:#0a82b9;font-weight:650}.result-count{font-size:12px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 4px 16px #17365d03}.resource-cover{display:block;position:relative;height:218px;background:#edf5fb;border-bottom:1px solid var(--line);padding:12px}.resource-cover img{height:100%;width:100%;object-fit:contain;display:block}.resource-label{position:absolute;top:12px;right:12px;background:#ffffffed;border:1px solid #dfebf3;border-radius:7px;padding:3px 8px;font-size:9px;color:#216587;max-width:70%}.resource-body{padding:16px 17px;flex:1}.resource-meta{font-size:10px;color:#1784b1;display:flex;gap:5px;flex-wrap:wrap}.resource-body h3{font-size:15px;margin:9px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}.resource-description{font-size:11px;color:var(--muted);line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.resource-credit{font-size:10px;color:#7690a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:12px 0 0}.resource-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;padding:12px 17px;color:var(--muted)}.resource-footer a{color:#1687b7;font-weight:700}.resource-card .pdf-quick-actions{padding:0 14px 14px;gap:7px}.resource-card .pdf-quick-actions a,.resource-card .pdf-quick-actions button{padding:9px 8px;font-size:11px;min-width:75px}.quiz-cover{padding:20px;background:linear-gradient(130deg,#e3f5ff,#d7eafb);display:flex;align-items:center;justify-content:center;flex-direction:column}.quiz-cover strong{font-size:25px;color:#167da8;font-family:Georgia,serif;line-height:1.7}.quiz-cover small{color:#53849b;font-size:11px}.quiz-start{display:block;margin:0 15px 15px;text-align:center;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:28px 0 5px}.pagination button{border:1px solid var(--line);background:white;border-radius:9px;color:#2383ac;padding:8px 20px;font-size:12px}.pagination span{font-size:12px;color:var(--muted)}.empty{padding:40px 20px;background:white;border:1px dashed #c4dce9;border-radius:13px;text-align:center;grid-column:1/-1}.learn-path{margin:50px 0 30px;padding:27px;background:#eaf5fd;border:1px solid #d5e9f6;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.learn-path h2{font-size:21px;margin:0 0 7px}.learn-path p{font-size:13px;color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);background:white;margin-top:35px;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted)}.footer-inner b{color:#3f6178}.about{margin-top:35px;font-size:12px;color:var(--muted)}.about h2{font-size:17px}.about a{color:#1485b7}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid #43b1ed;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1050px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:15px}.hero-grid{gap:25px}.book-scene{height:285px}.hero-book{width:150px;height:225px}.hero-book.second{width:135px;height:200px}}@media(max-width:760px){.page{width:calc(100% - 32px)}.nav{height:67px;gap:10px}.brand{font-size:18px}.nav-action{margin-inline-start:auto;font-size:11px;padding:9px 12px}.menu-btn{display:block}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:67px;right:16px;left:16px;flex-direction:column;background:white;border:1px solid var(--line);border-radius:12px;padding:18px;gap:16px;box-shadow:0 15px 30px #183f6a10}.hero-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px}.hero h1{font-size:36px}.hero p{font-size:14px}.book-scene{display:none}.hero-meta{font-size:10px;gap:13px}.quick-links{gap:10px;margin:20px 0 30px}.hub{padding:14px 10px;flex-direction:column;text-align:center;gap:8px}.hub b{font-size:12px}.hub small{font-size:9px}.hub .arrow{display:none}.library-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:16px}.filters h3{grid-column:1/-1;margin-bottom:12px}.filters label{margin-bottom:10px}.filter-meta{display:none}.filter-reset{align-self:end;margin-bottom:10px}.section-head h2{font-size:23px}.section-head>p{display:none}.resource-grid{gap:12px}.resource-cover{height:205px}.resource-body{padding:14px}.resource-body h3{font-size:14px}.content-top{gap:8px}.tabs button{font-size:11px;padding:8px 10px}.learn-path{flex-direction:column;align-items:start;margin-top:30px}.footer-inner{flex-direction:column}.hero-search button{padding:10px 15px}}@media(max-width:430px){.resource-grid{grid-template-columns:1fr}.resource-cover{height:285px}.resource-body h3{font-size:17px;min-height:0}.resource-description{font-size:12px}.resource-card .pdf-quick-actions a,.resource-card .pdf-quick-actions button{font-size:13px;padding:11px}.resource-footer{font-size:11px}.brand small{font-size:8px}.hero h1{font-size:33px}.hero-actions .btn{font-size:13px;padding:11px 16px}.hero-search input{font-size:12px}.result-count{font-size:11px;white-space:nowrap}.section-head{margin-top:20px}.hero-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}