:root{--blue:#145bdb;--blue-dark:#0b2b66;--cyan:#38c8f4;--ink:#101828;--muted:#667085;--line:#e6ebf2;--surface:#f5f8fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}.topbar{height:78px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand,.footer-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#26b9f2);color:white;font-size:15px;font-weight:900;letter-spacing:-1px;box-shadow:0 7px 18px #145bdb30}.brand strong{display:block;font-size:19px;letter-spacing:-.6px}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:1.25px;color:var(--muted);margin-top:3px}.top-note{display:flex;align-items:center;gap:9px;color:#475467;font-size:13px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #12b76a18}
main{max-width:1200px;margin:auto;padding:0 28px}.hero{margin-top:36px;min-height:340px;border-radius:26px;overflow:hidden;padding:50px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 80% 25%,#2468d9 0,transparent 33%),linear-gradient(120deg,#091d42,#0d3678 70%,#145bdb);color:white;position:relative}.hero-copy{max-width:610px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:850;color:#3984ff;margin:0 0 11px}.hero .eyebrow{color:#8ddfff}.hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.08;letter-spacing:-2px;margin:0 0 17px}.hero h1 span{color:#77dfff}.hero-description{max-width:550px;color:#d7e5ff;font-size:15px;line-height:1.8;margin:0}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.hero-pills span{border:1px solid #ffffff38;background:#ffffff0d;border-radius:99px;padding:8px 12px;font-size:11px;color:#eff6ff}.hero-art{width:250px;height:235px;position:relative;flex-shrink:0}.orbit{position:absolute;border:1px solid #9bdfff45;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:250px;height:130px;top:52px;left:0}.orbit-two{width:205px;height:200px;top:15px;left:20px;transform:rotate(35deg)}.book-card{position:absolute;left:66px;top:45px;width:120px;height:155px;background:linear-gradient(145deg,#fff,#e6f3ff);border-radius:9px 16px 16px 9px;box-shadow:13px 15px 35px #06153470;transform:rotate(7deg);padding:20px 15px;color:var(--blue)}.book-icon{font-size:24px;font-weight:900;letter-spacing:-1px}.book-lines{display:grid;gap:7px;margin-top:15px}.book-lines i{height:4px;border-radius:4px;background:#a7c8f7}.book-lines i:nth-child(2){width:75%}.book-lines i:nth-child(3){width:55%}.book-label{position:absolute;bottom:16px;font-size:7px;letter-spacing:1px;font-weight:900;color:#526987}.float-chip{position:absolute;padding:9px 12px;border:1px solid #ffffff4d;background:#ffffff18;backdrop-filter:blur(10px);border-radius:9px;font-size:11px;font-weight:800}.chip-one{top:23px;right:-4px}.chip-two{bottom:21px;left:7px}
.library-section{padding:55px 0 44px}.section-heading,.reader-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading h2,.reader-heading h2{font-size:27px;letter-spacing:-.8px;margin:0 0 8px}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.search-wrap{width:min(330px,100%);display:flex;align-items:center;gap:10px;border:1px solid #d9e1ed;background:white;border-radius:12px;padding:0 14px;height:46px;color:#98a2b3}.search-wrap span{font-size:25px}.search-wrap input{width:100%;border:0;outline:0;color:var(--ink);font-size:12px;background:transparent}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 20px}.filter-btn{border:1px solid var(--line);border-radius:99px;background:white;color:#475467;padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--blue);border-color:var(--blue);color:white}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course-card{border:1px solid var(--line);border-radius:17px;padding:20px;background:white;min-height:220px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #102b5010;border-color:#c6d9fb}.course-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.course-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:21px;background:#eaf2ff;color:var(--blue)}.material-count{font-size:10px;font-weight:750;color:#667085;background:#f2f4f7;border-radius:99px;padding:7px 9px;white-space:nowrap}.course-card h3{font-size:16px;margin:17px 0 7px;letter-spacing:-.3px}.course-card>p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 15px}.material-list{display:grid;gap:8px;margin-top:auto}.material-row{border-top:1px solid #eef1f5;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.material-info{min-width:0}.material-info strong{display:block;font-size:11px;line-height:1.45}.material-info span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.read-btn{flex-shrink:0;border:0;border-radius:8px;background:#eaf2ff;color:#145bdb;font-size:10px;font-weight:800;padding:9px 10px;cursor:pointer}.read-btn:hover{background:var(--blue);color:white}.no-materials{font-size:11px;color:var(--muted);background:#f8fafc;border-radius:8px;padding:11px}.empty-state{padding:25px;text-align:center;color:var(--muted);font-size:13px}.reader-section{border-top:1px solid var(--line);padding:37px 0 55px;scroll-margin-top:20px}.reader-heading{align-items:center;margin-bottom:19px}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.reader-placeholder{min-height:240px;border:1px dashed #cbd6e5;border-radius:17px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.placeholder-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:#e4edff;color:var(--blue);font-size:25px;margin-bottom:13px}.reader-placeholder strong{font-size:14px}.reader-placeholder p{font-size:12px;color:var(--muted);margin:8px 0 0}.pdf-reader{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#eef2f7}.pdf-reader iframe{display:block;width:100%;height:720px;border:0;background:white}.reader-note{padding:10px 14px;margin:0;font-size:10px;color:#667085;background:#f8fafc;line-height:1.6}footer{border-top:1px solid var(--line);padding:25px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-mark{width:36px;height:36px;border-radius:10px;font-size:12px}.footer-brand strong{font-size:13px}.footer-brand p{font-size:10px;color:var(--muted);margin:4px 0 0}.copyright{font-size:10px;color:var(--muted);margin:0}
@media(max-width:850px){.hero{padding:38px 5%}.hero-art{transform:scale(.8);transform-origin:center right;margin-left:-40px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topbar{height:70px}.top-note{font-size:0}.top-note .status-dot{font-size:initial}.brand strong{font-size:17px}.brand small{font-size:8px}.hero{margin-top:18px;min-height:auto;padding:33px 24px;border-radius:19px}.hero-art{display:none}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-description{font-size:13px}.section-heading{align-items:stretch;flex-direction:column}.section-heading h2,.reader-heading h2{font-size:24px}.search-wrap{width:100%}.course-grid{grid-template-columns:1fr}.course-card{min-height:190px}.reader-heading{align-items:flex-start}.pdf-reader iframe{height:68vh;min-height:450px}footer{align-items:flex-start;flex-direction:column}.copyright{padding-left:48px}}