@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:#352b2d;background:#f8f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}button:focus-visible{outline:3px solid #c6a360;outline-offset:3px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:15;inset:0 auto 0 0;width:266px;background:linear-gradient(165deg,#491a2b,#36101e 72%);color:#f9eadb;display:flex;flex-direction:column;box-shadow:10px 0 30px #2b13201a}.identity{height:109px;display:flex;gap:13px;align-items:center;padding:20px 25px;border-bottom:1px solid #fff1}.seal{height:49px;width:49px;flex-shrink:0;display:grid;place-items:center;border:1px solid #c4a16c;border-radius:14px;color:#ead29d;font-family:serif;font-size:22px;box-shadow:inset 0 0 0 3px #ffffff09}.brand-main{font-family:Playfair Display,serif;font-size:24px;font-weight:600;letter-spacing:1.2px;line-height:1.1}.brand-sub{font-size:9px;letter-spacing:2.05px;margin-top:6px;color:#ddbd82;font-weight:700}.sidebar-label{color:#c6a47b;font-size:10px;letter-spacing:1.6px;font-weight:700;padding:33px 27px 15px}.nav-list{display:flex;flex-direction:column;gap:5px;padding:0 14px}.nav-link{width:100%;border:0;background:transparent;color:#decbd0;display:flex;align-items:center;gap:14px;text-align:left;border-radius:11px;min-height:49px;padding:10px 13px;cursor:pointer;transition:background .2s,color .2s;font-size:13px;font-weight:600}.nav-link:hover{background:#fff1;color:#fff}.nav-link.active{background:linear-gradient(90deg,#bd925f33,#ad875d12);color:#f7d49b;border:1px solid #cda66b45}.nav-link span{flex:1}.nav-chevron{color:#cca56e}.sidebar-bottom{margin-top:auto;padding:18px 23px 25px}.side-quote{padding:18px 19px;border:1px solid #e7c89835;border-radius:13px;background:#6e37402b}.side-quote>span{font-family:serif;font-size:31px;color:#c6a36c}.side-quote p{font-size:11px;line-height:1.65;margin:8px 0 0;color:#ead8d4}.powered{color:#bd9d94;font-size:9px;letter-spacing:1.2px;text-align:center;margin-top:27px}.powered strong{color:#dcbd88;font-size:15px;margin-left:7px}.main-area{margin-left:266px;flex:1;min-width:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#fffdfb;border-bottom:1px solid #e9e4df}.crumb{display:flex;align-items:center;gap:12px;color:#a39a96;font-size:12px}.crumb strong{color:#4c2936;font-weight:700}.top-right{display:flex;align-items:center;gap:19px}.environment{display:flex;align-items:center;gap:8px;color:#5a4850;font-size:12px;font-weight:600}.dot{background:#b79559;width:7px;height:7px;border-radius:50%}.user-symbol{height:37px;width:37px;display:grid;place-items:center;border-radius:50%;background:#f5eddf;color:#6f3044;border:1px solid #eee0ca}.hamburger,.close-menu{display:none;background:transparent;border:0;color:inherit;cursor:pointer}.workspace{max-width:1460px;margin:0 auto;padding:41px 49px 25px}.eyebrow{display:flex;align-items:center;gap:8px;color:#9d7952;letter-spacing:1.8px;font-size:10px;font-weight:700;margin-bottom:20px}.hero{min-height:291px;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 94% 0%,#98674362,transparent 46%),linear-gradient(125deg,#4a192b 7%,#62283a 62%,#3f1625);box-shadow:0 15px 33px #49203116;color:#fff3e7}.hero:after{content:"";position:absolute;inset:22px;border:1px solid #dbb98d32;border-radius:10px;pointer-events:none}.hero-content{position:relative;z-index:2;padding:43px 55px 39px;max-width:750px}.hero-kicker{font-size:10px;color:#dbb681;letter-spacing:2.3px;font-weight:700}.hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(31px,3.4vw,49px);font-weight:500;line-height:1.19;letter-spacing:-.6px;margin:16px 0 14px}.hero h1 em{color:#ebce96;font-weight:500}.hero p{max-width:560px;font-size:13px;line-height:1.85;color:#ecdae0;margin:0}.hero-mark{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:2.3px;color:#e5cb9e;margin-top:28px}.mark-line{display:block;height:1px;width:30px;background:#c8a66b}.hero-art{position:absolute;right:-22px;top:-74px;width:385px;height:385px;border:1px solid #edd0a42e;border-radius:50%;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:35px;border:1px solid #e6c48a2a;border-radius:50%}.hero-art:after{inset:70px}.hero-art span{font-family:serif;font-size:180px;color:#e9c88b12;transform:translate(-22px,27px)}.section-intro{display:flex;justify-content:space-between;margin:42px 0 21px}.tiny-heading{display:block;color:#ae895f;font-weight:700;font-size:10px;letter-spacing:1.8px}.section-intro h2{font-family:Playfair Display,serif;font-weight:600;font-size:27px;margin:9px 0}.section-intro p{font-size:13px;color:#928588;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{text-align:left;border:1px solid #eee5df;background:#fff;border-radius:15px;padding:23px 23px 20px;min-height:236px;cursor:pointer;box-shadow:0 6px 25px #5a35220b;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;color:#352b2d}.feature-card:hover{transform:translateY(-4px);border-color:#d7b989;box-shadow:0 15px 30px #5a352218}.card-top{display:flex;justify-content:space-between;align-items:start}.feature-icon{background:#f8f0e7;color:#895a4b;border:1px solid #efdfcf;border-radius:12px;width:49px;height:49px;display:grid;place-items:center}.feature-arrow{color:#c7b5ae}.card-tag{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#ad885c;margin-top:22px}.feature-card h3{font-family:Playfair Display,serif;font-size:21px;font-weight:600;margin:7px 0 6px}.feature-card p{font-size:12px;line-height:1.7;color:#908487;margin:0;flex:1}.feature-bottom{color:#783d4c;font-size:11px;font-weight:700;margin-top:14px;display:flex;align-items:center;gap:5px}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:19px;margin-top:22px}.panel{min-height:310px;border-radius:15px;border:1px solid #eee5df;background:#fff;padding:25px 27px}.panel-heading{display:flex;align-items:center;justify-content:space-between;color:#ae916c}.panel h3{font-family:Playfair Display,serif;color:#392c2b;font-weight:600;font-size:22px;margin:7px 0 0}.empty-inline{display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 12px 10px}.empty-icon{background:#f6f2ec;color:#a38b76;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;margin-bottom:12px}.empty-inline strong{font-size:13px;color:#554749}.empty-inline p{font-size:12px;line-height:1.8;color:#998b8a;max-width:350px}.academic-panel h3{margin-bottom:22px}.academic-list{display:grid;gap:20px}.academic-item{display:flex;gap:12px;align-items:start}.academic-icon{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#f9f0e9;color:#82524b}.academic-item strong{font-size:12px;color:#55414a}.academic-item p{font-size:11px;color:#94888a;margin:4px 0 0;line-height:1.5}.footer{margin-top:45px;padding-top:21px;border-top:1px solid #e9e2dc;color:#aa9ca0;font-size:11px;display:flex;justify-content:space-between;gap:12px}.sub-head{margin:18px 0 30px}.sub-head h1{font-family:Playfair Display,serif;font-size:clamp(30px,4vw,43px);font-weight:600;color:#4c2334;margin:8px 0}.sub-head p{font-size:13px;color:#928588}.module-panel{border-radius:20px;background:#fff;border:1px solid #eee5df;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 22px}.module-emblem{height:84px;width:84px;border-radius:23px;color:#906244;background:#fbf3eb;border:1px solid #ead9c5;display:grid;place-items:center;margin-bottom:21px}.module-panel h2{font-family:Playfair Display,serif;font-size:27px;font-weight:600;margin:0 0 9px}.module-panel p{font-size:13px;color:#918287;line-height:1.9;max-width:430px}.future-indicator{margin-top:20px;border:1px solid #e9d9c2;background:#fffbf4;color:#93774d;border-radius:30px;padding:9px 14px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.note-row{display:flex;align-items:center;gap:10px;color:#887a7e;font-size:12px;margin-top:19px;padding:15px 19px;border-radius:12px;background:#fff9f1;border:1px solid #f0e4d2}.overlay{display:none}@media(max-width:1180px){.workspace{padding:35px 32px 22px}.topbar{padding:0 32px}.hero-content{padding-left:37px}.hero-art{right:-115px}.feature-grid{gap:12px}.feature-card{padding:20px 17px}.lower-grid{gap:12px}}@media(max-width:950px){.sidebar{width:246px}.main-area{margin-left:246px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:20px}.feature-card p{flex:auto}.card-tag{margin-top:13px}.lower-grid{grid-template-columns:1fr}.panel{min-height:290px}}@media(max-width:740px){.sidebar{transform:translate(-102%);transition:transform .25s;box-shadow:20px 0 55px #1b0c1880}.sidebar-open{transform:translate(0)}.overlay{display:block;position:fixed;inset:0;z-index:14;border:0;background:#1e0c1799}.close-menu{display:block;margin-left:auto}.hamburger{display:grid;place-items:center;padding:5px;margin-right:12px;color:#552c3c}.main-area{margin-left:0}.topbar{height:67px;padding:0 19px;justify-content:flex-start}.crumb{gap:8px}.top-right{margin-left:auto}.environment{font-size:0}.dot{width:9px;height:9px}.user-symbol{height:34px;width:34px}.workspace{padding:27px 17px 21px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero{min-height:285px;border-radius:16px}.hero-content{padding:37px 26px 32px}.hero h1{font-size:35px;max-width:480px}.hero p{font-size:12px}.hero-art{right:-188px;top:-44px}.section-intro{margin-top:33px}.section-intro h2{font-size:25px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{min-height:195px}.lower-grid{gap:13px}.panel{padding:23px 20px}.footer{font-size:10px;flex-direction:column;gap:6px}.note-row{align-items:start;line-height:1.7}}@media(max-width:380px){.hero h1{font-size:31px}.hero-content{padding:34px 22px}.crumb{font-size:11px}.brand-main{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.etao-login-screen{min-height:100vh;background:linear-gradient(145deg,#32101f,#612738);display:grid;place-items:center;padding:24px;color:#352b2d}.etao-login-card{width:100%;max-width:430px;background:#fffdfa;border:1px solid #dcc5a4;border-radius:22px;box-shadow:0 22px 65px #190b1370;padding:35px;display:flex;flex-direction:column;gap:12px}.etao-login-seal{width:62px;height:62px;display:grid;place-items:center;background:#531e31;border:1px solid #d7b781;border-radius:15px;color:#eacf99;font-family:serif;font-size:28px}.etao-login-card>small{color:#a27d4b;letter-spacing:2px;font-size:10px}.etao-login-card h1{font:600 30px Georgia,serif;color:#512337;margin:4px 0}.etao-login-card p{color:#8d8180;line-height:1.7;font-size:13px;margin:0 0 10px}.etao-login-card label,.etao-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#623b46}.etao-login-card input,.etao-form input,.etao-form textarea{width:100%;border-radius:9px;border:1px solid #e3d7cd;padding:11px 12px;background:#fff;color:#352b2d;font:inherit;font-size:13px;min-width:0}.etao-login-card input:focus,.etao-form input:focus,.etao-form textarea:focus{outline:2px solid #c4a16c;outline-offset:1px}.etao-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#67273d;color:#fff5e5;border:1px solid #8c554b;border-radius:9px;min-height:41px;padding:10px 16px;font-weight:700;font-size:12px;cursor:pointer}.etao-primary:hover{background:#7e3348}.etao-primary:disabled{opacity:.55;cursor:wait}.etao-error,.etao-success{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:10px;margin-bottom:15px;font-size:12px;line-height:1.6}.etao-error{background:#fff0ef;border:1px solid #edc8ca;color:#9a2437}.etao-success{background:#f1f8ef;border:1px solid #cfe2c9;color:#397146}.etao-logout-bar{position:fixed;z-index:30;right:22px;bottom:17px;display:flex;align-items:center;gap:12px;background:#fffefa;border:1px solid #e6d4b5;padding:6px 8px 6px 12px;border-radius:12px;box-shadow:0 6px 25px #4b213224;color:#69535b;font-size:11px}.etao-logout-bar button{background:#5a2135;border:0;border-radius:8px;color:#fff;display:flex;align-items:center;gap:5px;padding:9px 11px;cursor:pointer}.etao-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.etao-box{border:1px solid #eee3d8;background:#fff;border-radius:16px;padding:23px;box-shadow:0 5px 22px #4d29300b;min-width:0}.etao-lesson-box{grid-column:1/-1}.etao-box h2{display:flex;align-items:center;gap:9px;font:600 21px Georgia,serif;color:#552637;margin:0 0 20px}.etao-form{display:grid;gap:13px}.etao-form .etao-primary{justify-self:start}.etao-muted{color:#8e8083;line-height:1.7;font-size:12px}.etao-subtitle{color:#9e7b50;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:23px 0 10px}.etao-entry{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;padding:14px;background:#fcf9f5;border:1px solid #eee5de;border-radius:9px;color:#543344;cursor:pointer;margin:7px 0}.etao-entry:hover,.etao-entry.chosen{border-color:#c7a77a;background:#f7f0e8}.etao-entry span{min-width:0}.etao-entry strong{display:block;font-size:13px;overflow-wrap:anywhere}.etao-entry small{display:block;color:#98868a;font-size:11px;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.etao-lesson{border-bottom:1px solid #f0e9e4;padding:12px 0}.etao-lesson strong{font-size:13px;color:#5a293b}.etao-lesson p{color:#827678;font-size:12px;white-space:pre-wrap}.etao-lesson a{font-size:12px;color:#895d23}@media(max-width:950px){.etao-course-grid{grid-template-columns:1fr}.etao-lesson-box{grid-column:auto}}@media(max-width:560px){.etao-box{padding:18px}.etao-login-card{padding:25px}.etao-logout-bar span{display:none}.etao-logout-bar{right:9px;bottom:9px}}