@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:var(--edu-bg);color:var(--edu-ink);font:14px/1.6 'Plus Jakarta Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:#2563eb;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #eab308;outline-offset:3px}button,.button{border:1px solid var(--edu-line);background:var(--edu-card);color:var(--edu-ink);border-radius:9px;padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{border-color:#93b4fa;background:#eff6ff;color:#1d4ed8}.primary{background:#2563eb!important;color:white!important;border-color:#2563eb!important}.study-top{height:84px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:var(--edu-card);border-bottom:1px solid var(--edu-line);font-size:10px;font-weight:700;letter-spacing:1.3px;color:var(--edu-muted)}.study-top>div{display:flex;align-items:center;gap:12px}.top-dot{margin:0 12px;color:#cbd5e1}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:12px}.study-top button{font-size:12px;letter-spacing:0}main{max-width:1440px;margin:auto;padding:38px 42px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1.2px;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.55px}h3{font-size:15px;letter-spacing:-.2px}.muted{color:var(--edu-muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#2563eb;text-transform:uppercase}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.page-heading p{margin:0}.pill{font-size:11px;background:#ecfdf5;color:#047857;padding:5px 10px;border-radius:20px;white-space:nowrap}.hero{position:relative;overflow:hidden;border:1px solid #cedcfa;border-radius:20px;padding:32px;background:linear-gradient(115deg,#edf4ff 0%,#f4f7ff 58%,#e4ebff 100%);display:grid;grid-template-columns:1.5fr 1fr;gap:26px;margin-bottom:26px;color:#0f172a}.hero h2{font-size:30px;line-height:1.3;letter-spacing:-1px;max-width:460px;margin:12px 0}.hero p{color:#64748b;max-width:430px}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:170px}.paper-stack{background:white;width:190px;border-radius:12px;box-shadow:12px 16px 0 #c4d5ff,24px 32px 0 #dbe5ff,0 10px 20px #2563eb15;padding:24px;transform:rotate(-7deg);border:1px solid #dbeafe}.paper-stack b{font-size:25px;display:block;margin:12px 0;color:#2563eb}.paper-lines{height:35px;background:repeating-linear-gradient(transparent 0 9px,#e2e8f0 10px 11px)}.paper-seal{position:absolute;right:8%;bottom:8%;background:#fef3c7;color:#92400e;padding:10px 16px;transform:rotate(5deg);border-radius:8px;font-size:12px;font-weight:700}.searchbar{display:flex;align-items:center;gap:12px;background:var(--edu-card);border:1px solid var(--edu-line);padding:8px 10px 8px 20px;border-radius:12px;margin-bottom:24px}.searchbar input{border:0;background:transparent;flex:1;min-width:0;padding:10px;color:var(--edu-ink);outline-offset:0}.searchbar svg{width:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.quick-card{display:block;background:var(--edu-card);border:1px solid var(--edu-line);padding:21px;border-radius:13px;color:var(--edu-ink)}.quick-card:hover{border-color:#93b4fa;box-shadow:0 5px 18px #2563eb09}.tool-icon{width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;margin-bottom:17px}.tool-icon svg{width:20px;height:20px}.quick-card:nth-child(2) .tool-icon{background:#f3edff;color:#8b5cf6}.quick-card:nth-child(3) .tool-icon{background:#fff7e6;color:#d97706}.quick-card:nth-child(4) .tool-icon{background:#e9faf5;color:#059669}.quick-card h3{margin-bottom:4px}.quick-card p{margin:0;font-size:11px;color:var(--edu-muted)}.two-column{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:22px}.panel{background:var(--edu-card);border:1px solid var(--edu-line);border-radius:15px;padding:24px;margin-bottom:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading a{font-size:12px}.collection{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--edu-line);color:var(--edu-ink)}.collection:last-child{border:0}.collection .initial{width:42px;height:48px;display:grid;place-items:center;background:#f1f5f9;border:1px solid #e2e8f0;color:#2563eb;border-radius:7px;font-size:11px;font-weight:800}.collection div{flex:1}.collection strong{display:block;font-size:13px}.collection small{color:var(--edu-muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stat strong{font-size:25px;display:block;letter-spacing:-1px}.stat span{font-size:10px;color:var(--edu-muted)}.focus-clock{font-size:46px;font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:10px 0}.progress-track{height:5px;background:#e2e8f0;border-radius:10px;margin:18px 0}.progress-fill{height:100%;background:#2563eb;border-radius:10px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}input,select,textarea{border:1px solid var(--edu-line);border-radius:9px;padding:11px 13px;background:var(--edu-card);color:var(--edu-ink);max-width:100%}textarea{resize:vertical;min-height:160px;width:100%}label{display:block;font-weight:600;font-size:12px;margin:14px 0 6px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.resource{display:flex;flex-direction:column;border:1px solid var(--edu-line);background:var(--edu-card);border-radius:12px;padding:20px;overflow-wrap:anywhere}.resource h3{font-size:13px;margin:12px 0;flex:1}.resource .meta{font-size:11px;color:var(--edu-muted)}.resource .actions{display:flex;gap:8px;margin-top:15px}.resource .actions>*{font-size:11px;padding:8px 12px}.empty{padding:40px 20px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;color:var(--edu-muted)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin-top:30px}.plan{position:relative;background:var(--edu-card);border:1px solid var(--edu-line);border-radius:16px;padding:28px;display:flex;flex-direction:column}.plan.recommended{border:2px solid #2563eb;box-shadow:0 8px 32px #2563eb12}.plan .ribbon{position:absolute;top:-14px;left:22px;border-radius:20px;padding:4px 14px;background:#2563eb;color:white;font-size:11px;font-weight:700}.price{font-size:40px;letter-spacing:-2px;font-weight:800;margin:12px 0}.price small{font-size:12px;color:var(--edu-muted);letter-spacing:0;font-weight:400}.plan ul{padding:0;list-style:none;flex:1;font-size:12px;line-height:2.8}.plan li:before{content:'';display:inline-block;width:6px;height:10px;border-right:2px solid #2563eb;border-bottom:2px solid #2563eb;transform:rotate(45deg);margin-right:13px;vertical-align:2px}.note-item{padding:18px;border:1px solid var(--edu-line);border-radius:10px;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.note-item button{font-size:11px;margin-right:8px}.task{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--edu-line)}.task span{flex:1}.task.done span{text-decoration:line-through;color:var(--edu-muted)}.task button{padding:4px 10px}.answer{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--edu-bg);padding:20px;border-radius:12px;margin-top:20px}.study-footer{padding:20px 42px 35px;color:var(--edu-muted);font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0f172a;color:white;border-radius:10px;padding:12px 22px;z-index:100;max-width:90vw;display:none}#toast.show{display:block}.dark{--edu-bg:#0b1220;--edu-card:#111c2e;--edu-ink:#e2e8f0;--edu-muted:#9aabc1;--edu-line:#273449}.dark .edu-rail .edu-upgrade{background:#1a2d4c}.dark .edu-rail a:hover{background:#1a2d4c;color:#93c5fd}.dark .collection .initial{background:#1a2d4c;border-color:#273449;color:#93c5fd}
@media(max-width:1200px){main{padding:28px}.study-top{padding:0 28px}.quick-grid{gap:10px}.quick-card{padding:16px}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){main{padding:22px 16px}.study-top{height:66px;padding:0 16px}.study-top>span{font-size:9px;letter-spacing:.4px}.top-dot{margin:0 4px}.avatar{display:none}h1{font-size:26px}.page-heading{align-items:flex-start}.page-heading>.pill{display:none}.hero{padding:24px;grid-template-columns:1fr}.hero h2{font-size:27px}.hero-art{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.two-column,.pricing{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.panel{padding:20px}.searchbar{padding-left:10px}.study-footer{padding:20px 16px}.filters>*{flex:1;min-width:120px}}@media print{.study-top,.study-footer,button,.actions{display:none!important}main{padding:0}.panel{break-inside:avoid}}