body{background:#f3f7fb}.brand img{height:45px;width:45px;object-fit:contain}.dashboard-head,.profile-card{display:flex;align-items:center;gap:25px;background:linear-gradient(120deg,#0e426d,#1878b6);border-radius:22px;padding:32px;color:#fff;margin:8px 0 35px;box-shadow:0 16px 34px #0b477126}.dashboard-head h1,.profile-card h1{margin:6px 0}.dashboard-head a,.profile-card a{color:#d7f0ff;text-decoration:underline}.dashboard-head small,.profile-card small{letter-spacing:.13em;font-weight:800}.avatar-img,.avatar-initial{width:100px;height:100px;flex:0 0 100px;border-radius:24px;object-fit:cover;border:3px solid #ffffffaa}.avatar-initial{display:grid;place-items:center;background:#d1eaff;color:#11507c;font-size:52px;font-weight:800}.course-cover{width:100%;height:155px;object-fit:cover;border-radius:11px;margin-bottom:15px}.course-hero-cover{width:100%;height:270px;object-fit:cover;border-radius:20px;margin:18px 0 0}.progress{height:9px;background:#e2edf6;border-radius:99px;overflow:hidden;margin:12px 0}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#1aa8b8,#1269a9);border-radius:99px}.module-progress{max-width:360px;color:#587087;font-size:13px}.video-frame{position:relative;aspect-ratio:16/9;max-width:850px;background:#0e2436;border-radius:14px;overflow:hidden;margin:22px 0}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-native{width:100%;max-width:850px;border-radius:14px}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.reader-head small{letter-spacing:.12em;color:#1673a9;font-weight:800}.book-shell{background:linear-gradient(90deg,#e1d6c3,#f7f0e4 2%,#fff9ef 49%,#b7a887 50%,#fff9ef 51%,#f7f0e4 98%,#d9cbb3);border:1px solid #d6c7ad;border-radius:12px;padding:18px;box-shadow:0 22px 35px #26394825;transform-origin:left center;animation:turnPage .35s ease-out}.book-page{background:#fff;box-shadow:inset 0 0 20px #9c8e7344;min-height:68vh}.book-page iframe{width:100%;height:68vh;border:0;background:#fff}.reader-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px}.reader-controls form{margin:0}.reader-controls button{min-width:155px}.muted{color:#62788c;font-size:13px}@keyframes turnPage{from{transform:perspective(1200px) rotateY(-9deg);opacity:.7}to{transform:perspective(1200px) rotateY(0);opacity:1}}@media(max-width:640px){.dashboard-head,.profile-card{align-items:flex-start;flex-direction:column;padding:25px}.course-hero-cover{height:190px}.book-shell{padding:8px}.reader-controls{gap:8px;flex-wrap:wrap}.reader-controls button{min-width:auto}}