@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}

:root{--blue:#284cff;--ink:#11154f;--paper:#f7f7f2;--lime:#dfff00;--muted:#5a5d73;--line:#d9dce7}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{border:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
a,button{touch-action:manipulation}
[hidden]{display:none!important}

.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-100px;z-index:5;padding:14px;background:var(--ink);color:white}
.skip-link:focus{top:12px}
.header{display:flex;align-items:center;gap:28px;min-height:100px}
.brand{font-size:38px;letter-spacing:-2.3px;font-weight:800;white-space:nowrap}
.brand span{color:var(--blue);padding-left:4px}
.section-name{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}
.header nav{margin-left:auto;display:flex;gap:28px;font-size:13px;font-weight:750}
.header nav a{padding:15px 0}

.hero{background:var(--blue);color:#fff;padding:65px 0 72px}
.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:750}
.hero h1{max-width:1100px;font-size:clamp(42px,6.1vw,86px);font-weight:650;letter-spacing:-.065em;line-height:1.08;margin:32px 0 42px}
.hero h1 span{color:var(--lime)}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}
.hero-bottom p{max-width:560px;font-size:18px;line-height:1.7;color:#edf0ff}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 26px;border-radius:40px;font-size:14px;font-weight:750;min-height:58px}
.lime{background:var(--lime);color:var(--ink)}
.dark{background:var(--ink);color:#fff}
.button span{font-size:20px}
.hero a:focus-visible{outline-color:#fff}

.courses,.format{padding-top:90px;padding-bottom:90px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}
.section-heading h2,.format h2,.enroll h2{font-size:clamp(32px,4vw,52px);line-height:1.15;font-weight:650;letter-spacing:-.045em;margin-top:16px}
.section-heading>p{max-width:350px;color:var(--muted);font-size:16px;line-height:1.75}
.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.course{padding:34px;background:#e9edfa;border-radius:24px;display:flex;flex-direction:column}
.course-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:750;color:#505b7e}
.course h3{font-size:34px;line-height:1.2;letter-spacing:-.04em;font-weight:650;margin:30px 0 18px}
.course>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:510px}
.course ul{padding-left:20px;margin:24px 0;font-size:14px;line-height:1.8}
.course li{padding-left:4px;margin:5px 0}
.course details{font-size:13px;line-height:1.8;margin-top:auto}
.course summary{min-height:44px;padding:10px 0;font-weight:750}
.course details p{padding:10px 0 16px;color:var(--muted)}
.course-link{border-top:1px solid #c9cee0;margin-top:24px;padding-top:24px;min-height:52px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:750}
.course-link span{font-size:24px}
.course-dark{background:var(--ink);color:#fff}
.course-dark .course-top,.course-dark>p,.course-dark details p{color:#d6dafa}
.course-dark .course-link{color:var(--lime);border-color:#4e557f}
.course-dark :focus-visible{outline-color:var(--lime)}

.format{border-top:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}
.steps>div>span{display:block;color:var(--blue);font-size:14px;font-weight:750;margin-bottom:20px}
.steps h3{font-size:20px;letter-spacing:-.025em;margin-bottom:12px}
.steps p{font-size:15px;color:var(--muted);line-height:1.8}
.enroll{padding:70px 0;background:#e9edfa}
.enroll-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.enroll h2{font-size:42px}
.discount{margin-top:36px;max-width:440px;padding:24px;background:var(--lime);border-radius:20px}
.discount>strong{font-size:56px;line-height:1;letter-spacing:-.06em}
.discount h3{font-size:18px;margin:14px 0 10px}
.discount p{font-size:13px;line-height:1.7}
.direct-contact{font-size:14px;line-height:1.8;margin-top:26px;color:var(--muted)}
.direct-contact a{display:inline-block;font-weight:750;color:var(--ink);padding:8px 0}

form label:not(.consent){display:block;font-size:13px;font-weight:750;line-height:1.7;margin-bottom:8px}
form label>span:not(:only-child){font-weight:500}
form input:not([type=checkbox]),select,textarea{display:block;width:100%;max-width:100%;border:1px solid #a6adc8;border-radius:12px;padding:14px;background:var(--paper);color:var(--ink);font-size:16px;margin-bottom:20px;min-height:52px}
textarea{resize:vertical}
select{text-overflow:ellipsis}
.consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 24px}
.consent input{flex:0 0 18px;width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.consent a{text-decoration:underline}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
form .button{width:100%}
form button:disabled{opacity:.65;cursor:wait}
.form-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}
.form-status{padding:18px;border:1px solid #b33c49;border-radius:12px;display:flex;gap:14px;margin-top:20px;font-size:13px;line-height:1.7}
.form-status strong{display:block;margin-bottom:6px}
.form-status.success{background:var(--ink);border-color:var(--ink);color:white}
.status-icon{font-size:22px}
.success .status-icon{color:var(--lime)}
.data-policy{padding-top:24px;padding-bottom:32px;font-size:12px;color:var(--muted);line-height:1.8}
.data-policy summary{padding:12px 0;min-height:44px}
.data-policy p{max-width:800px;padding-top:10px}
.data-policy a{text-decoration:underline}
.footer{padding:26px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;font-size:12px}
.footer p{color:var(--muted)}
.footer>a:last-child{margin-left:auto;padding:14px 0}

@media(max-width:900px){.wrap{width:calc(100% - 48px)}
.hero{padding:48px 0}
.hero-bottom{align-items:start;flex-direction:column}
.course{padding:28px}
.course h3{font-size:30px}
.enroll-grid{gap:40px}
.enroll h2{font-size:34px}
.section-heading>p{max-width:290px}
.steps{gap:24px}
}

@media(max-width:640px){.wrap{width:calc(100% - 36px)}
.header{min-height:80px;gap:14px}
.brand{font-size:32px}
.section-name{display:none}
.header nav{gap:14px;font-size:11px}
.hero{padding:36px 0 42px}
.hero .eyebrow{font-size:10px}
.hero h1{font-size:clamp(35px,9.7vw,58px);margin:30px 0;letter-spacing:-.06em}
.hero-bottom p{font-size:15px}
.hero .button{width:100%}
.courses,.format{padding-top:52px;padding-bottom:52px}
.section-heading{display:block;margin-bottom:28px}
.section-heading h2,.format h2,.enroll h2{font-size:32px}
.section-heading>p{margin-top:22px;max-width:none;font-size:14px}
.course-grid{grid-template-columns:1fr;gap:18px}
.course{padding:26px 22px}
.course h3{font-size:30px}
.course>p{font-size:14px}
.course-top{font-size:10px}
.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}
.steps>div>span{margin-bottom:10px}
.enroll{padding:48px 0}
.enroll-grid{grid-template-columns:1fr;gap:32px}
.discount{max-width:none}
.footer{flex-wrap:wrap;gap:18px}
.footer p{max-width:170px}
.footer>a:last-child{margin-left:0}
.data-policy{padding-top:16px}
.button{font-size:13px}
.eyebrow{font-size:10px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}