:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#243b35;background:#f6f7f3;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{min-height:48px}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#e9eee8;color:#234a3f;font-weight:650}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}input,textarea,select{width:100%;border:1px solid #d7dfd6;background:#fff;border-radius:10px;padding:12px;color:#243b35}textarea{min-height:120px;resize:vertical}label{display:block;font-size:13px;font-weight:650;margin:16px 0 7px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,46px);font-weight:400;line-height:1.12}h2{font-size:21px}h3{font-size:17px}p{line-height:1.65}small,.muted{color:#738078}.primary{background:#214f40;color:white}.danger{color:#a23e31;background:#fff0eb}.outline{background:transparent;border:1px solid #ccd8ce}.card{background:white;border:1px solid #e3e8de;border-radius:20px;padding:24px}.stack{display:grid;gap:18px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.badge{font-size:11px;font-weight:750;padding:6px 10px;border-radius:7px;background:#e8eee4;color:#506947;display:inline-block}.badge.Pending,.badge.In-Progress{background:#fff2d4;color:#976b18}.badge.Late{background:#fce8e2;color:#ab503c}.badge.Graded,.badge.Completed{background:#e0f0e8;color:#2f7557}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#78917f;margin-bottom:14px}.shell{max-width:1540px;margin:auto}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3e8de;padding:35px 22px;display:flex;flex-direction:column;z-index:10}.brand{font-family:Georgia,serif;font-size:31px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.mark{display:inline-grid;place-items:center;background:#234f40;color:#fff;border-radius:12px;width:42px;height:42px;font-size:25px}.sidebar nav{display:grid;gap:7px;margin-top:48px}.nav-button{display:flex;gap:13px;align-items:center;text-align:left;background:transparent;color:#79837c;font-size:14px}.nav-button.active{background:#eaf0e5;color:#284f3c}.nav-icon{font-size:20px;min-width:25px}.sidebar footer{margin-top:auto;padding-top:25px}.main{margin-left:240px;padding:28px 44px 55px;max-width:1350px}.topbar{border-bottom:1px solid #e0e6dc;padding-bottom:23px;margin-bottom:36px}.avatar{border-radius:50%;background:#e2e9d8;width:43px;height:43px;display:grid;place-items:center;font-weight:bold}.hero{background:#e9eedf;position:relative;overflow:hidden;padding:34px;border-radius:21px;margin:25px 0}.hero p{max-width:550px;margin-bottom:0}.hero-symbol{position:absolute;right:35px;top:25px;font:110px Georgia;color:#c3cfb4;transform:rotate(-14deg)}.hero-content{position:relative;z-index:1}.stat-number{font-family:Georgia,serif;font-size:35px;margin:10px 0 4px}.section{margin:32px 0 18px}.lesson-art{height:140px;border-radius:14px;background:#eee5d2;display:grid;place-items:center;font:64px Georgia;color:#8b7857;margin-bottom:22px}.lesson:nth-child(2n) .lesson-art{background:#e3e9de;color:#71866a}.lesson p{min-height:50px;font-size:14px}.lesson button{width:100%;margin-top:15px}.progress{height:5px;background:#e7ede3;border-radius:8px;margin:16px 0;overflow:hidden}.progress>span{display:block;background:#739366;height:100%}.mobile-nav{display:none}dialog{border:0;border-radius:22px;max-width:760px;width:calc(100% - 24px);padding:28px;max-height:90dvh;color:#243b35}dialog::backdrop{background:#172b2466;backdrop-filter:blur(3px)}.video{aspect-ratio:16/9;background:#132b23;border-radius:13px;overflow:hidden}.video iframe{width:100%;height:100%;border:0}.question{border-top:1px solid #e4e9e0;padding-top:18px;margin-top:22px}.choice{display:flex;align-items:center;gap:12px;border:1px solid #dce4d8;border-radius:12px;padding:12px;min-height:52px;cursor:pointer}.choice input{width:20px;min-height:20px;margin:0;accent-color:#285f48}.login{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top left,#dae4cb,transparent 65%),#f6f7f3}.login .card{width:100%;max-width:440px;padding:35px}.login .brand{margin-bottom:35px}.empty{text-align:center;padding:45px 20px;color:#738078;border:1px dashed #ccd7c6;border-radius:16px}.countdown{font-variant-numeric:tabular-nums;color:#8b6934;font-size:12px;font-weight:650}.error{color:#a13f33;margin-top:15px;white-space:pre-wrap}.feedback{white-space:pre-wrap;background:#f0f5eb;padding:14px;border-radius:10px;line-height:1.65}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere}.save-state{font-size:12px;color:#657b65}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:99;background:#213f34;color:white;padding:14px 22px;border-radius:14px;max-width:90%;display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #99ad60;outline-offset:3px}
@media(max-width:900px){.sidebar{width:200px}.main{margin-left:200px;padding:24px}.hero-symbol{opacity:.4}}
@media(max-width:640px){.sidebar{display:none}.main{margin-left:0;padding:20px 18px 110px}.topbar{margin-bottom:26px}.topbar .breadcrumb{display:none}.hero{padding:25px}.hero-symbol{right:12px}.card{padding:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #dce5d6;z-index:15;padding:8px 5px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(10px)}.mobile-nav button{padding:6px 4px;min-width:48px;flex:1;display:grid;place-items:center;gap:4px;font-size:10px;border-radius:10px}.mobile-nav .nav-icon{font-size:20px}.stats{grid-template-columns:repeat(3,1fr);gap:9px}.stats .card{padding:14px 10px}.stats .muted{font-size:10px}.stat-number{font-size:28px}dialog{padding:20px}.grid{gap:14px}.brand.mobile{font-size:25px}}

/* Public homepage */
.public-site{--ink:#173f35;--cream:#f7f1e5;--paper:#fffdf8;--red:#c76245;--gold:#e6b65c;background:var(--cream);color:var(--ink);overflow:hidden}.public-site h1,.public-site h2,.public-site blockquote{font-family:Georgia,'Times New Roman',serif}.site-logo{display:flex;align-items:center;gap:11px;text-align:left;line-height:1}.site-logo img{width:46px;height:46px}.site-logo b{display:block;font:700 19px Georgia,serif;letter-spacing:.4px}.site-logo small{display:block;font-size:8px;letter-spacing:1.55px;margin-top:5px;font-weight:800}.public-header{height:82px;max-width:1280px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173f3520}.public-brand{color:inherit;text-decoration:none}.public-header nav{display:flex;gap:34px}.public-header nav a{color:inherit;text-decoration:none;min-height:auto;font-size:14px;font-weight:650}.header-actions,.hero-actions{display:flex;gap:12px;align-items:center}.accent-btn{background:var(--red);color:#fff;border-radius:999px;padding:13px 22px;box-shadow:0 6px 0 #974631}.ghost-btn{background:transparent;border:1px solid #173f3545;border-radius:999px}.text-btn{background:transparent;text-decoration:underline;text-underline-offset:5px}.public-hero{max-width:1280px;min-height:690px;margin:auto;padding:70px 30px 38px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2}.paper-tag,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#9b6842}.paper-tag{display:inline-block;background:#fff9e9;border:1px solid #d6c59f;padding:10px 15px;transform:rotate(-1deg);box-shadow:2px 3px 0 #decfad}.public-hero h1{font-size:clamp(50px,6vw,86px);line-height:.98;letter-spacing:-3px;margin:29px 0}.public-site em{color:var(--red);font-weight:400}.hero-lead{max-width:610px;font-size:18px;color:#49645c}.hero-actions{margin:30px 0}.hero-actions button{min-height:54px}.trust-row{display:flex;gap:25px;padding-top:24px;border-top:1px dashed #173f3540;font-size:13px}.trust-row b{color:var(--red)}.hero-visual{position:relative;align-self:stretch;min-height:570px}.hero-visual>img{position:absolute;z-index:2;width:min(88%,520px);height:560px;right:2%;bottom:0;object-fit:cover;object-position:center 18%;border-radius:47% 47% 24px 24px;filter:saturate(.9)}.sun-disc{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--gold);right:4%;top:4%}.sun-disc:before{content:'';position:absolute;inset:-30px;border:1px dashed #ad7b36;border-radius:50%}.mascot-note{position:absolute;z-index:3;left:-4%;bottom:38px;background:var(--paper);padding:15px 18px;border:1px solid #d9cfba;border-radius:4px;box-shadow:8px 8px 0 #173f35;transform:rotate(-2deg);display:grid;max-width:250px}.mascot-note span{font-size:12px;margin-top:4px}.floating-quote{position:absolute;z-index:3;right:-1%;top:58px;background:var(--ink);color:#fff;padding:11px 15px;font:italic 15px Georgia,serif;transform:rotate(3deg)}.marquee{background:var(--ink);color:#fff;min-height:64px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:11px;font-weight:750;letter-spacing:2px;white-space:nowrap}.marquee i{color:var(--gold)}.public-section{max-width:1220px;margin:auto;padding:100px 30px}.intro{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}.public-section h2,.final-cta h2{font-size:clamp(38px,4vw,61px);line-height:1.08;letter-spacing:-1.8px;margin:15px 0}.intro>p{font-size:17px;color:#5f6f68}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading>p{color:#6f7b75;font-size:13px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.course-card{background:var(--paper);border:1px solid #dcd3c1;transition:.25s transform,.25s box-shadow}.course-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #173f351c}.course-card.featured{transform:rotate(1deg)}.course-card.featured:hover{transform:rotate(0) translateY(-7px)}.course-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.course-body{padding:23px}.course-level{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--red)}.course-body h3{font:400 25px/1.15 Georgia,serif;margin:12px 0}.course-body p{font-size:14px;color:#66756f;min-height:47px}.course-body button{width:100%;display:flex;justify-content:space-between;background:transparent;border-top:1px solid #ddd4c3;border-radius:0;padding:15px 0 0}.teacher-note{position:relative;background:var(--ink);color:#fff;max-width:1160px;padding:75px 330px 75px 80px;min-height:360px;overflow:hidden}.teacher-note blockquote{font-size:clamp(28px,3vw,43px);line-height:1.25;margin:0}.quote-mark{font:80px Georgia;color:var(--gold);height:56px}.signature{display:grid;margin-top:26px}.signature span{font:italic 28px Georgia;color:var(--gold)}.signature small{letter-spacing:1.7px;font-size:9px}.teacher-note>img{position:absolute;width:300px;height:420px;object-fit:cover;object-position:center 18%;right:10px;bottom:-50px;mix-blend-mode:screen;border-radius:45%}.final-cta{text-align:center;padding:110px 25px;background:#ead9b7}.final-cta button{margin-top:20px;min-height:56px}.public-footer{max-width:1220px;margin:auto;padding:50px 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center}.public-footer p{font-size:13px;margin:0}.public-footer small{grid-column:1/-1;border-top:1px solid #173f3520;padding-top:20px}.public-form{position:relative}.modal-x{position:absolute;right:-8px;top:-12px;background:transparent;font-size:26px}.register-submit{width:100%;margin-top:22px}.success-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#dff0df;color:#286748;font-size:27px;margin-bottom:20px}
@media(max-width:800px){.public-header{height:72px;padding:0 17px}.public-header nav{display:none}.header-actions .ghost-btn{display:none}.site-logo img{width:40px;height:40px}.site-logo b{font-size:15px}.site-logo small{font-size:6.5px}.public-hero{padding:45px 20px 25px;grid-template-columns:1fr;min-height:auto}.public-hero h1{font-size:clamp(46px,13.5vw,67px);letter-spacing:-2px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions button{width:100%}.trust-row{gap:10px;justify-content:space-between}.trust-row span{display:grid;font-size:11px}.hero-visual{min-height:460px}.hero-visual>img{height:445px;width:90%;right:-3%}.sun-disc{width:330px;height:330px;right:-10px}.mascot-note{left:0;bottom:24px;max-width:210px}.floating-quote{right:0;top:35px}.marquee{justify-content:flex-start;overflow:hidden;padding-left:20px}.public-section{padding:70px 20px}.intro{grid-template-columns:1fr;gap:15px}.section-heading{display:block}.course-grid{grid-template-columns:1fr;gap:24px}.course-card.featured{transform:none}.teacher-note{margin:0 20px;padding:55px 28px 300px;min-height:650px}.teacher-note>img{right:50%;transform:translateX(50%);height:330px;width:270px}.public-footer{grid-template-columns:1fr;padding:45px 20px}.public-footer small{grid-column:auto}.public-site h2{letter-spacing:-1px}}
.registration-box{background:#fff8e8;border:1px solid #ead7aa;border-radius:20px;padding:22px;margin-bottom:28px}.registration-box .stack{margin-top:15px}.registration-box .card{padding:16px}.brand .site-logo{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.brand .site-logo img{flex:none}