:root{--accent-color:#247bb4;--primary-color:#0b2832;--text-color:#46575e;--bg-color:#f4f7f7}html{scroll-behavior:smooth}body{color:var(--text-color);background:white}h1,h2,h3,h4{color:#0b2832}h2{font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-1px}h3{font-size:25px}p{line-height:1.8}a{color:inherit}a:hover{color:var(--accent-color)}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:absolute;top:-80px;left:20px;z-index:1000;background:white;padding:12px}.skip-link:focus{top:10px}header.main-header{top:0;left:0;right:0;position:absolute}header.main-header .header-sticky{background:transparent;max-width:none;border-radius:0;border-bottom:1px solid #ffffff30}.navbar{padding:25px 0}.navbar .container{display:flex;justify-content:space-between;gap:20px}.navbar-brand img{width:162px;max-height:64px;object-fit:contain;background:#fff;border-radius:4px;padding:6px}.site-menu{display:flex;align-items:center;gap:24px;color:white;font-size:15px;font-weight:600}.site-menu>a,.nav-dropdown>button{white-space:nowrap}.site-menu .btn-default{padding:15px 38px 15px 20px;font-size:14px}.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:none;color:white;padding:15px 0}.nav-dropdown ul{display:none;position:absolute;top:100%;left:-20px;width:260px;padding:12px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0002;color:var(--primary-color)}.nav-dropdown:hover ul,.nav-dropdown:focus-within ul,.nav-dropdown.open ul{display:block}.nav-dropdown li a{display:block;padding:10px;border-radius:6px}.nav-dropdown li a:hover{background:#f4f7f7}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:26px}.hero{margin:0;border-radius:0;min-height:830px;padding:205px 0 55px;background-size:cover;background-position:center}.hero:before{background:linear-gradient(90deg,rgba(4,23,31,.9),rgba(4,23,31,.58) 55%,rgba(4,23,31,.18))}.hero h1{font-size:clamp(48px,6vw,88px);line-height:1.06;letter-spacing:-2px}.hero .section-title p{font-size:20px;max-width:560px}.hero .hero-content{max-width:810px}.hero-content-body{margin-bottom:30px}.hero-content-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero-secondary{color:white;font-weight:600}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #fff4;margin-top:65px;padding-top:28px;max-width:960px;color:white}.hero-bottom b{font-size:19px}.hero-bottom p{font-size:15px;margin:7px 0}.hero-bottom a{font-size:14px;color:#fff}.page-header{padding:190px 0 80px;margin:0;border-radius:0;background-size:cover;background-position:center}.page-header h1{font-size:clamp(40px,5vw,70px);max-width:980px;color:#fff;letter-spacing:-1.5px}.page-header p{max-width:760px;color:#dbe5e8;margin:22px 0 0;font-size:18px}.breadcrumb{display:block;color:#c4d6dc;font-size:14px;margin-bottom:24px}.migration-section{padding:85px 0}.migration-section:nth-of-type(2n+3),.soft{background:#f4f7f7}.section-content{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start}.section-content>h2,.section-content>div:not(.stat):not(.content-card),.section-content>p,.section-content>ul{width:100%}.section-content>h2{margin:0 0 8px}.section-content>div>p:last-child{margin-bottom:0}.section-content>.source-image{max-width:46%;border-radius:18px;max-height:440px;object-fit:cover}.section-content>h2~.source-image{max-width:100%}.section-content>h2+div{max-width:900px}.section-content .content-card,.section-content .quote-card{flex:1 1 30%;min-width:250px}.content-card{background:white;border:1px solid #dce5e7;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px #082d3505}.content-card>img{width:100%;height:240px;object-fit:cover}.content-card>div{padding:30px}.content-card p{font-size:16px}.text-link{font-weight:600;color:#0b2832}.quote-card{padding:32px;background:white;border:1px solid #dce5e7;border-radius:18px;line-height:1.8;position:relative;margin:0;font-size:18px}.quote-card:before{content:'“';display:block;color:var(--accent-color);font-size:62px;line-height:1}.client-logos{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px;width:100%;align-items:center}.client-logos img{max-width:180px;max-height:95px;object-fit:contain}.stats-section{background:#0b2832;color:white}.stats-section h2{color:white;font-size:52px}.stats-section .section-content{justify-content:space-between;display:grid;grid-template-columns:repeat(4,1fr)}.stats-section .section-content>h2{grid-row:1}.stats-section .section-content>ul{grid-row:2}.feature-list{list-style:none;padding:0}.feature-list li{padding:10px 0;border-bottom:1px solid #dce5e7}.feature-list li:before{content:'↗';color:var(--accent-color);margin-right:12px}.stat{display:flex;flex-direction:column;flex:1}.stat strong{font-size:48px;font-family:var(--accent-font);color:var(--accent-color)}.academy-callout{padding:70px 0;background:#0b2832;color:#dbe5e8}.academy-callout h2{color:white;max-width:850px}.academy-callout p{max-width:860px}.academy-callout .btn-default{margin-top:15px}.main-footer{margin:0;border-radius:0;padding:70px 0 0;background:#061e28;color:#b9ced5}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .9fr 1.1fr;gap:40px}.footer-grid h3{color:white;font-size:20px;margin-bottom:24px}.footer-grid ul{padding:0;list-style:none}.footer-grid li{margin:12px 0}.footer-grid p,.footer-grid a{font-size:15px}.footer-logo{width:180px;margin-bottom:25px;background:#fff;border-radius:5px;padding:8px}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;padding:25px 0;margin-top:50px;font-size:14px}.narrow{max-width:920px}.event-content h2{margin:45px 0 20px}.event-content img{max-height:500px;object-fit:cover;border-radius:16px}.three-grid,.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.academy-intro{display:grid;grid-template-columns:1.35fr .9fr;gap:70px;align-items:center}.academy-intro img{border-radius:20px;width:100%;height:530px;object-fit:cover}.eyebrow{display:block;color:#247bb4;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:700;margin-bottom:14px}.section-heading{margin-bottom:40px}.course-card{border:1px solid #dce5e7;border-radius:18px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #0b283214}.course-card img{width:100%;height:230px;object-fit:cover}.course-card>div{padding:28px}.course-card h3{font-size:27px;line-height:1.25;margin-bottom:18px}.course-card p{font-size:15px}.course-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e1e9eb;padding-top:20px;font-size:13px}.course-meta a{font-weight:700}.course-search{display:block;max-width:620px;margin-bottom:45px;font-weight:600}.course-layout{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:start}.course-overview h2{font-size:32px;margin:35px 0 20px}.course-overview li{margin:12px 0}.enroll-card{position:sticky;top:25px;border:1px solid #dce5e7;border-radius:18px;padding:25px;background:#fff;box-shadow:0 15px 40px #0b28320b}.enroll-card img{border-radius:12px;margin-bottom:25px;width:100%;height:190px;object-fit:cover}.enroll-card .btn-default{width:100%;margin:10px 0 25px}.enroll-card>a{display:block;font-size:14px}.enroll-card h3{font-size:26px}.curriculum{list-style:none;padding:0}.curriculum li{border:1px solid #dce5e7;border-radius:9px;padding:16px 20px;display:flex;gap:18px;align-items:center}.curriculum li span{font-size:12px;min-width:55px;color:#247bb4;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.request-form label,.auth-form label,.editor-form label{display:block;font-size:14px;font-weight:600;margin-bottom:20px;color:#0b2832}input,select,textarea{display:block;width:100%;padding:14px 16px;margin-top:8px;border:1px solid #cbd9dc;border-radius:8px;background:white;color:#173842}input:focus,select:focus,textarea:focus{outline:2px solid #247bb450;outline-offset:2px}.check-label{display:flex!important;gap:12px;align-items:center}.check-label input{width:18px;margin:0}.form-status{font-size:14px;margin-top:15px}.auth-panel{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:50px;border:1px solid #dce5e7;background:#fff;border-radius:20px}.auth-panel h2{font-size:36px}.auth-panel .welcome{padding:10px}.auth-tabs{display:flex;gap:15px;margin-bottom:25px}.auth-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 0;color:#46575e}.auth-tabs button.active{border-color:var(--accent-color);color:#0b2832;font-weight:700}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.dashboard-heading h2{font-size:38px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:50px}.dashboard-stat{padding:28px;background:white;border:1px solid #dce5e7;border-radius:14px}.dashboard-stat strong{display:block;color:#0b2832;font-size:40px;font-family:var(--accent-font)}.dashboard-stat span{font-size:14px}.small-button{padding:10px 16px;border:1px solid #cbd9dc;border-radius:8px;background:white;color:#0b2832}.progress-track{height:7px;background:#e5eeee;border-radius:9px;overflow:hidden;margin:18px 0}.progress-track span{display:block;background:var(--accent-color);height:100%;border-radius:9px}.empty-state{padding:40px;background:white;border:1px dashed #b7cbd0;border-radius:16px;text-align:center}.learning-top{background:#0b2832;color:white;padding:145px 0 30px}.learning-top .container{display:flex;justify-content:space-between}.learning-shell{background:#f4f7f7;min-height:650px;padding:45px 0 70px}.player-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:35px;align-items:start}.lesson-sidebar{background:white;border:1px solid #dce5e7;border-radius:14px;padding:22px;max-height:80vh;overflow:auto;position:sticky;top:20px}.lesson-sidebar h3{font-size:22px}.lesson-sidebar h4{font-size:13px;color:#247bb4;margin:22px 0 10px}.lesson-button{display:block;text-align:left;width:100%;background:none;border:0;border-radius:8px;padding:12px;font-size:14px;color:#46575e;margin:4px 0}.lesson-button.active{background:#fff1eb;color:#247bb4;font-weight:600}.lesson-button.complete:before{content:'✓ ';color:#19715d}.lesson-reading{background:white;border:1px solid #dce5e7;border-radius:18px;padding:45px;min-height:450px}.lesson-reading h1{font-size:42px;line-height:1.15;margin:20px 0}.lesson-reading h2{font-size:26px;margin:35px 0 18px}.lesson-reading p{font-size:17px}.lesson-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e0e8ea;padding-top:25px;margin-top:35px}.note-area{margin-top:28px;padding:25px;background:white;border:1px solid #dce5e7;border-radius:14px}.note-area h3{font-size:22px}.quiz-panel{background:#f4f7f7;padding:25px;border-radius:12px;margin:28px 0}.quiz-panel label{display:flex;gap:12px;align-items:flex-start;margin:14px 0}.quiz-panel input{width:18px;margin:5px 0}.instructor-layout{display:grid;grid-template-columns:280px 1fr;gap:35px}.instructor-menu button{display:block;text-align:left;width:100%;margin-bottom:10px}.editor-form textarea{min-height:250px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:15px;text-align:left;border-bottom:1px solid #dce5e7;font-size:14px}.badge{padding:5px 10px;border-radius:5px;background:#e9f3f1;color:#175847;font-size:12px}.request-form button:disabled,.btn-default:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:2px solid #247bb4;outline-offset:4px}@media(min-width:992px){.section-cards .section-content>h2,.section-cards .section-content>div:not(.content-card){flex-basis:100%}}@media(max-width:1199px){.site-menu{gap:15px;font-size:14px}.site-menu .btn-default{display:none}.course-layout{grid-template-columns:1fr 320px;gap:35px}.footer-grid{gap:25px}}@media(max-width:991px){.menu-toggle{display:block}.navbar{padding:20px 0}.site-menu{display:none;position:absolute;top:100%;left:15px;right:15px;background:#0b2832;border-radius:12px;padding:25px;align-items:stretch}.site-menu.open{display:flex;flex-direction:column;gap:18px}.site-menu .btn-default{display:block}.nav-dropdown ul{position:static;width:100%;margin-top:10px}.hero{padding-top:170px;min-height:750px}.academy-intro{grid-template-columns:1fr;gap:35px}.academy-intro img{height:350px}.course-grid,.three-grid{grid-template-columns:repeat(2,1fr)}.course-layout{grid-template-columns:1fr}.enroll-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.player-layout{grid-template-columns:250px 1fr;gap:20px}.lesson-reading{padding:28px}.auth-panel{padding:35px;gap:30px}}@media(max-width:650px){.migration-section{padding:55px 0}.hero{padding:155px 0 40px}.hero h1{font-size:52px}.hero-content-body{flex-direction:column;align-items:flex-start;gap:20px}.hero-bottom{grid-template-columns:1fr;gap:22px;margin-top:40px}.page-header{padding:155px 0 55px}.page-header h1{font-size:43px}.course-grid,.three-grid,.form-grid,.auth-panel,.dashboard-stats,.player-layout,.instructor-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{gap:15px;flex-direction:column}.stats-section .section-content{grid-template-columns:1fr 1fr}.stats-section .section-content>h2:nth-of-type(3),.stats-section .section-content>h2:nth-of-type(4){grid-row:3}.stats-section .section-content>ul:nth-of-type(3),.stats-section .section-content>ul:nth-of-type(4){grid-row:4}.section-content>.source-image{max-width:100%}.lesson-sidebar{position:static;max-height:320px}.lesson-reading h1{font-size:33px}.lesson-reading{padding:25px}.lesson-actions{flex-wrap:wrap}.auth-panel{padding:25px}.auth-panel .welcome{display:none}.dashboard-heading{align-items:flex-start}.dashboard-heading h2{font-size:30px}.learning-top{padding-top:135px}.course-card img{height:220px}.section-content .content-card,.section-content .quote-card{flex-basis:100%}.curriculum li{align-items:flex-start}.enroll-card{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.navbar-brand img,.footer-logo{background:transparent;padding:0}.navbar-brand img{max-height:56px}.main-footer .footer-logo{width:180px}.hero:before{background:linear-gradient(90deg,rgba(4,23,31,.94),rgba(4,23,31,.68) 55%,rgba(4,23,31,.28))}
.page-header:before{display:none}.page-header .container{position:relative;z-index:2}.stats-section .feature-list li:before{display:none}.stats-section .feature-list li{border:0;padding:0}.section-content>.source-image{width:100%}.migration-section.section-cards .source-image{max-width:100%}