:root{color-scheme:light;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#141827;background:#f7f8fc;font-synthesis:none;--sidebar: 252px;--ink: #141827;--muted: #737b91;--line: #e7e9f2;--surface: rgba(255, 255, 255, .82);--purple: #6c4dff;--blue: #2878ff;--cyan: #08a8ca;--shadow: 0 18px 55px rgba(28, 35, 65, .07)}*{box-sizing:border-box}html{min-width:320px;background:#f7f8fc}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% -10%,rgba(112,83,255,.08),transparent 27%),#f7f8fc}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}.app-root{min-height:100vh}.app-main{min-height:100vh;margin-left:var(--sidebar);transition:margin .3s ease}.app-main.sidebar-collapsed{margin-left:82px}.mobile-nav-backdrop{display:none}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar);padding:24px 18px 18px;display:flex;flex-direction:column;border-right:1px solid rgba(226,229,240,.85);background:#fbfbfee0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:width .3s ease}.sidebar.collapsed{width:82px;padding-inline:14px}.sidebar-brand{height:50px;display:flex;align-items:center;gap:11px;padding:0 6px}.brand-mark{width:40px;height:40px;flex:0 0 40px;filter:drop-shadow(0 8px 15px rgba(86,70,245,.19))}.brand-mark svg{width:100%;height:100%;display:block}.brand-copy{min-width:0;display:flex;flex-direction:column}.brand-copy strong{font-size:15px;letter-spacing:-.25px}.brand-copy span{margin-top:2px;color:#8a91a3;font-size:10px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:35px}.sidebar-nav a{min-height:45px;padding:0 13px;display:flex;align-items:center;gap:12px;border-radius:13px;color:#697187;font-size:13px;font-weight:600;transition:.2s ease}.collapsed .sidebar-nav a{justify-content:center;padding:0}.sidebar-nav a:hover{color:#2b3041;background:#6d4cff0f;transform:translate(2px)}.sidebar-nav a.router-link-exact-active{color:#fff;background:linear-gradient(135deg,#7256ff,#566bff);box-shadow:0 10px 24px #5d4def3d}.sidebar-nav a i{margin-left:auto;padding:3px 6px;border-radius:999px;color:#684cff;background:#eeeafe;font-size:8px;font-style:normal;letter-spacing:.5px}.sidebar-nav a.router-link-exact-active i{color:#fff;background:#fff3}.sidebar-promo{margin-top:auto;padding:17px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#171729,#292743);color:#fff}.sidebar-promo .promo-orb{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#876cff,#55a8ff);box-shadow:0 8px 24px #5d4bf273}.sidebar-promo strong{display:block;margin-top:13px;font-size:13px}.sidebar-promo p{margin:6px 0 12px;color:#b8b9cc;font-size:10px;line-height:1.65}.sidebar-promo a{display:flex;align-items:center;gap:5px;color:#d7d0ff;font-size:10px;font-weight:600}.sidebar-toggle{margin-top:14px;height:42px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;color:#8b92a5;background:transparent;cursor:pointer;font-size:11px}.sidebar-toggle:hover{background:#f0f1f7}.app-header{position:sticky;top:0;z-index:20;height:82px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(229,231,240,.78);background:#f7f8fcd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-copy{display:flex;align-items:center;gap:12px}.header-copy h1{margin:2px 0 0;font-size:20px;letter-spacing:-.5px}.eyebrow{display:block;color:#999fb0;font-size:8px;font-weight:700;letter-spacing:1.3px}.header-actions{display:flex;align-items:center;gap:10px}.service-status{height:30px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #e7e9f1;border-radius:999px;background:#ffffffa8;color:#737b8d;font-size:10px}.service-status span{width:6px;height:6px;border-radius:50%;background:#35bd79;box-shadow:0 0 0 4px #35bd791f}.icon-button{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border:1px solid #e6e8f0;border-radius:11px;background:#ffffffc2;cursor:pointer}.icon-button:hover{border-color:#d6d1fb;color:#654aff}.header-login{padding:9px 15px;border-radius:11px;color:#fff;background:#171927;font-size:12px;font-weight:600}.profile-chip{height:44px;padding:4px 5px 4px 4px;display:flex;align-items:center;gap:8px;border:1px solid #e4e6ef;border-radius:14px;background:#ffffffc7}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#7054ff,#3799ff);font-size:13px;font-weight:700}.profile-chip>div:nth-child(2){max-width:120px;display:flex;flex-direction:column}.profile-chip strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile-chip span{margin-top:2px;overflow:hidden;color:#8b91a2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.profile-chip button{width:27px;height:27px;display:grid;place-items:center;border:0;background:transparent;color:#9aa0b1;cursor:pointer}.mobile-menu{display:none}.page-container{width:min(1560px,calc(100% - 64px));margin:0 auto;padding:34px 0 70px}.page-intro{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-intro h2{margin:13px 0 6px;font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px}.page-intro p{margin:0;color:var(--muted);font-size:13px}.pill{width:fit-content;padding:6px 9px;display:flex;align-items:center;gap:6px;border:1px solid #ddd8ff;border-radius:999px;color:#654cff;background:#f2efffcc;font-size:9px;font-weight:700;letter-spacing:.7px}.pill.light{color:#e7e2ff;border-color:#fff3;background:#ffffff1a}.secondary-button,.shimmer-button,.card-action{min-height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:11px;font-weight:650;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.secondary-button{border:1px solid #e1e3ec;background:#ffffffd9}.secondary-button:hover,.shimmer-button:hover,.card-action:hover{transform:translateY(-1px);box-shadow:0 9px 25px #272b491a}.shimmer-button{position:relative;overflow:hidden;border:0;color:#fff;background:linear-gradient(115deg,#1d1e2c,#33324b 48%,#6b52ff 52%,#1d1e2c 58%,#1d1e2c);background-size:240% 100%;animation:shimmer 3.8s linear infinite}.card-action{width:100%;border:1px solid #e4e6ef;background:#fafafe}@keyframes shimmer{to{background-position:-240% 0}}.dot-pattern{background-image:radial-gradient(rgba(92,78,180,.15) .7px,transparent .7px);background-size:17px 17px}.border-beam-card{position:relative;isolation:isolate}.border-beam-card:before{content:"";position:absolute;z-index:-1;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;border-radius:inherit;background:conic-gradient(from var(--beam-angle,0deg),transparent 0 72%,#7e62ff 82%,#4bc5ff 89%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 6s linear infinite;pointer-events:none}@property --beam-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes beam{to{--beam-angle: 360deg}}.magic-card{position:relative;overflow:hidden;border:1px solid rgba(225,227,237,.9);border-radius:20px;background:var(--surface);box-shadow:0 10px 34px #2229480b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.magic-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(320px circle at var(--mouse-x) var(--mouse-y),rgba(111,82,255,.11),transparent 48%);transition:opacity .25s ease;pointer-events:none}.magic-card:hover .magic-card-glow{opacity:1}.magic-card>*:not(.magic-card-glow){position:relative;z-index:1}.blur-fade{animation:blurFade .62s both cubic-bezier(.2,.8,.2,1)}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}@keyframes blurFade{0%{opacity:0;filter:blur(9px);transform:translateY(13px)}to{opacity:1;filter:blur(0);transform:none}}.page-enter-active,.page-leave-active{transition:opacity .16s ease,transform .16s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.hero-panel{min-height:344px;padding:48px 52px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden;border:1px solid #e5e6ef;border-radius:28px;background-color:#ffffffb8;box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:2}.hero-copy h2{margin:17px 0 14px;font-size:clamp(36px,4.3vw,55px);line-height:1.08;letter-spacing:-3px}.hero-copy p{max-width:540px;margin:0;color:#6f778c;font-size:13px;line-height:1.8}.hero-actions{margin-top:25px;display:flex;gap:9px}.hero-visual{position:relative;min-height:270px;display:grid;place-items:center}.knowledge-core{position:relative;z-index:3;width:170px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,#8d7bff,#5b50d9 45%,#252743);box-shadow:0 30px 70px #4e42c459,inset 0 0 30px #ffffff26}.knowledge-core span{margin-top:10px;font-size:10px}.knowledge-core strong{margin-top:3px;font-size:14px}.orbit{position:absolute;width:270px;height:170px;border:1px dashed rgba(101,77,255,.24);border-radius:50%;transform:rotate(-18deg)}.orbit-two{width:330px;height:220px;transform:rotate(25deg)}.floating-tag{position:absolute;z-index:4;padding:9px 12px;display:flex;gap:7px;align-items:center;border:1px solid rgba(222,224,235,.9);border-radius:12px;background:#ffffffdb;box-shadow:0 12px 32px #2e304f1a;color:#555d70;font-size:10px;font-weight:650;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 4s ease-in-out infinite}.tag-one{top:30px;left:15px}.tag-two{right:-2px;top:80px;animation-delay:-1s}.tag-three{left:18px;bottom:24px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-7px)}}.metric-grid{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-height:100px;padding:17px;display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:12px}.metric-icon,.capability-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.purple{color:#674bff;background:#eeeaff}.blue{color:#2878ff;background:#e8f0ff}.cyan{color:#079ab8;background:#e5f8fb}.amber{color:#bd7c13;background:#fff4dc}.metric-card strong{display:block;font-size:21px;letter-spacing:-.7px}.metric-card span{color:#687085;font-size:10px}.metric-card small{grid-column:2;color:#a1a6b5;font-size:8px}.dashboard-grid{margin-top:17px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.8fr);gap:14px;align-items:stretch}.dashboard-card{min-width:0;padding:21px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.section-heading>div{min-width:0}.section-heading>div>span{color:#9ba1b2;font-size:9px;font-weight:700;letter-spacing:1.2px}.section-heading h3{margin:4px 0 0;font-size:17px;letter-spacing:-.35px}.section-heading>a{flex:none;display:flex;align-items:center;gap:4px;color:#684eff;font-size:10px;font-weight:600}.status-badge{flex:none;padding:5px 8px;border-radius:999px;color:#249361;background:#e8f8f0;font-size:9px;font-weight:700}.continue-list{min-width:0;display:flex;flex-direction:column;gap:8px}.continue-list button{width:100%;min-width:0;min-height:61px;padding:9px 10px;overflow:hidden;display:grid;grid-template-columns:37px minmax(0,1fr) minmax(40px,65px) 18px;gap:10px;align-items:center;border:1px solid transparent;border-radius:13px;background:#fafafe;text-align:left;cursor:pointer}.continue-list button:hover{border-color:#e1ddff;background:#f8f6ff}.continue-list button>div:nth-child(2){min-width:0;overflow:hidden}.subject-index{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#6148ed;background:linear-gradient(145deg,#f0edff,#e6e0ff);font-size:11px;font-weight:800}.continue-list strong{display:block;max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.continue-list span{color:#9096a7;font-size:9px}.mini-progress{width:100%;min-width:0;max-width:100%;height:4px;overflow:hidden;border-radius:99px;background:#e9eaf0}.mini-progress i{display:block;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7660ff,#37a6ff)}.capability-list{display:flex;flex-direction:column;gap:10px}.capability-list a{min-width:0;padding:9px;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;align-items:center;border-radius:13px;transition:.2s ease}.capability-list a:hover{background:#f7f5ff;transform:translate(2px)}.capability-list strong,.entitlement-list strong{display:block;font-size:11px}.capability-list span,.entitlement-list span{display:block;margin-top:3px;color:#8a91a2;font-size:9px}.week-total{font-size:13px;font-weight:700;color:#654aff}.activity-bars{height:105px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding-top:12px}.activity-bars div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.activity-bars i{width:72%;min-height:10px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7b61ff,#5a86fa)}.activity-bars span{color:#a1a6b4;font-size:9px}.insight-note{margin-top:14px;padding:11px;display:flex;align-items:center;gap:9px;border-radius:12px;color:#a26b0d;background:#fff8e7}.insight-note strong{display:block;font-size:10px}.insight-note span{display:block;margin-top:2px;font-size:9px}.filter-row{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.search-input{width:min(430px,100%);height:44px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid #e3e5ee;border-radius:13px;background:#fff;color:#8c93a5}.search-input input{flex:1;border:0;outline:0;background:transparent;color:#222638;font-size:11px}.segmented-control{padding:4px;display:flex;gap:3px;border-radius:12px;background:#eceef4}.segmented-control button{height:34px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#7d8496;cursor:pointer;font-size:10px}.segmented-control button.active{color:#312c56;background:#fff;box-shadow:0 4px 12px #22274214}.exam-grid,.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.exam-card{min-height:242px;padding:20px;display:flex;flex-direction:column}.exam-card-head{display:flex;align-items:center;justify-content:space-between}.exam-card h3{margin:20px 0 7px;font-size:14px;line-height:1.45}.exam-card p{margin:0;color:#858c9e;font-size:9px}.exam-meta{margin:17px 0;display:flex;gap:12px;color:#848b9d;font-size:8px}.exam-meta span{display:flex;align-items:center;gap:4px}.exam-card .card-action{margin-top:auto}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#10121d61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(500px,100%);max-height:80vh;overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#fff;box-shadow:0 35px 90px #13162740}.modal-panel h3{margin:16px 0 8px;font-size:20px}.modal-panel>p{color:#777f91;font-size:10px;line-height:1.7}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e6e8ef;border-radius:10px;background:#fff;cursor:pointer}.practice-types{display:flex;flex-direction:column;gap:8px;margin-top:20px}.practice-types button{padding:12px;display:grid;grid-template-columns:22px 1fr 16px;gap:10px;align-items:center;border:1px solid #e5e7ef;border-radius:12px;background:#fafafe;text-align:left;cursor:pointer}.practice-types strong{display:block;font-size:10px}.practice-types small{color:#9399aa;font-size:8px}.inline-notice{margin-top:16px;padding:11px;display:flex;align-items:center;gap:8px;border-radius:11px;color:#8b641d;background:#fff8e8;font-size:9px}.inline-notice.success{color:#1f8c5b;background:#eaf8f1}.library-note{margin-bottom:20px;padding:14px 16px;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;border:1px solid #e2defe;border-radius:14px;color:#5f4ee3;background:linear-gradient(90deg,#f5f2ff,#f9faff)}.library-note strong{display:block;font-size:10px}.library-note span{display:block;margin-top:3px;color:#85899b;font-size:8px}.library-note a{font-size:9px;font-weight:700}.document-card{min-height:370px}.document-cover{position:relative;height:205px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#ece8ff,#dfeaff)}.document-cover.cover-1{background:linear-gradient(145deg,#e7f7ff,#dae8ff)}.document-cover.cover-2{background:linear-gradient(145deg,#e9f7f2,#dceffc)}.document-cover img{width:100%;height:100%;object-fit:cover}.document-cover>div{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6151c8;font-size:10px;font-weight:700}.document-type{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:8px;background:#151724bf;color:#fff;font-size:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.document-body{padding:17px}.document-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.document-title-row h3{margin:0;font-size:13px;line-height:1.45}.access-chip{flex:none;padding:4px 7px;border-radius:99px;color:#8b6d24;background:#fff4db;font-size:7px;font-weight:700}.access-chip.granted{color:#208c5b;background:#e7f7ef}.access-chip.frozen,.access-chip.expired{color:#a44848;background:#fcecec}.document-body p{height:30px;margin:8px 0;color:#8b91a3;font-size:8px;line-height:1.7}.document-meta{margin:12px 0;display:flex;gap:12px;color:#7d8495;font-size:8px}.document-meta span{display:flex;align-items:center;gap:4px}.redeem-panel .input-wrap{margin:20px 0 12px}.redeem-panel .shimmer-button{width:100%}.membership-hero-new{min-height:255px;padding:35px 40px;display:grid;grid-template-columns:1fr 250px;align-items:center;overflow:hidden;border-radius:25px;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(116,94,255,.5),transparent 35%),linear-gradient(135deg,#171829,#292342 60%,#21304a);box-shadow:0 23px 60px #1f1d3f33}.membership-hero-new h2{margin:17px 0 7px;font-size:34px;letter-spacing:-1.5px}.membership-hero-new p{max-width:520px;margin:0;color:#b9bad0;font-size:11px;line-height:1.8}.membership-tags{margin-top:20px;display:flex;gap:8px}.membership-tags span{padding:7px 9px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#d4d5e4;font-size:8px}.membership-orb{justify-self:center;width:155px;height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff2e,#7358ff2e);box-shadow:0 0 55px #795eff40,inset 0 0 25px #ffffff14}.membership-orb span{margin-top:8px;color:#bcbdd1;font-size:8px}.membership-orb strong{margin-top:2px;font-size:18px}.membership-summary{margin:16px 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e5ed;border-radius:17px;background:#fff}.membership-summary div{padding:17px 20px;border-right:1px solid #eceef3}.membership-summary div:last-child{border:0}.membership-summary span{display:block;color:#9096a6;font-size:8px}.membership-summary strong{display:block;margin-top:5px;font-size:18px}.membership-summary .green{color:#279467;font-size:13px}.membership-columns{display:grid;grid-template-columns:1.18fr .82fr;gap:15px}.quota-list-new{display:flex;flex-direction:column;gap:17px}.quota-head{display:flex;justify-content:space-between;gap:12px}.quota-head strong{display:block;font-size:10px}.quota-head span{display:block;margin-top:3px;color:#9298a8;font-size:8px}.quota-head b{color:#5f49e9;font-size:11px}.progress-track{height:6px;margin:8px 0 5px;overflow:hidden;border-radius:99px;background:#eceef3}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7255ff,#3ba2ff)}.quota-list-new small{color:#9aa0af;font-size:7px}.entitlement-list{display:flex;flex-direction:column;gap:10px}.entitlement-list>div{padding:9px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border-radius:13px;background:#fafafe}.tool-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-feature{min-height:280px;padding:27px;color:#fff}.purple-feature{background:radial-gradient(circle at 90% 10%,rgba(154,127,255,.7),transparent 30%),linear-gradient(145deg,#26213d,#563cd1)}.blue-feature{background:radial-gradient(circle at 88% 8%,rgba(70,194,255,.58),transparent 28%),linear-gradient(145deg,#172b48,#166ca4)}.tool-feature-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:#ffffff1c}.tool-feature>span{display:block;margin-top:18px;color:#ffffff9e;font-size:8px;font-weight:700;letter-spacing:1.3px}.tool-feature h3{margin:7px 0;font-size:23px}.tool-feature p{max-width:500px;margin:0;color:#ffffffb3;font-size:10px;line-height:1.7}.feature-flow{margin:20px 0;display:flex;align-items:center;gap:8px}.feature-flow span{padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:7px;font-size:8px}.light-button{color:#fff;border-color:#ffffff40;background:#ffffff1a}.tool-grid{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.small-tool-card{min-height:120px;padding:18px;display:grid;grid-template-columns:42px 1fr 36px;gap:12px;align-items:center}.small-tool-card h3{margin:0;font-size:12px}.small-tool-card p{margin:5px 0 0;color:#8c93a4;font-size:8px;line-height:1.6}.preview-label{padding:7px 10px;border-radius:999px;color:#785e2c;background:#fff5de;font-size:8px;font-weight:700}.toast-message,.reader-toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%);padding:11px 15px;display:flex;align-items:center;gap:8px;border-radius:11px;color:#fff;background:#202231;box-shadow:0 15px 45px #171a2d40;font-size:9px}.state-panel{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9096a7;text-align:center}.state-panel strong{margin-top:10px;color:#454b5d;font-size:11px}.state-panel p{max-width:430px;margin:5px 0 0;font-size:9px;line-height:1.6}.state-panel .secondary-button{margin-top:13px}.state-panel.error svg{color:#d55a5a}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;padding:25px 4vw 45px;background-color:#f8f9fc;background-image:radial-gradient(circle at 12% 20%,rgba(117,88,255,.1),transparent 26%),radial-gradient(circle at 85% 80%,rgba(42,155,255,.08),transparent 26%),radial-gradient(rgba(87,73,160,.12) .65px,transparent .65px);background-size:auto,auto,17px 17px}.login-topbar{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:#9298a8;font-size:9px}.text-link{display:flex;align-items:center;gap:5px;color:#5c6375;font-weight:600}.login-shell{width:min(1080px,100%);min-height:650px;margin:33px auto 0;display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border:1px solid rgba(224,225,235,.9);border-radius:29px;background:#ffffff9e;box-shadow:0 30px 90px #2d2a531c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-story{padding:58px 60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,#f6f4ffbf,#ecf5ff80)}.login-story .brand-mark{width:54px;height:54px;margin-bottom:29px}.login-story h1{margin:18px 0;font-size:41px;line-height:1.17;letter-spacing:-2px}.login-story h1 em{color:#694dff;font-style:normal}.login-story>p{max-width:440px;margin:0;color:#737b8e;font-size:11px;line-height:1.85}.login-points{margin-top:28px;display:flex;flex-direction:column;gap:10px}.login-points span{display:flex;align-items:center;gap:8px;color:#656d80;font-size:10px}.login-points svg{color:#5d47dc}.login-card{align-self:center;margin:40px 45px;padding:34px;border:1px solid #e4e5ee;border-radius:22px;background:#ffffffe6;box-shadow:0 20px 55px #24274114}.login-card-head>span{color:#684fff;font-size:9px;font-weight:700}.login-card-head h2{margin:6px 0;font-size:22px;letter-spacing:-.7px}.login-card-head p{margin:0 0 24px;color:#9398a7;font-size:9px}.login-card label>span{display:block;margin-bottom:7px;color:#5b6273;font-size:9px;font-weight:600}.input-wrap{height:44px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #e2e4ec;border-radius:12px;background:#fbfbfd;color:#949aab;transition:.2s}.input-wrap:focus-within{border-color:#8d78ef;box-shadow:0 0 0 3px #7054ff17}.input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#292d3e;font-size:10px}.input-wrap button{padding:0;display:grid;place-items:center;border:0;background:transparent;color:#949aab;cursor:pointer}.login-card label+label{display:block;margin-top:15px}.login-card .agreement{margin:16px 0;display:flex;align-items:center;gap:7px}.login-card .agreement span{margin:0;color:#7f8698;font-weight:400}.agreement input{accent-color:#684fff}.form-error{margin-bottom:12px;padding:9px;display:flex;align-items:center;gap:7px;border-radius:9px;color:#b14747;background:#fff0f0;font-size:8px}.login-card .shimmer-button{width:100%;height:45px}.demo-account{margin-top:16px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edeef3;color:#9b9fae;font-size:8px}.demo-account button{padding:0;display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#6651d8;cursor:pointer;font-size:8px}.reader-page{height:100vh;display:grid;grid-template-columns:70px 1fr;grid-template-rows:64px 1fr 55px;overflow:hidden;background:#eef1f6}.reader-header{grid-column:1/-1;padding:0 18px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #e2e4eb;background:#ffffffeb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.reader-header>div:nth-child(2){display:flex;flex-direction:column}.reader-header strong{max-width:520px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.reader-header span{margin-top:2px;color:#989eac;font-size:8px}.reader-tools{display:flex;align-items:center;gap:9px}.reader-security{padding:6px 9px;display:flex;align-items:center;gap:5px;border-radius:999px;color:#21875b!important;background:#eaf8f1;font-size:8px!important}.compact{min-height:33px}.page-rail{padding:10px 9px;overflow:auto;display:flex;flex-direction:column;gap:5px;border-right:1px solid #dfe2ea;background:#f8f9fb}.page-rail button{min-height:35px;border:0;border-radius:9px;background:transparent;color:#7c8497;cursor:pointer;font-size:9px}.page-rail button.active{color:#fff;background:linear-gradient(135deg,#7357ff,#4d7cf8);box-shadow:0 7px 17px #534ada33}.reader-stage{position:relative;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:30px;background-image:radial-gradient(#d3d6df .6px,transparent .6px);background-size:15px 15px}.reader-stage .state-panel{min-width:400px;align-self:center}.page-canvas{width:min(1180px,100%);min-height:650px;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;border-radius:5px;background:#fff;box-shadow:0 18px 50px #282c3e24;transform-origin:top center;transition:transform .2s ease}.spread-image{position:relative;min-width:0;cursor:zoom-in}.spread-image img{width:100%;height:auto;display:block;object-fit:contain}.spread-image span{position:absolute;right:8px;bottom:8px;padding:5px 7px;border-radius:7px;color:#fff;background:#141621a3;opacity:0;font-size:7px;transition:.2s}.spread-image:hover span{opacity:1}.reader-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid #dfe2e9;background:#fff}.reader-footer>button{height:33px;padding:0 11px;display:flex;align-items:center;gap:5px;border:1px solid #e2e4eb;border-radius:9px;background:#fafbfc;cursor:pointer;font-size:9px}.reader-footer>span{min-width:65px;text-align:center;color:#858c9c;font-size:9px}.reader-footer>span strong{color:#4f42c9}.zoom-control{position:absolute;right:18px;display:flex;align-items:center;border:1px solid #e1e3ea;border-radius:9px;overflow:hidden}.zoom-control button{width:32px;height:31px;display:grid;place-items:center;border:0;border-left:1px solid #e6e8ee;background:#fff;cursor:pointer;font-size:8px}.zoom-control button:first-child{border:0}.zoom-control button:last-child{width:auto;padding:0 10px}.zoom-control span{width:48px;text-align:center;font-size:8px}.image-lightbox{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;padding:30px;display:grid;place-items:center;background:#0a0b11db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox img{max-width:95vw;max-height:91vh;object-fit:contain}.image-lightbox button{position:absolute;top:20px;right:20px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:11px;color:#fff;background:#ffffff14;cursor:pointer}@media (max-width: 1080px){:root{--sidebar: 210px}.sidebar{width:210px}.page-container{width:min(100% - 42px,1060px)}.dashboard-grid{grid-template-columns:1fr 1fr}.continue-card{grid-column:1/-1}.exam-grid,.library-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{padding:40px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){:root{--sidebar: clamp(252px, 11vw, 292px)}.sidebar{width:var(--sidebar);padding:clamp(24px,1.35vw,32px) clamp(18px,1vw,24px) 20px}.sidebar-brand{gap:13px}.brand-mark{width:44px;height:44px;flex-basis:44px}.brand-copy strong{font-size:clamp(15px,.78vw,18px)}.brand-copy span{font-size:clamp(10px,.56vw,13px)}.sidebar-nav a{min-height:clamp(45px,2.5vw,54px);font-size:clamp(13px,.72vw,16px)}.sidebar-promo{padding:clamp(17px,1vw,23px)}.sidebar-promo strong{font-size:clamp(13px,.72vw,16px)}.sidebar-promo p,.sidebar-promo a{font-size:clamp(10px,.56vw,12px)}.sidebar-toggle{font-size:clamp(11px,.6vw,13px)}.app-header{height:clamp(82px,4.4vw,98px);padding-inline:clamp(38px,2.2vw,52px)}.header-copy h1{font-size:clamp(20px,1.1vw,26px)}.eyebrow{font-size:clamp(8px,.48vw,11px)}.service-status{height:34px;font-size:clamp(10px,.56vw,13px)}.header-login{font-size:clamp(12px,.64vw,15px)}.profile-chip{height:48px}.profile-chip strong{font-size:clamp(10px,.58vw,13px)}.profile-chip span{font-size:clamp(8px,.48vw,11px)}.page-container{width:min(1560px,calc(100% - clamp(64px,5vw,120px)));padding-top:clamp(34px,2.1vw,48px)}.page-intro h2{font-size:clamp(38px,2.05vw,48px)}.page-intro p,.hero-copy p{font-size:clamp(13px,.72vw,16px)}.pill{font-size:clamp(9px,.52vw,12px)}.secondary-button,.shimmer-button,.card-action{min-height:43px;font-size:clamp(11px,.62vw,14px)}.hero-panel{min-height:clamp(344px,20vw,430px);padding:clamp(48px,2.8vw,66px) clamp(52px,3.2vw,76px)}.hero-copy h2{font-size:clamp(55px,3.1vw,70px)}.hero-visual{min-height:310px}.knowledge-core{width:190px;height:190px}.knowledge-core span,.floating-tag{font-size:clamp(10px,.58vw,13px)}.knowledge-core strong{font-size:clamp(14px,.76vw,18px)}.metric-card{min-height:112px;padding:20px}.metric-card strong{font-size:clamp(21px,1.2vw,28px)}.metric-card span{font-size:clamp(10px,.6vw,14px)}.metric-card small{font-size:clamp(8px,.48vw,11px)}.dashboard-card{padding:clamp(21px,1.25vw,29px)}.section-heading>div>span{font-size:clamp(9px,.5vw,11px)}.section-heading h3{font-size:clamp(17px,.92vw,21px)}.section-heading>a,.status-badge{font-size:clamp(9px,.54vw,12px)}.continue-list button{min-height:68px;grid-template-columns:42px minmax(0,1fr) minmax(52px,76px) 20px}.subject-index{width:42px;height:42px;font-size:clamp(11px,.6vw,14px)}.continue-list strong,.capability-list strong,.entitlement-list strong{font-size:clamp(11px,.64vw,14px)}.continue-list span,.capability-list span,.entitlement-list span{font-size:clamp(9px,.52vw,12px)}.activity-bars span,.insight-note span{font-size:clamp(9px,.5vw,11px)}.insight-note strong{font-size:clamp(10px,.58vw,13px)}.search-input input,.segmented-control button{font-size:clamp(10px,.6vw,14px)}.exam-card{min-height:270px;padding:24px}.exam-card h3{font-size:clamp(14px,.8vw,18px)}.exam-card p,.exam-meta{font-size:clamp(9px,.54vw,12px)}.reader-header strong{font-size:clamp(11px,.68vw,15px)}.reader-header span,.reader-security,.reader-footer>button,.reader-footer>span,.page-rail button{font-size:clamp(8px,.52vw,12px)}}@media (max-width: 760px){.sidebar{width:252px;transform:translate(-100%);box-shadow:none}.sidebar.collapsed{width:82px;transform:translate(-100%)}.sidebar.mobile-open{width:252px;transform:translate(0);box-shadow:18px 0 55px #14162633}.sidebar.mobile-open.collapsed{width:252px}.sidebar.mobile-open.collapsed .brand-copy,.sidebar.mobile-open.collapsed .sidebar-nav span,.sidebar.mobile-open.collapsed .sidebar-nav i,.sidebar.mobile-open.collapsed .sidebar-promo,.sidebar.mobile-open.collapsed .sidebar-toggle span{display:initial}.sidebar.mobile-open.collapsed .sidebar-nav a{justify-content:flex-start;padding:0 13px}.mobile-nav-backdrop{position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#13152247;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-main,.app-main.sidebar-collapsed{margin-left:0}.app-header{height:68px;padding:0 16px}.mobile-menu{width:35px;height:35px;display:grid;place-items:center;border:1px solid #e2e4ec;border-radius:10px;background:#fff}.service-status,.header-actions>.icon-button,.profile-chip>div:nth-child(2){display:none}.page-container{width:calc(100% - 28px);padding:22px 0 55px}.hero-panel{min-height:auto;padding:28px;grid-template-columns:1fr}.hero-copy h2{font-size:38px;letter-spacing:-2px}.hero-visual{min-height:260px}.dashboard-grid,.tool-hero-grid,.membership-columns{grid-template-columns:1fr}.metric-grid,.membership-summary{grid-template-columns:repeat(2,1fr)}.exam-grid,.library-grid,.tool-grid{grid-template-columns:1fr}.filter-row,.page-intro{align-items:stretch;flex-direction:column}.search-input{width:100%}.segmented-control{overflow:auto}.membership-hero-new{padding:29px;grid-template-columns:1fr}.membership-orb{display:none}.login-page{padding:16px}.login-topbar span{display:none}.login-shell{min-height:0;margin-top:20px;grid-template-columns:1fr}.login-story{padding:32px}.login-story h1{font-size:31px}.login-card{margin:0;padding:30px;border-radius:0;background:#fff}.reader-page{grid-template-columns:48px 1fr;grid-template-rows:58px 1fr 52px}.reader-header{padding:0 9px;grid-template-columns:39px 1fr auto}.reader-security{display:none!important}.reader-header strong{max-width:150px}.reader-stage{padding:12px}.page-canvas{min-height:0;grid-template-columns:1fr}.reader-footer .zoom-control{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reader-stage .page-canvas{grid-template-columns:minmax(0,1fr)}