@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172337;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#101b2d;--blue:#3867e8;--muted:#6e7b8f;--line:#e5eaf1;--white:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1200px)/2),5%);position:sticky;top:0;z-index:20}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;color:var(--navy);font:800 19px Manrope;text-align:left;letter-spacing:1px}.brand small{display:block;font:600 8px DM Sans;letter-spacing:1.4px;color:#8994a5;margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4776f2,#213b91);display:grid;place-items:center;color:#fff;font:800 23px Manrope}.nav{display:flex;gap:28px}.nav button,.text-button{border:0;background:none;color:#59677b;font-weight:600;font-size:13px}.nav button:hover,.text-button:hover{color:var(--blue)}.top-actions{display:flex;align-items:center;gap:12px}.user-pill{font-size:11px;font-weight:700;color:#3555a0;background:#eef3ff;padding:9px 12px;border-radius:30px}.icon-button,.mobile-toggle{border:0;background:#f1f4f8;color:#33435a;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.mobile-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;padding:14px 20px;background:var(--blue);color:#fff;font-weight:700;font-size:13px;box-shadow:0 8px 18px #3867e826}.button:hover{background:#2856d4;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button-small{padding:10px 15px}.button-full{width:100%}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce3ed;background:#fff;color:#34445c;padding:12px 16px;border-radius:10px;font-weight:700;font-size:12px}.hero{max-width:1200px;margin:0 auto;padding:92px 5% 75px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;min-height:570px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#5470b5}.hero h1,.section-heading h1,.welcome-row h1,.onboarding h1{font:800 clamp(36px,5vw,58px)/1.12 Manrope;letter-spacing:-2px;color:var(--navy);margin:18px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:570px}.hero-buttons{display:flex;align-items:center;gap:17px;margin-top:28px}.hero-buttons>span{font-size:10px;color:#8490a1}.hero-proof{display:flex;gap:35px;margin-top:55px;border-top:1px solid var(--line);padding-top:22px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font:700 13px Manrope}.hero-proof small{font-size:10px;color:#8a95a5;margin-top:5px}.hero-art{height:400px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #dbe4f5;border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:245px;height:245px;border-style:dashed}.hero-core{width:150px;height:150px;border-radius:44px;background:linear-gradient(145deg,#172c50,#3867e8);box-shadow:0 25px 60px #243f8040;display:grid;place-content:center;text-align:center;color:#fff;transform:rotate(-8deg)}.hero-core span{font:800 75px Manrope;line-height:1}.hero-core small{font-weight:700;letter-spacing:3px}.float-card{position:absolute;background:#fff;border:1px solid #e7edf5;border-radius:14px;padding:14px 17px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 40px #1e315012;font-size:12px;font-weight:700;color:#3d4b62}.float-card svg{color:var(--blue)}.card-top{top:35px;left:0}.card-right{right:0;top:170px}.card-bottom{bottom:35px;left:35px}.section{padding:75px 5%;background:#fff}.section-heading{text-align:center;max-width:650px;margin:0 auto 35px}.section-heading h2{font:800 32px Manrope;color:var(--navy);margin:12px 0}.section-heading p,.section-heading.left p{color:var(--muted);line-height:1.7}.section-heading.left{text-align:left;margin:20px 0 30px}.section-heading.left h1{font-size:40px;margin:12px 0}.area-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.area-card{border:1px solid var(--line);border-radius:16px;padding:24px;position:relative;background:#fff}.area-card>svg:first-child{color:var(--blue);width:25px;height:25px}.area-card h3{font:700 16px Manrope;margin:17px 0 7px}.area-card p{font-size:12px;line-height:1.7;color:var(--muted);max-width:260px}.area-card>svg:last-child{position:absolute;right:22px;bottom:22px;color:#9aa6b7}.quote-band{padding:55px 5%;background:var(--navy);color:#fff;text-align:center}.quote-band span{display:block;font:700 23px Manrope;max-width:720px;margin:0 auto 13px}.quote-band small{font-size:9px;letter-spacing:2px;color:#aabce7}.app-shell main{flex:1}.workspace{max-width:1120px;margin:0 auto;padding:55px 5% 80px}.welcome-row{display:flex;align-items:center;justify-content:space-between}.welcome-row h1{font-size:42px;margin:10px 0}.welcome-row p{color:var(--muted)}.welcome-mark{width:65px;height:65px;background:#eaf0ff;color:var(--blue);border-radius:20px;display:grid;place-items:center}.welcome-mark svg{width:28px;height:28px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;gap:7px}.stat-card svg{color:var(--blue);width:19px}.stat-card strong{font:800 26px Manrope}.stat-card small{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.panel h2{font:750 20px Manrope;margin:10px 0}.panel p{font-size:12px;line-height:1.7;color:var(--muted)}.panel .outline-button{margin-top:10px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h2{margin:6px 0}.course-row,.lesson-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;text-align:left;gap:14px;padding:15px 0;color:var(--navy)}.course-row>span:nth-child(2),.lesson-row>span:nth-child(2){flex:1;min-width:0}.course-row strong,.course-row small,.lesson-row strong,.lesson-row small{display:block}.course-row strong,.lesson-row strong{font-size:13px}.course-row small,.lesson-row small{font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-icon{width:39px;height:39px;border-radius:12px;background:#eef3ff;color:var(--blue);display:grid;place-items:center;flex-shrink:0}.course-icon svg{width:19px}.course-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-card,.tool-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left;color:var(--navy)}.course-card:hover{border-color:#aabcf4;box-shadow:0 12px 30px #243f8010}.course-card-top,.course-card-bottom{display:flex;justify-content:space-between;align-items:center}.course-card-top>span:last-child,.course-card-bottom{font-size:10px;color:var(--muted)}.course-card h3,.tool-card h3{font:750 17px Manrope;margin:20px 0 8px}.course-card p,.tool-card p{font-size:11px;line-height:1.7;color:var(--muted);min-height:40px}.course-card-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:17px}.course-card-bottom span:last-child{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:700}.search-box{max-width:550px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:22px}.search-box svg{color:#8a97a8;width:18px}.search-box input{border:0;outline:0;width:100%;padding:14px 0}.back-button{border:0;background:none;color:var(--blue);font-weight:700;font-size:12px;margin-bottom:22px}.lesson-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 22px}.lesson-number{font:800 13px Manrope;color:#8ba0d7;background:#f0f4ff;padding:10px;border-radius:10px}.lesson-page{max-width:850px}.lesson-page h1{font:800 38px Manrope;color:var(--navy)}.lesson-summary{color:var(--muted)}.lesson-content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;margin:25px 0;line-height:1.85;color:#425169;white-space:normal}.lesson-content h2{font:750 22px Manrope;color:var(--navy);margin-top:25px}.lesson-content p{white-space:pre-wrap}.lesson-actions{display:flex;gap:12px;flex-wrap:wrap}.tool-card{display:block}.tool-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef3ff;color:var(--blue)}.tool-card small{font-size:10px;color:#7b8799}.tool-card a{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:700;text-decoration:none;margin-top:12px}.tool-card details{font-size:11px;color:var(--muted)}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:45px 20px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 20px 60px #233c6710}.auth-card h1{font:800 30px Manrope;color:var(--navy);margin:12px 0}.auth-card>p{font-size:12px;color:var(--muted);line-height:1.7}.auth-card form,.onboarding-form{display:grid;gap:15px;margin-top:22px}.auth-card label,.onboarding-form>label{font-size:11px;font-weight:700;color:#536176;display:grid;gap:7px}.auth-card input,.onboarding-form input{width:100%;border:1px solid #dfe5ee;border-radius:9px;padding:12px;outline:0}.auth-card input:focus,.onboarding-form input:focus{border-color:var(--blue)}.text-button{margin-top:18px}.notice{padding:10px;background:#eff5ff;border-radius:9px;color:#3555a0;font-size:11px}.onboarding{max-width:760px;margin:0 auto;padding:55px 5% 80px}.onboarding-head h1{font-size:39px}.onboarding-head p{color:var(--muted);line-height:1.7}.onboarding-form fieldset{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.onboarding-form legend{font:750 14px Manrope;padding:0 7px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;text-align:left;font-size:11px;color:#526075}.choice.selected{border-color:var(--blue);background:#f0f4ff;color:#244bb5;font-weight:700}.onboarding-form fieldset small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:12px}.admin-note{display:flex;gap:14px;margin-top:20px}.admin-note>svg{color:var(--blue);flex-shrink:0}.chat-fab{position:fixed;right:23px;bottom:22px;z-index:30;border:0;border-radius:30px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:9px;padding:13px 18px;box-shadow:0 10px 30px #101b2d40;font-weight:700;font-size:12px}.chat-panel{position:fixed;z-index:40;right:22px;bottom:82px;width:min(390px,calc(100vw - 28px));height:min(560px,calc(100dvh - 110px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #101b2d30;display:flex;flex-direction:column;overflow:hidden}.chat-head{padding:16px 18px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-head strong{display:flex;gap:7px;align-items:center;font:700 14px Manrope}.chat-head small{display:block;color:#b6c4dd;font-size:10px;margin-top:5px}.chat-head .icon-button{background:#263953;color:#fff}.chat-body{flex:1;overflow:auto;padding:16px;background:#f7f9fc;display:flex;flex-direction:column;gap:10px}.chat-welcome{text-align:center;margin:auto;color:#617089;max-width:260px}.chat-welcome svg{color:var(--blue)}.chat-welcome strong{display:block;font:700 15px Manrope;color:var(--navy);margin:10px}.chat-welcome p{font-size:11px;line-height:1.6}.chat-msg{max-width:88%;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.6;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:#e9efff;color:#243f8e;border-bottom-right-radius:3px}.chat-msg.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line);color:#435169;border-bottom-left-radius:3px}.chat-form{padding:11px;display:flex;gap:8px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:11px;outline:0;font-size:12px}.chat-form .button{padding:10px}.loading,.empty{text-align:center;padding:70px 15px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;gap:12px;color:#8792a2;font-size:9px}.setup{max-width:550px;margin:15vh auto;padding:30px;font-family:DM Sans;color:#25344c}.setup h1{font:800 35px Manrope}.setup h2{font:700 20px Manrope}.setup p{font-size:13px;line-height:1.7;color:#68778d}.setup code{display:block;background:#f0f3f8;padding:12px;border-radius:8px;margin:8px 0;color:#294a99}@media(max-width:850px){.nav{gap:13px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:330px}.dashboard-grid{grid-template-columns:1fr}.course-grid,.tool-grid,.area-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{height:66px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.mobile-toggle{display:grid;margin-left:auto;margin-right:10px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:16px 22px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px #15243b12}.nav.open{display:grid;gap:0}.nav button{text-align:left;padding:13px 0;border-bottom:1px solid #f0f2f6}.top-actions{gap:5px}.user-pill{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;padding:8px}.hero{padding:54px 22px 45px;gap:5px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero-copy>p{font-size:14px}.hero-buttons{align-items:flex-start;flex-direction:column}.hero-proof{gap:15px;margin-top:35px}.hero-proof small{font-size:9px}.hero-art{height:285px}.orbit-one{width:260px;height:260px}.orbit-two{width:195px;height:195px}.hero-core{width:120px;height:120px;border-radius:35px}.hero-core span{font-size:60px}.float-card{font-size:9px;padding:10px}.float-card svg{width:16px}.card-top{left:-2px;top:20px}.card-right{right:-2px;top:125px}.card-bottom{left:5px;bottom:15px}.section{padding:55px 20px}.section-heading h2{font-size:26px}.area-grid,.course-grid,.tool-grid{grid-template-columns:1fr}.area-card{padding:19px}.workspace{padding:35px 18px 65px}.welcome-row h1{font-size:33px}.welcome-row p{font-size:12px}.welcome-mark{width:48px;height:48px}.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:21px}.stat-card small{font-size:9px}.panel{padding:18px}.panel-title{align-items:flex-start;gap:10px}.course-card{padding:18px}.section-heading.left h1{font-size:32px}.lesson-page h1{font-size:30px}.lesson-content{padding:20px}.choice-grid{grid-template-columns:1fr}.onboarding{padding:35px 17px}.onboarding-head h1{font-size:31px}.onboarding-form fieldset{padding:16px}.auth-card{padding:25px}.chat-panel{right:10px;bottom:76px;width:calc(100vw - 20px)}.chat-fab{right:13px;bottom:13px}footer{padding:18px;flex-direction:column;gap:7px}.quote-band span{font-size:19px}}.auth-card select,.onboarding-form select,.admin-form input,.admin-form select{width:100%;border:1px solid #dfe5ee;border-radius:9px;padding:12px;background:#fff;color:#24334b;outline:0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 15px;color:#617089;font-size:12px;font-weight:700}.admin-tabs button.active{background:#eef3ff;border-color:#9bb2f5;color:#234bbb}.admin-code-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.admin-form{display:grid;gap:12px;margin-top:18px}.admin-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.generated-code{margin-top:17px;padding:14px;background:#eff5ff;border:1px solid #d8e4ff;border-radius:12px;display:grid;gap:9px}.generated-code code{font-size:14px;font-weight:800;letter-spacing:1px;word-break:break-all;color:#1e428f}.admin-list{display:grid;gap:0;max-height:520px;overflow:auto}.admin-user{padding:13px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-user>div:first-child{min-width:0}.admin-user strong,.admin-user small{display:block;overflow-wrap:anywhere}.admin-user strong{font-size:12px}.admin-user small{font-size:10px;color:var(--muted);margin-top:4px}.user-actions{flex-shrink:0}.mini-button,.danger-button{border:0;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:700;background:#eaf1ff;color:#2f55bd}.danger-button{background:#fff0ef;color:#ad4038}.admin-footnote{font-size:10px;line-height:1.7;color:#8692a3;margin-top:16px}@media(max-width:850px){.admin-code-layout{grid-template-columns:1fr}}@media(max-width:620px){.admin-user{align-items:flex-start;flex-direction:column}.user-actions,.user-actions button{width:100%}.admin-tabs button{flex:1}}