:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#133c3a;background:#f8faf9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-root{min-height:100dvh}.wrap{max-width:1200px;padding-left:30px;padding-right:30px;margin:0 auto}.site-header{background:#fff;border-bottom:1px solid #e8eeee}.site-header__inner{height:84px;max-width:1200px;padding:0 30px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header__right{display:flex;align-items:center;gap:24px}.brand{display:flex;gap:12px;align-items:center;color:#0b3f3b}.brand-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#075047;border-radius:15px;color:#fff}.brand-wordmark{display:flex;flex-direction:column;gap:1px;line-height:1.05;letter-spacing:-.035em}.brand-wordmark strong{font-size:21px;font-weight:800}.brand-wordmark span{font-size:10px;letter-spacing:.27em;color:#128c7c;font-weight:850}.brand--small .brand-icon{width:41px;height:41px;border-radius:13px}.brand--small .brand-wordmark strong{font-size:19px}.small-caption,.muted-small{font-size:13px;color:#718b87}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 19px;font-size:14px;line-height:1.3;font-weight:720;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5bc9b9;outline-offset:3px}.button:active{transform:translateY(1px)}.button--primary{background:#075c51;color:#fff;box-shadow:0 8px 19px #075c511f}.button--primary:hover{background:#064a42}.button--outline{background:#fff;color:#0c564c;border:1px solid #cbe4dc}.button--outline:hover{background:#f0f8f5}.button--text{background:transparent;color:#306a61}.button--text:hover{background:#e7f4f0}.button:disabled{opacity:.65}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:60px;padding-bottom:75px}.hero__text{max-width:565px;position:relative;z-index:1}.eyebrow{background:#e6f7f1;border:1px solid #d5ede5;color:#167565;font-size:12px;padding:9px 13px;border-radius:999px;display:inline-flex;gap:9px;align-items:center;font-weight:800;letter-spacing:.015em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#15a68e;box-shadow:0 0 0 4px #15a68e22}.hero h1{font-size:clamp(39px,4.6vw,65px);line-height:1.09;letter-spacing:-.064em;margin:26px 0 18px;color:#123e38}.hero h1 em{font-style:normal;color:#149883}.hero-lead{font-size:18px;line-height:1.78;color:#617a76;max-width:510px}.hero-lead strong{color:#235a51}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.hero-actions .button{min-height:52px;font-size:15px;padding:14px 22px}.privacy-hint{color:#758b86;font-size:12px;display:flex;align-items:center;gap:6px}.hero-facts{display:flex;align-items:center;gap:23px;margin-top:48px}.hero-facts>div:not(.fact-sep){display:flex;gap:4px;flex-direction:column}.hero-facts strong{font-size:24px;color:#0c564b;letter-spacing:-.04em}.hero-facts span{color:#869995;font-size:12px}.fact-sep{width:1px;background:#e0e9e6;height:31px}.hero__visual{min-height:470px;position:relative;display:flex;align-items:center;justify-content:center}.visual-deco{position:absolute;border-radius:50%;background:#bfe9dc;filter:blur(1px)}.visual-deco--one{width:390px;height:390px;right:0;top:17px;opacity:.54}.visual-deco--two{width:220px;height:220px;left:0;bottom:15px;background:#daf2e8;opacity:.76}.visual-window{position:relative;width:450px;max-width:100%;background:#fff;box-shadow:0 25px 75px #105b4e29;border:1px solid #e6eeea;border-radius:18px;overflow:hidden;transform:rotate(-3deg)}.visual-window__bar{height:44px;background:#f7faf8;border-bottom:1px solid #edf1ef;display:flex;align-items:center;padding:0 17px;gap:5px}.visual-window__bar>span{height:8px;width:8px;background:#cedfd9;border-radius:50%}.visual-window__bar>span:first-child{background:#f1b7ac}.visual-window__bar>span:nth-child(2){background:#f5dd96}.visual-window__bar i{font-size:11px;color:#859a92;font-style:normal;margin:auto}.visual-window__inside{padding:31px 28px 26px}.visual-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#2eaa95}.visual-title{font-size:27px;font-weight:850;margin-top:11px;letter-spacing:-.04em}.visual-title span{color:#e6b864}.visual-subtitle{font-size:12px;color:#82958e;margin-top:5px}.visual-card{display:flex;gap:12px;align-items:center;border:1px solid #e6efeb;background:#f8fbf9;border-radius:12px;margin-top:29px;padding:17px 13px}.visual-icon{background:#def7ed;border-radius:11px;padding:12px;color:#087c68}.visual-card>div:nth-child(2){flex:1}.visual-card b,.visual-grid b{font-size:13px}.visual-card p,.visual-grid span{font-size:11px;color:#91a69e;margin:4px 0}.visual-card>svg{color:#96aca3}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.visual-grid>div{min-height:132px;padding:18px;border:1px solid #e6efea;border-radius:12px;display:flex;flex-direction:column;gap:12px}.visual-grid svg{color:#159985}.visual-grid span{display:block;margin:0}.floating-pill{position:absolute;bottom:12px;right:-8px;transform:rotate(5deg);border-radius:50px;background:#fff;box-shadow:0 12px 36px #104e431f;padding:13px 17px;color:#2b685c;font-weight:750;font-size:12px;display:flex;align-items:center;gap:9px;z-index:2}.check-bubble{border-radius:50%;background:#dff7ec;color:#138570;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.features-wrap{background:#fff;border-top:1px solid #edf1ef}.features{padding-top:78px;padding-bottom:100px}.section-intro{text-align:center;margin-bottom:32px}.section-intro h2{font-size:37px;letter-spacing:-.048em;margin:9px 0}.section-intro p{color:#81928f;margin:0}.overline{font-size:11px;color:#149781;letter-spacing:.14em;font-weight:850}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:28px;border:1px solid #e8efeb;border-radius:17px;background:#fdfefd}.feature-icon,.module-icon{height:52px;width:52px;display:flex;align-items:center;justify-content:center;background:#e5f6ee;color:#0c8b76;border-radius:15px}.feature h3{margin:19px 0 8px;font-size:17px}.feature p{margin:0;font-size:14px;line-height:1.7;color:#839892}.page-footer{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8c9f99;font-size:12px}.full-center{min-height:100dvh;display:flex;gap:16px;align-items:center;justify-content:center;flex-direction:column;color:#0a6859}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-box{max-width:650px;padding:35px;background:#fff;border:1px solid #dcebe5;border-radius:20px;margin:65px auto}.setup-box h1{font-size:30px;letter-spacing:-.05em}.setup-box p{line-height:1.65;color:#69837c}.status-icon{width:62px;height:62px;display:grid;place-items:center;background:#e8f7f0;border-radius:17px;color:#0b7e6c}.env-example{display:flex;flex-direction:column;gap:9px;background:#f3f8f5;border-radius:12px;padding:17px;margin:16px 0;overflow-wrap:anywhere}.env-example code{font-size:13px}.notice{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;background:#fff7e6;border:1px solid #f5e4b9;border-radius:12px;color:#836226;font-size:13px;line-height:1.65;margin:17px 0}.notice svg{flex-shrink:0;margin-top:2px}.notice--error{background:#fff0ee;color:#984838;border-color:#f5d5cc}.notice--info{background:#edf8f3;color:#236b55;border-color:#d6ede4}.onboarding-wrap{max-width:730px;padding:55px 24px 80px;margin:auto}.onboarding-intro{text-align:center;margin-bottom:27px}.onboarding-intro h1{font-size:37px;letter-spacing:-.05em;margin:15px 0 6px}.onboarding-intro p{color:#7b8f88;line-height:1.65;font-size:15px;margin:0}.onboarding-card{background:#fff;border:1px solid #e4eeea;box-shadow:0 14px 56px #083b3322;border-radius:21px;padding:33px}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:30px}.profile-avatar{display:grid;place-items:center;background:#e1f5eb;border-radius:13px;width:47px;height:47px;color:#167966}.card-heading h2{font-size:19px;margin:0 0 3px}.card-heading p{font-size:12px;color:#8ba098;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:9px;color:#375d56;font-size:13px;font-weight:720;margin-bottom:22px}.form-field input,.form-field select,.input-locked{width:100%;height:49px;padding:0 14px;background:#fff;border:1px solid #d9e7e0;border-radius:11px;color:#173e35;outline-offset:2px}.form-field input::placeholder{color:#b1c0b9}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23566b65' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.input-locked{display:flex;align-items:center;gap:10px;color:#5d8176;background:#f7faf8;font-weight:500}.input-locked span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.required{color:#169b85}.read-only-note{font-weight:400;color:#97a8a2}.minor-divider{border-top:1px solid #edf1ee;margin:0 0 22px}.optional-heading{display:flex;align-items:center;justify-content:space-between}.optional-heading h3{font-size:15px;margin:0 0 21px}.optional-heading>span{color:#719f91;background:#ecf8f2;padding:5px 10px;border-radius:50px;font-size:11px;font-weight:750}.checkbox-row{font-size:12px;color:#647c74;line-height:1.6;display:flex;align-items:flex-start;gap:11px;margin-top:-2px}.checkbox-row input{accent-color:#057866;width:16px;height:16px;flex-shrink:0}.form-fineprint{display:flex;align-items:flex-start;gap:8px;margin:25px 0;color:#8ca299;line-height:1.6;font-size:11px}.form-fineprint svg{flex-shrink:0}.form-actions{display:flex;gap:10px;justify-content:flex-end}.bottom-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#93a49e;font-size:12px;margin:21px 0}.dashboard-root{display:flex}.sidebar{width:254px;flex-shrink:0;background:#fff;border-right:1px solid #e7efea;min-height:100dvh;display:flex;flex-direction:column;padding:25px 16px;position:sticky;top:0;height:100dvh}.sidebar__top{padding-left:11px;padding-bottom:50px;display:flex;justify-content:space-between;align-items:center}.sidebar-label{margin:0 13px 12px;color:#99aca4;font-size:10px;font-weight:850;letter-spacing:.2em}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:transparent;border:0;border-radius:11px;text-align:left;color:#668079;font-size:14px;font-weight:620}.nav-item:hover{background:#f5faf7}.nav-item--active{background:#e5f4ed;color:#087566;font-weight:780}.sidebar-bottom{margin-top:auto}.phase-tag{border-radius:10px;background:#f3f8f5;padding:12px 13px;font-size:12px;color:#7e968e;display:flex;align-items:center;gap:10px;margin-bottom:12px}.phase-dot{width:8px;height:8px;border-radius:50%;background:#46b49d}.nav-item--logout{color:#627d75}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f8faf9}.dashboard-topbar{height:77px;flex-shrink:0;background:#fff;border-bottom:1px solid #e9efec;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-title{font-size:16px;font-weight:760;color:#294e43;letter-spacing:-.02em}.user-chip{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#345c51;font-weight:700;font-size:13px}.user-initials{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#d9f2e8;color:#12735f;font-size:12px;font-weight:850}.dashboard-content{padding:41px 43px 65px;max-width:1280px;width:100%;flex:1;margin:0 auto}.dashboard-welcome{padding:30px 34px;background:#e7f6ee;display:flex;align-items:center;justify-content:space-between;border-radius:18px;position:relative;overflow:hidden}.dashboard-welcome h1{font-size:35px;letter-spacing:-.05em;margin:8px 0}.dashboard-welcome p{font-size:14px;color:#638b7d;margin:0;line-height:1.65}.welcome-symbol{opacity:.18;color:#16816d;transform:rotate(-14deg);padding-right:30px}.wave{color:#d5aa56}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;margin:36px 0 16px}.dashboard-section-title h2{font-size:20px;letter-spacing:-.035em;margin:0}.dashboard-section-title span{font-size:10px;letter-spacing:.11em;color:#9aaea4;font-weight:770}.my-course-banner{border:1px solid #cce8db;border-radius:15px;background:#fff;display:flex;align-items:center;width:100%;text-align:left;gap:18px;padding:21px 24px;transition:box-shadow .2s}.my-course-banner:hover{box-shadow:0 6px 30px #106b4c12}.my-course-banner__icon{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;background:#ddf5eb;color:#087f68}.my-course-banner>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.my-course-banner small{font-size:10px;font-weight:850;color:#1ca38b;letter-spacing:.1em}.my-course-banner strong{font-size:19px;color:#1e5143}.my-course-banner span span{font-size:12px;color:#87a096}.my-course-banner>svg{color:#8bada1}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{background:#fff;border:1px solid #e7efeb;border-radius:16px;padding:22px;min-height:225px;position:relative;display:flex;flex-direction:column;gap:16px}.module-card__body h3{font-size:16px;letter-spacing:-.023em;margin:0 0 7px}.module-card__body p{color:#8ba198;font-size:12px;line-height:1.6;margin:0 0 13px}.module-status{font-size:11px;font-weight:730;color:#88783a;background:#faf3d9;display:inline-block;padding:6px 9px;border-radius:7px}.module-lock{position:absolute;top:20px;right:19px;color:#c2d2cc}.dashboard-tile-foot{font-size:12px;color:#96a59f;margin-top:15px}.dashboard-footer{padding:20px 43px;color:#93a8a0;font-size:11px;border-top:1px solid #ecf2ee}.content-heading{margin:6px 0 30px}.content-heading h1{font-size:34px;letter-spacing:-.05em;margin:8px 0}.content-heading p{color:#80988e;font-size:14px;line-height:1.65;max-width:650px}.info-section{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;padding:17px;background:#eaf7f0;border-radius:12px;color:#51796c;margin-top:25px}.info-section>svg{flex-shrink:0;margin-top:2px}.info-section p{margin:0}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.directory-card{position:relative;border:1px solid #e4ede8;border-radius:14px;min-height:135px;padding:18px;background:#fff;text-align:left;display:flex;flex-direction:column;gap:6px}.directory-card:hover:not(:disabled){border-color:#b0dccc}.directory-card:disabled{opacity:.77}.directory-card--mine{border-color:#8dd3b8;background:#f4fcf7}.directory-icon{color:#138a74}.directory-card strong{font-size:14px}.directory-card span{font-size:11px;color:#8ba095}.directory-arrow{position:absolute;right:18px;top:21px;color:#9ab9ad}.profile-summary{display:flex;align-items:center;gap:19px;background:#fff;border:1px solid #e6eee9;border-radius:17px;padding:26px;margin-bottom:21px}.profile-summary__avatar{display:grid;place-items:center;border-radius:18px;background:#d9f5e8;width:70px;height:70px;font-size:22px;font-weight:850;color:#13866f}.profile-summary h2{margin:0 0 4px;font-size:23px}.profile-summary p{font-size:13px;color:#8da39a;margin:0 0 9px}.profile-line{display:flex;justify-content:space-between;gap:10px;padding:17px 10px;border-bottom:1px solid #e5eeea;font-size:14px}.profile-line span{color:#8ca197}.profile-line strong{color:#385b51}.profile-action{margin-top:25px}.icon-button{display:grid;place-items:center;background:transparent;border:0;color:#28594d;padding:8px}.mobile-only,.mobile-overlay{display:none}@media(max-width:1050px){.hero{gap:24px}.visual-window{width:400px}.floating-pill{right:-2px}.module-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:225px}.dashboard-content{padding:36px 28px}}@media(max-width:760px){.desktop-only{display:none}.mobile-only{display:grid}.site-header__inner{height:73px;padding:0 18px}.brand-icon{height:41px;width:41px}.brand-wordmark strong{font-size:18px}.hero{display:flex;flex-direction:column;text-align:center;min-height:auto;padding:58px 22px 66px;gap:30px}.hero h1{font-size:clamp(37px,9vw,49px)}.hero-lead{font-size:16px}.hero-actions{justify-content:center}.hero-facts{justify-content:center;margin-top:33px}.hero__visual{width:100%;min-height:370px;max-width:480px}.visual-window{width:87%;transform:rotate(-2deg);text-align:left}.visual-window__inside{padding:22px 18px}.visual-deco--one{width:280px;height:280px}.floating-pill{bottom:4px;right:0}.visual-grid>div{min-height:117px;padding:12px}.visual-card{margin-top:19px}.visual-title{font-size:23px}.features{padding:60px 21px}.section-intro h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.page-footer{padding:23px;flex-direction:column;align-items:flex-start}.onboarding-wrap{padding:43px 17px}.onboarding-intro h1{font-size:31px}.onboarding-card{padding:23px 20px}.dashboard-root{display:block}.sidebar{position:fixed;top:0;left:0;width:270px;z-index:20;transform:translate(-101%);transition:transform .2s;box-shadow:15px 0 35px #0f544019}.sidebar--open{transform:translate(0)}.sidebar__top{padding-bottom:35px}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#122c2a66;z-index:19}.dashboard-topbar{height:68px;padding:0 17px;justify-content:flex-start;gap:13px}.topbar-title{flex:1}.dashboard-content{padding:25px 18px 48px}.dashboard-welcome{padding:25px}.dashboard-welcome h1{font-size:28px}.dashboard-welcome p{font-size:12px}.welcome-symbol{display:none}.module-grid{grid-template-columns:1fr 1fr}.module-card{padding:17px;min-height:220px}.dashboard-footer{padding:18px}.directory-grid{grid-template-columns:1fr 1fr}.directory-card{padding:13px}.directory-arrow{right:13px;top:15px}.feature{padding:22px}}@media(max-width:480px){.hero__visual{min-height:320px}.visual-window{width:95%}.visual-grid>div{min-height:102px}.visual-grid>div span{display:none}.hero-facts{gap:14px}.hero-facts strong{font-size:21px}.hero-facts span{font-size:10px}.floating-pill{font-size:10px;padding:10px}.form-grid{grid-template-columns:1fr;gap:0}.onboarding-card{padding:20px 17px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.dashboard-section-title span{display:none}.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}.directory-grid{grid-template-columns:1fr 1fr}.directory-card{min-height:125px}.content-heading h1{font-size:28px}.my-course-banner{padding:17px;gap:12px}.my-course-banner__icon{width:49px;height:49px}.profile-summary{padding:17px}}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.admin-stat{padding:19px;background:#fff;border:1px solid #e5eee8;border-radius:13px;display:flex;flex-direction:column;gap:9px}.admin-stat span{font-size:12px;color:#819b8f}.admin-stat strong{font-size:21px;color:#225b4c}.admin-profile-list{background:#fff;border:1px solid #e5eee8;border-radius:13px;overflow:hidden}.admin-profile-row{display:flex;align-items:center;padding:14px 17px;gap:12px;border-bottom:1px solid #edf2ee}.admin-profile-row:last-child{border-bottom:0}.admin-profile-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ecf7f0;color:#217d65;flex-shrink:0}.admin-profile-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;font-size:14px}.admin-profile-name span{font-size:12px;color:#8da399}.admin-profile-status{font-size:11px;color:#6a8b79;background:#e7f6ec;padding:7px 10px;border-radius:8px}.admin-empty{padding:20px;color:#7d9187}@media(max-width:650px){.admin-stats{grid-template-columns:1fr}.admin-profile-status{display:none}}.role-manager{margin-top:36px}.role-help{font-size:13px;line-height:1.7;color:#688579;margin-bottom:18px}.role-editor{background:#fff;border:1px solid #e5eee8;border-radius:15px;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.role-editor .form-field{margin:0}.role-editor .form-field select{width:100%;min-width:0}.role-editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-column:1/-1}.role-current,.role-feedback{grid-column:1/-1;margin:0;font-size:13px}.role-current{color:#6f877c}.role-feedback{padding:12px;border-radius:9px}.role-feedback--ok{background:#ecfaf3;color:#176b4c}.role-feedback--error{background:#fff3ef;color:#a94435}.role-summary{background:#fff;border:1px solid #e5eee8;border-radius:14px;padding:20px;margin-top:18px;font-size:13px}.role-summary>p{color:#8da399}.role-summary>strong{display:block;margin-bottom:15px}.role-row{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #edf2ee;padding:11px 0;font-size:12px;color:#416b5e}.role-row span:first-child{font-weight:700}@media(max-width:700px){.role-editor{grid-template-columns:1fr;padding:16px}.role-editor-actions{flex-direction:column;align-items:stretch}.role-editor-actions button{width:100%}}