@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#132653;font-synthesis:none;--blue:#0757c9;--deep:#0b2b69;--ink:#132653;--muted:#697896;--line:#e3e9f3;--mint:#19b889;--soft:#edf4ff;background:#f7f9fd;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}.brand{color:var(--blue);align-items:center;gap:9px;display:flex}.brand-mark{background:#e5efff;border-radius:10px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.brand b{font:800 19px Manrope;display:block}.brand small{color:#6c82aa;font-size:10px;line-height:1;display:block}.landing{background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 60%,#dbeaff 100%);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:24px 5%;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1240px;min-height:670px;margin:auto;padding:70px 5% 50px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.hero h1{color:var(--deep);letter-spacing:-.06em;margin:18px 0;font:800 clamp(42px,6vw,76px)/1.02 Manrope}.hero h1 em{color:var(--blue);font-style:normal}.hero p{color:#637494;max-width:480px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#0865df,#0645b0);box-shadow:0 8px 20px #0757c92b}.button.light{color:var(--blue);background:#fff}.button.ghost{color:var(--blue);background:0 0;border:1px solid #c8d8f5}.button.outline{color:var(--blue);background:#fff;border:1px solid #b9cff0}.button.full{width:100%}.hero-pills{color:#5e7297;flex-wrap:wrap;gap:18px;font-size:13px;font-weight:600;display:flex}.hero-art{min-height:480px;position:relative}.hero-photo{background:linear-gradient(145deg,#dbeeff99,#bdd7ff44),url(https://images.unsplash.com/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&w=900&q=80) 50%/cover;border-radius:145px 145px 30px 30px;width:72%;height:410px;position:absolute;top:35px;right:7%;box-shadow:30px 35px #d0e4ff}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:#a8dff0;width:120px;height:120px;top:50px;left:0}.orb-two{background:#ffdbab;width:85px;height:85px;bottom:80px;right:0}.hero-card{z-index:2;background:#fffdf8;border-radius:18px;flex-direction:column;gap:3px;padding:22px 26px;display:flex;position:absolute;bottom:35px;left:1%;box-shadow:0 14px 35px #274c9020}.hero-card span{color:#7788a9;font-size:12px}.hero-card strong{color:var(--deep);font:700 22px Manrope}.hero-card small{color:var(--mint)}.landing-features{background:#dbe8f7;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1120px;margin:0 auto 40px;display:grid;overflow:hidden}.landing-features div{background:#fff;grid-template-columns:38px 1fr;column-gap:12px;padding:25px;display:grid}.landing-features b{color:var(--blue);grid-row:span 2;font-size:25px}.landing-features strong{font-size:14px}.landing-features span{color:var(--muted);font-size:13px}.auth-page{background:linear-gradient(140deg,#f5f9ff,#e8f2ff);flex-direction:column;align-items:center;min-height:100vh;padding:34px 20px;display:flex}.auth-brand{align-self:flex-start;width:100%;max-width:420px;margin:0 auto 35px}.auth-card{background:#fff;border:1px solid #e3ebf8;border-radius:25px;width:min(100%,480px);padding:34px;box-shadow:0 20px 50px #16448b13}.auth-card h1{color:var(--deep);margin:10px 0 6px;font:800 32px Manrope}.auth-card>p{color:var(--muted);margin-top:0;margin-bottom:28px}.auth-card label,.form-grid label{color:#526486;flex-direction:column;gap:7px;margin-bottom:17px;font-size:13px;font-weight:700;display:flex}.auth-card input,.form-grid input,.profile-form input,.survey-card textarea{width:100%;min-height:46px;color:var(--ink);background:#fbfcff;border:1px solid #d6e0ef;border-radius:10px;outline:0;padding:0 13px}.auth-card input:focus,.form-grid input:focus,.survey-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0757c91c}.input-icon{position:relative}.input-icon input{padding-right:40px}.input-icon span{color:#8090ac;position:absolute;top:13px;right:14px}.form-row{justify-content:space-between;align-items:center;margin:0 0 20px;font-size:12px;display:flex}.form-row a,.auth-footer a{color:var(--blue);font-weight:700}.check{align-items:center;flex-direction:row!important;margin:0!important;font-weight:500!important;display:flex!important}.check input{width:auto!important;min-height:auto!important}.divider{text-align:center;color:#9aa6bc;margin:22px 0;font-size:12px}.auth-footer{text-align:center;color:var(--muted);margin-bottom:0;font-size:13px}.auth-note{color:#8394b1;margin-top:18px}.segmented{background:#f1f5fb;border-radius:10px;margin-bottom:24px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700}.segmented .selected{color:var(--blue);background:#fff;box-shadow:0 2px 8px #1c457c16}.choice-grid{gap:14px;display:grid}.choice{text-align:left;color:var(--ink);background:#f9fbff;border:1px solid #e0e8f4;border-radius:16px;grid-template-columns:42px 1fr;gap:4px 12px;padding:20px;display:grid}.choice:hover{border-color:var(--blue);background:#f0f6ff}.choice b{color:var(--blue);grid-row:span 2;font-size:24px}.choice strong{font-size:15px}.choice span{color:var(--muted);font-size:12px}.back-link{color:var(--blue);background:0 0;margin-bottom:20px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.info-callout,.warning{color:#118367;background:#eff9f5;border-radius:12px;margin:8px 0 20px;padding:13px 15px;font-size:13px}.warning{color:#a86400;background:#fff7e8}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:none;gap:20px;width:252px;padding:28px 18px;display:flex}.sidebar nav{gap:6px;margin-top:18px;display:grid}.sidebar nav a{color:#73809a;border-radius:11px;align-items:center;gap:13px;padding:13px 15px;font-size:14px;font-weight:600;display:flex}.sidebar nav a span{text-align:center;width:22px;font-size:21px}.sidebar nav a.active{background:var(--soft);color:var(--blue)}.side-user{background:#f8faff;border-radius:14px;align-items:center;gap:10px;padding:13px 9px;display:flex}.avatar,.top-avatar{color:var(--blue);background:#d9e9ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:36px;height:36px}.side-user strong{font-size:13px;display:block}.side-user small{color:var(--muted);font-size:11px}.text-button{color:#8190aa;text-align:left;background:0 0;padding:6px 15px;font-size:12px}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;height:74px;padding:0 4%;display:flex}.top-search{color:#7b89a4;background:#f7f9fd;border:1px solid #edf0f6;border-radius:11px;align-items:center;gap:10px;width:100%;max-width:530px;padding:0 14px;display:flex}.top-search input{width:100%;height:40px;color:var(--ink);background:0 0;border:0;outline:0}.icon-button{color:#6680a9;margin-left:auto;font-size:22px;position:relative}.icon-button i{background:#f36c64;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:-2px}.top-avatar{width:36px;height:36px}.mobile-brand{display:none}.content{max-width:1280px;margin:auto;padding:36px 4% 80px}.page-heading{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page h1{color:var(--deep);letter-spacing:-.04em;margin:5px 0 7px;font:800 clamp(28px,4vw,40px) Manrope}.page-heading p{color:var(--muted);margin:0}.page h2{color:var(--deep);margin:0 0 9px;font:700 21px Manrope}.page h3{color:var(--deep);margin:8px 0;font:700 16px Manrope}.welcome-banner{color:#fff;background:linear-gradient(120deg,#0757c9,#1981df);border-radius:22px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;position:relative;overflow:hidden}.welcome-banner:after{content:"";background:#ffffff1b;border-radius:50%;width:350px;height:350px;position:absolute;top:-200px;right:-100px}.welcome-banner h2{color:#fff;margin:5px 0;font-size:25px}.welcome-banner p{color:#d8e8ff;margin:0 0 20px}.welcome-banner span{opacity:.8;font-size:12px}.banner-progress{z-index:1;min-width:220px}.banner-progress strong{font:800 42px Manrope;display:block}.banner-progress span{margin-bottom:10px;display:block}.progress{background:#dce8f4;border-radius:99px;height:7px;overflow:hidden}.progress i{background:var(--mint);border-radius:inherit;height:100%;display:block}.welcome-banner .progress{background:#ffffff45}.section-heading{justify-content:space-between;align-items:center;margin:35px 0 16px;display:flex}.section-heading a{color:var(--blue);font-size:13px;font-weight:700}.course-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:16px;transition:all .2s;overflow:hidden}.course-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #17396d14}.course-image{background-position:50%;background-size:cover;height:160px;position:relative}.course-image:after,.detail-hero:after{content:"";background:linear-gradient(#102d5b16,#102d5b40);position:absolute;inset:0}.tag,.bookmark{z-index:1;position:absolute;top:12px}.tag{color:#098667;background:#d8f7eb;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:800;left:12px}.bookmark{width:30px;height:30px;color:var(--blue);background:#ffffffd9;border-radius:50%;place-items:center;display:grid;right:12px}.course-card-body{padding:16px}.category{color:#6682ac;font-size:11px;font-weight:800}.course-card h3{min-height:42px}.course-meta,.rating{color:#7685a0;gap:13px;font-size:12px;display:flex}.rating{color:#efa930;margin-top:10px}.rating small{color:#94a0b5}.card-progress{background:#e6edf5;border-radius:99px;height:4px;margin-top:12px}.card-progress i{background:var(--blue);border-radius:inherit;height:100%;display:block}.search-large{border:1px solid var(--line);color:#8492a9;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:0 17px;display:flex}.search-large input{width:100%;height:52px;color:var(--ink);border:0;outline:0}.chips{gap:9px;margin:19px 0;display:flex;overflow:auto}.chips button,.filter-button{white-space:nowrap;border:1px solid var(--line);color:#70809c;background:#fff;border-radius:99px;padding:9px 15px;font-size:12px;font-weight:700}.chips button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.catalog-toolbar{justify-content:space-between;align-items:center;margin:25px 0 15px;font-size:14px;display:flex}.filter-button{border-radius:9px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{grid-template-columns:1fr 330px;gap:30px;display:grid}.detail-hero{background-position:50%;background-size:cover;border-radius:19px;height:350px;position:relative}.tabs{border-bottom:1px solid var(--line);gap:22px;margin:22px 0;display:flex}.tabs button{color:#7e8ca6;background:0 0;border-bottom:2px solid #0000;padding:12px 0;font-size:13px;font-weight:700}.tabs button.active{color:var(--blue);border-color:var(--blue)}.rich-copy{border:1px solid var(--line);color:#667794;background:#fff;border-radius:16px;padding:22px;line-height:1.7}.rich-copy h2,.rich-copy h3{color:var(--deep)}.rich-copy li{margin:8px 0}.detail-aside{border:1px solid var(--line);background:#fff;border-radius:18px;align-self:start;padding:20px;position:sticky;top:18px}.course-facts{gap:17px;margin-bottom:20px;display:grid}.course-facts div{gap:3px;display:grid}.course-facts span{color:#8493ad;font-size:12px}.course-facts strong{font-size:14px}.detail-aside .button{margin-top:10px}.my-course-list{gap:14px;max-width:900px;display:grid}.my-course{border:1px solid var(--line);background:#fff;border-radius:16px;gap:18px;padding:15px;display:flex}.thumb{background-position:50%;background-size:cover;border-radius:11px;width:150px;min-height:110px}.my-course-info{flex:1}.my-course-info h3{max-width:520px}.progress-label{color:#74849e;justify-content:space-between;margin-top:22px;font-size:12px;display:flex}.progress-label b{color:var(--blue)}.classroom-progress{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:20px;padding:20px}.classroom-progress>div:first-child{color:#6f7e98;justify-content:space-between;margin-bottom:13px;font-size:13px;display:flex}.classroom-progress strong{color:var(--blue)}.unit-list{gap:16px;display:grid}.unit-card{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.unit-heading{justify-content:space-between;align-items:center;padding:19px;display:flex}.unit-heading>div{align-items:center;gap:12px;display:flex}.unit-number{width:34px;height:34px;color:var(--blue);background:#e6f1ff;border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.unit-heading small{color:var(--muted);font-size:12px}.unit-heading>span{color:var(--mint);font-weight:800}.topic-list{border-top:1px solid var(--line)}.topic-row{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;padding:14px 19px;display:flex}.topic-row:last-child{border:0}.topic-row.locked{opacity:.46}.topic-icon{width:27px;height:27px;color:var(--blue);background:#eef5ff;border-radius:8px;place-items:center;font-size:11px;display:grid}.topic-row div{flex:1}.topic-row strong,.topic-row small{display:block}.topic-row strong{font-size:13px}.topic-row small{color:var(--muted);margin-top:3px;font-size:11px}.topic-state{color:var(--mint);font-weight:800}.classroom-actions{gap:10px;margin-top:22px;display:flex}.lesson-layout{grid-template-columns:1.2fr .8fr;gap:25px;display:grid}.video-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#092759,#1875d2);border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;display:flex}.video-placeholder .play{background:#ffffff28;border:1px solid #ffffff75;border-radius:50%;place-items:center;width:70px;height:70px;font-size:24px;display:grid}.video-placeholder strong,.video-placeholder small{display:block}.video-placeholder small{opacity:.72;margin-top:5px}.lesson-copy,.assessment-card,.survey-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:25px}.lesson-copy{color:#6d7d98;line-height:1.7}.lesson-copy h2{color:var(--deep)}.lesson-copy .button{margin-top:12px}.assessment-card,.survey-card{max-width:680px;margin:0 auto}.assessment-progress{color:#73839f;font-size:12px}.assessment-progress strong{float:right;color:var(--blue)}.assessment-card h2{margin:28px 0;font-size:22px}.answer-list{gap:10px;margin-bottom:20px;display:grid}.answer{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.answer b{width:25px;height:25px;color:var(--blue);background:#eef4ff;border-radius:50%;place-items:center;display:grid}.answer.selected,.answer:hover{border-color:var(--blue);background:#f0f6ff}.result{text-align:center;padding:25px 10px}.result-icon{color:#11a676;background:#d9f8eb;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;font-size:28px;display:grid}.result h2{margin-top:16px}.survey-question{border-bottom:1px solid var(--line);padding:17px 0}.survey-question strong{margin-bottom:12px;display:block}.rating-options{gap:10px;display:flex}.rating-options button{border:1px solid var(--line);width:43px;height:43px;color:var(--blue);background:#fff;border-radius:50%;font-weight:800}.rating-options button:hover{background:var(--blue);color:#fff}.rating-options small{font-size:8px;display:block}.survey-card textarea{resize:vertical;height:100px;padding:12px}.survey-card>.button{margin-top:22px}.certificate-layout{grid-template-columns:minmax(300px,1fr) 360px;align-items:start;gap:25px;display:grid}.certificate-preview{text-align:center;min-height:520px;color:var(--deep);background:linear-gradient(145deg,#fff,#f4f8ff);border:10px solid #d4e5fa;border-radius:4px;outline:1px solid #a9c7ef;flex-direction:column;justify-content:center;align-items:center;padding:45px 30px;display:flex}.certificate-preview h2{font:800 28px Manrope}.certificate-preview p{color:#7788a5}.certificate-preview h3{max-width:400px}.cert-ribbon{color:#0b9e75;background:#ccefe0;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:18px;font-size:28px;display:grid}.cert-code{color:var(--blue);background:#eef4ff;border-radius:6px;margin-top:25px;padding:8px 12px;font-size:11px}.eligibility-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.check-row{color:#9aa6ba;border-bottom:1px solid #eef2f7;align-items:center;gap:10px;padding:13px 0;font-size:14px;display:flex}.check-row.done{color:#188867}.check-row span{font-weight:800}.eligibility-card .button{margin-top:13px}.profile-head{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:16px;margin-bottom:20px;padding:25px;display:flex}.profile-avatar{width:70px;height:70px;color:var(--blue);background:#dbeaff;border-radius:50%;place-items:center;font:800 28px Manrope;display:grid}.profile-head h2{margin:0;font-size:20px}.profile-head span{color:var(--muted);font-size:13px}.profile-head .button{margin-left:auto}.profile-form{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:750px;padding:25px}.progress-hero{color:#fff;background:linear-gradient(120deg,#0757c9,#1e7de0);border-radius:19px;padding:28px;position:relative}.progress-hero strong{font:800 48px Manrope;display:block}.progress-hero span{opacity:.8}.circle-progress{border:8px solid #6ee0b7;border-color:#6ee0b7 #6ee0b7 #ffffff45 #ffffff45;border-radius:50%;place-items:center;width:120px;height:120px;font:800 22px Manrope;display:grid;position:absolute;top:28px;right:10%}.metric-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:36px 1fr;column-gap:10px;padding:20px;display:grid}.metric>span{color:var(--blue);background:#eaf3ff;border-radius:10px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.metric strong{font:800 24px Manrope}.metric small{color:var(--muted)}.achievement-list{gap:10px;display:grid}.achievement-list div{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex}.achievement-list small{color:var(--muted);font-size:12px;display:block}.calendar-card,.events,.notification-list{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:700px;padding:22px}.calendar-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-top button{width:34px;height:34px;color:var(--blue);background:#eef4ff;border-radius:50%;font-size:20px}.calendar-week,.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-week{color:#8a99b2;margin-bottom:10px;font-size:11px}.calendar-days span{border-radius:50%;place-items:center;height:39px;font-size:13px;display:grid}.calendar-days span.event{color:#10896a;background:#d8f7eb}.calendar-days span.selected{background:var(--blue);color:#fff}.events{margin-top:18px}.events h2{font-size:18px}.events>div{border-bottom:1px solid var(--line);gap:14px;padding:14px 0;display:flex}.events b{color:var(--blue);font-size:12px}.events strong,.events small{display:block}.events small{color:var(--muted);margin-top:4px}.notification-list{gap:0;display:grid}.notification{border-bottom:1px solid var(--line);gap:14px;padding:17px 0;display:flex}.notification:last-child{border:0}.notification>b{color:var(--blue);background:#eaf3ff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.notification strong,.notification small{display:block}.notification small{color:var(--muted);margin-top:4px}.notification.unread:after{content:"";background:#ef6b62;border-radius:50%;width:8px;height:8px;margin-left:auto}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty span{color:#a8bad7;font-size:42px}.bottom-nav{display:none}@media (width<=1023px){.sidebar{width:210px}.content{padding-left:3%;padding-right:3%}.course-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.detail-layout,.certificate-layout{grid-template-columns:1fr}.detail-aside{position:static}.lesson-layout{grid-template-columns:1fr}.certificate-preview{min-height:460px}}@media (width<=767px){.landing-nav{padding:18px 20px}.landing-nav .button{min-height:38px;padding:0 12px;font-size:12px}.hero{flex-direction:column;gap:20px;min-height:auto;padding:35px 20px 50px;display:flex}.hero h1{font-size:47px}.hero p{font-size:16px}.hero-art{width:100%;min-height:320px}.hero-photo{border-radius:100px 100px 20px 20px;width:76%;height:290px;top:20px;right:9%}.hero-card{bottom:15px}.landing-features{margin:0 20px 20px;display:block}.landing-features div{border-bottom:1px solid #dbe8f7}.auth-page{padding:22px 15px}.auth-brand{margin-bottom:22px}.auth-card{border-radius:20px;padding:25px 20px}.form-grid{grid-template-columns:1fr}.app-shell{display:block}.sidebar{display:none}.topbar{gap:13px;height:62px;padding:0 17px}.mobile-brand{display:block}.mobile-brand .brand b{font-size:16px}.mobile-brand .brand-mark{width:27px;height:27px}.top-search{background:#fff;order:3;max-width:none;position:absolute;top:72px;left:17px;right:17px;box-shadow:0 5px 16px #234a7c0d}.topbar .top-search{display:none}.topbar{justify-content:flex-end}.top-avatar{width:31px;height:31px}.content{padding:26px 17px 90px}.page-heading{margin-bottom:22px;display:block}.page h1{font-size:29px}.page-heading .button,.page-heading .icon-button{margin-top:12px}.welcome-banner{border-radius:17px;padding:24px;display:block}.banner-progress{min-width:0;margin-top:24px}.course-grid,.catalog-grid,.metric-grid{grid-template-columns:1fr}.course-grid{gap:14px}.course-image{height:185px}.my-course{gap:12px;padding:11px}.thumb{width:102px;min-height:95px}.my-course-info h3{margin-top:5px;font-size:14px}.my-course-info .progress-label{margin-top:13px}.detail-hero{border-radius:15px;height:230px}.tabs{gap:13px;overflow:auto}.tabs button{white-space:nowrap}.rich-copy{padding:18px}.detail-aside{padding:17px}.classroom-actions{flex-direction:column}.unit-heading{padding:15px}.topic-row{padding:13px 15px}.lesson-copy,.assessment-card,.survey-card{padding:19px}.video-placeholder{min-height:250px}.certificate-preview{min-height:430px;padding:25px 15px}.certificate-preview h2{font-size:22px}.profile-head{flex-wrap:wrap;padding:18px}.profile-head .button{width:100%;margin-left:0}.profile-form{padding:18px}.circle-progress{width:90px;height:90px;top:26px;right:6%}.metric{padding:16px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffef;justify-content:space-around;height:68px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7f8da6;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:60px;font-size:20px;display:flex}.bottom-nav a small{font-size:10px}.bottom-nav a[aria-current=page],.bottom-nav a:hover{color:var(--blue)}.calendar-card{padding:16px}.calendar-days{gap:3px}.calendar-days span{height:34px}.topbar .icon-button{margin-left:auto}}.catalog-page{min-height:100vh}.public-catalog-nav{justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:0 auto;padding:22px 4% 0;display:flex}.public-catalog-nav>div{align-items:center;gap:16px;display:flex}.catalog-login{color:var(--blue);font-size:13px;font-weight:700}.catalog-register{min-height:40px;padding:0 15px;font-size:13px}.catalog-page>.page{max-width:1280px;margin:0 auto;padding:38px 4% 90px}.catalog-page .course-grid{max-width:none}.course-card-link{height:100%;display:block}.course-card-link:focus-visible{outline-offset:3px;outline:3px solid #8cb8f8}.filter-button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.catalog-filters{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:end;gap:14px;margin:-2px 0 18px;padding:16px;display:flex}.catalog-filters label{color:#667794;gap:6px;font-size:12px;font-weight:700;display:grid}.catalog-filters select{min-width:150px;min-height:38px;color:var(--ink);background:#fbfcff;border:1px solid #d6e0ef;border-radius:9px;padding:0 10px}.clear-filter{color:var(--blue);background:0 0;padding:10px 2px;font-size:12px;font-weight:700}@media (width<=767px){.public-catalog-nav{padding:18px 17px 0}.public-catalog-nav>div{gap:9px}.catalog-login{font-size:12px}.catalog-register{min-height:36px;padding:0 11px;font-size:11px}.catalog-page>.page{padding:30px 17px 90px}.catalog-filters{flex-direction:column;align-items:stretch}.catalog-filters select{width:100%}.clear-filter{text-align:left}}.content>.catalog-page>.page{max-width:none;margin:0;padding:0}.guest-actions{gap:9px;margin-top:auto;display:grid}.guest-actions .button{min-height:40px;font-size:12px}.catalog-page .page-heading{max-width:760px}@media (width<=767px){input,select,textarea{-webkit-text-size-adjust:100%;font-size:16px!important}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0b2148f2;border-top:1px solid #38537b;box-shadow:0 -8px 22px #06152e35}.bottom-nav a{color:#b9c9e4;min-width:62px;font-size:24px}.bottom-nav a span{font-size:25px;line-height:1}.bottom-nav a small{color:inherit;font-size:11px}.bottom-nav a:hover,.bottom-nav a.active{color:#fff}:is(.app-shell:has(input:focus) .bottom-nav,.app-shell:has(select:focus) .bottom-nav,.app-shell:has(textarea:focus) .bottom-nav){display:none}.content{padding-bottom:104px}}.landing-reference{min-height:100vh;color:var(--ink);background:#f8fbff;overflow:hidden}.landing-reference-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffef;border-bottom:1px solid #e3ebf6;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex;position:sticky;top:0}.landing-reference-header nav{color:#49658f;align-items:center;gap:26px;font-size:13px;font-weight:700;display:none}.landing-reference-header nav a:hover{color:var(--blue)}.landing-login{color:#052969;min-height:38px;box-shadow:none;background:#14dce9;border-radius:999px;padding:0 13px;font-size:12px}.landing-reference-hero{background:radial-gradient(circle at 92% 12%,#d5f4ff 0,#0000 35%),linear-gradient(135deg,#f7fbff 0%,#eaf5ff 100%);gap:40px;max-width:1320px;margin:0 auto;padding:48px 20px 68px;display:grid;position:relative}.landing-reference-copy{z-index:2;align-self:center;position:relative}.landing-reference-copy h1{color:#082d70;letter-spacing:-.065em;max-width:650px;margin:16px 0 18px;font:800 clamp(40px,11vw,74px)/.98 Manrope}.landing-reference-copy h1 em{color:#0b72d9;font-style:normal}.landing-reference-copy p{color:#5e7399;max-width:560px;margin:0;font-size:17px;line-height:1.65}.landing-reference-actions{flex-wrap:wrap;gap:11px;margin:28px 0 23px;display:flex}.landing-secondary{color:var(--blue);background:#fff;border:1px solid #b9d4f3}.landing-reference-trust{color:#4c6b99;flex-wrap:wrap;gap:12px 20px;font-size:12px;font-weight:700;display:flex}.landing-reference-visual{isolation:isolate;min-height:375px;position:relative}.landing-reference-glow{z-index:-1;filter:blur(1px);background:radial-gradient(circle,#12dffc 0,#1688ee 38%,#031c4c 76%);border-radius:36% 64% 42% 58%;position:absolute;inset:4% 5% 5% 2%;box-shadow:0 26px 60px #0757c92e}.landing-reference-photo{background:linear-gradient(145deg,#072b68a8,#02133133),url(https://images.unsplash.com/photo-1559757175-0eb30cd8c063?auto=format&fit=crop&w=1000&q=85) 50%/cover;border-radius:38% 38% 18px 18px;position:absolute;inset:5% 8% 0;box-shadow:20px 22px #bceaff,0 28px 60px #06296842}.landing-reference-badge{color:#0a3374;background:#ffffffe8;border:1px solid #ffffffc7;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;font-weight:800;line-height:1.15;display:flex;position:absolute;box-shadow:0 12px 30px #08265c2b}.landing-reference-badge b{color:#0874d6;background:#e5f5ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.badge-left{top:21%;left:0}.badge-right{top:8%;right:0}.landing-reference-stat{color:#fff;background:#063277;border-radius:16px;gap:1px;padding:14px 17px;display:grid;position:absolute;bottom:4%;right:4%;box-shadow:0 14px 25px #02133145}.landing-reference-stat strong{color:#34e8f0;font:800 24px Manrope}.landing-reference-stat span{opacity:.8;font-size:10px}.landing-reference-section{max-width:1240px;margin:0 auto;padding:62px 20px}.landing-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:25px;display:flex}.landing-section-heading h2{color:#082d70;letter-spacing:-.04em;margin:5px 0 0;font:800 clamp(26px,5vw,40px) Manrope}.landing-section-heading>a{color:var(--blue);flex:none;font-size:13px;font-weight:800}.landing-reference-course-grid{grid-template-columns:1fr;gap:18px;display:grid}.landing-reference-course{background:#fff;border:1px solid #e0e8f3;border-radius:20px;transition:all .2s;overflow:hidden;box-shadow:0 11px 26px #244a7d0d}.landing-reference-course:hover{transform:translateY(-3px);box-shadow:0 18px 35px #244a7d1d}.landing-reference-course-image{background-position:50%;background-size:cover;height:170px;position:relative}.landing-reference-course-image:after{content:"";background:linear-gradient(#092d6900,#062b6e5c);position:absolute;inset:0}.landing-reference-course-image span{z-index:1;color:#0570d7;background:#fff;border-radius:11px;place-items:center;width:35px;height:35px;font-size:20px;display:grid;position:absolute;bottom:12px;left:14px;box-shadow:0 4px 12px #062b6e3d}.landing-reference-course>div:last-child{gap:6px;padding:16px;display:grid}.landing-reference-course b{color:#0b3375;font:700 15px/1.3 Manrope}.landing-reference-course small{color:#6680a8;font-size:11px;font-weight:700}.landing-reference-live{color:#fff;background:linear-gradient(100deg,#56d8ed,#1540f4);flex-direction:column;align-items:flex-start;gap:16px;padding:30px 20px;display:flex}.landing-reference-live .eyebrow{color:#b9fbff}.landing-reference-live h2{color:#fff;letter-spacing:-.04em;margin:4px 0 0;font:800 clamp(24px,5vw,36px) Manrope}.landing-reference-live p{color:#e1f6ff;margin:6px 0 0;font-size:14px;line-height:1.5}.live-play{color:#fff;background:#fa1717;border-radius:50%;place-items:center;width:70px;height:70px;font-size:25px;display:grid;box-shadow:0 8px 18px #7c151544}.landing-reference-live .button{margin-top:4px}.landing-reference-categories{padding-bottom:70px}.landing-category-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.landing-category{text-align:center;background:#fff;border:1px solid #e7edf5;border-radius:17px;justify-items:center;gap:10px;padding:15px 8px;transition:all .2s;display:grid}.landing-category:hover{background:#f1f9ff;border-color:#8fc9f2;transform:translateY(-2px)}.landing-category span{color:#0757c9;background:#e9f4ff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.landing-category b{color:#24477e;font-size:11px;line-height:1.25}.landing-reference-about{background:#dff7fb;border-radius:24px;gap:0;max-width:1100px;margin:0 auto 64px;padding:0 20px;display:grid;overflow:hidden}.landing-about-photo{background:linear-gradient(145deg,#0b3a76a3,#0b3a7622),url(https://images.unsplash.com/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&w=1200&q=85) 50%/cover;min-height:240px}.landing-reference-about>div:last-child{padding:30px 24px}.landing-reference-about h2{color:#082d70;letter-spacing:-.04em;margin:8px 0 14px;font:800 clamp(25px,5vw,39px) Manrope}.landing-reference-about p{color:#47658d;margin:0 0 18px;font-size:14px;line-height:1.65}.text-link{color:var(--blue);font-size:13px;font-weight:800}.landing-reference-footer{color:#c6d9f3;background:#0b3063;grid-template-columns:1fr 1fr;gap:28px;padding:40px 20px 24px;display:grid;position:relative}.landing-reference-footer .brand{color:#fff}.landing-reference-footer .brand small{color:#a8c9ef}.footer-brand p{color:#a5bddc;max-width:230px;font-size:12px;line-height:1.5}.landing-reference-footer>div:not(.footer-brand):not(.footer-bottom){align-content:start;gap:8px;display:grid}.landing-reference-footer b{color:#fff;font-size:12px}.landing-reference-footer a{color:#a9bfdf;font-size:11px}.landing-reference-footer a:hover{color:#fff}.footer-social{color:#62e9f4;letter-spacing:4px;font-size:17px}.footer-bottom{color:#8fa9ce;border-top:1px solid #31527d;grid-column:1/-1;padding-top:20px;font-size:10px}@media (width>=768px){.landing-reference-header{padding:17px 5%}.landing-reference-header nav{display:flex}.landing-login{padding:0 19px}.landing-reference-hero{grid-template-columns:1fr 1fr;align-items:center;min-height:650px;padding:76px 5% 90px}.landing-reference-visual{min-height:490px}.landing-reference-section{padding:84px 5%}.landing-reference-course-grid{grid-template-columns:repeat(2,1fr);gap:22px}.landing-reference-live{flex-direction:row;align-items:center;gap:24px;padding:34px 8%}.landing-reference-live>div:nth-child(2){flex:1}.landing-reference-live .button{margin-left:auto}.landing-category-grid{grid-template-columns:repeat(4,1fr);gap:15px}.landing-reference-about{grid-template-columns:1fr 1fr;margin-bottom:84px}.landing-about-photo{min-height:350px}.landing-reference-about>div:last-child{flex-direction:column;justify-content:center;padding:50px;display:flex}.landing-reference-footer{grid-template-columns:2fr 1fr 1fr 1fr;padding:52px 8% 24px}.footer-bottom{margin-top:10px}}@media (width>=1100px){.landing-reference-course-grid{grid-template-columns:repeat(4,1fr)}.landing-category-grid{grid-template-columns:repeat(6,1fr)}.landing-reference-hero{min-height:700px}.landing-reference-copy p{font-size:18px}.landing-reference-course-image{height:190px}}