@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--navy:#102b40;--mint:#aee7ce;--paper:#f4f7f5;--muted:#526674}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}a{color:inherit}header{background:var(--navy);color:white;padding:24px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{text-decoration:none}.brand{font-weight:800;letter-spacing:2px}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.languages{white-space:nowrap;font-size:14px}main{max-width:1120px;margin:64px auto;padding:0 24px}.narrow{max-width:660px}h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(32px,5vw,52px);line-height:1.12;margin:12px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:var(--muted)}.panel{background:white;padding:32px;border-radius:16px;box-shadow:0 12px 40px #102b400a;margin:28px 0}label{display:block;font-weight:600;margin:16px 0}input:not([type=checkbox]){display:block;width:100%;padding:13px;border:1px solid #bdcbc4;border-radius:7px;font:inherit;margin-top:6px}button,.button{display:inline-block;background:var(--navy);color:white;border:0;border-radius:7px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#28546b}button:disabled{opacity:.55;cursor:wait}small,.muted{color:var(--muted)}.status{margin:18px 0;min-height:26px}.status.error{color:#9b3026}.hidden,[hidden]{display:none!important}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.toolbar label{flex:1;min-width:220px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{padding:18px 12px;border-bottom:1px solid #dde7e1;vertical-align:top}th{color:var(--muted)}td label{font-size:14px;margin:8px 0;font-weight:400;display:flex;gap:8px;align-items:flex-start}input[type=checkbox]{margin-top:5px;accent-color:var(--navy);min-width:16px}td button{padding:8px 14px;font-size:14px}.course-list{padding-left:22px}.course-list li{margin:12px 0}footer{max-width:1120px;padding:24px;margin:0 auto;font-size:14px;color:var(--muted)}:focus-visible{outline:3px solid #318464;outline-offset:3px}@media(max-width:600px){main{margin:36px auto}.panel{padding:22px}header{padding:20px}nav{gap:14px}th,td{padding:12px 8px}table{min-width:640px}}

.signup-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.signup-story{background:radial-gradient(ellipse at 25% 55%,#d2eee0,transparent 65%);padding:28px 0}.signup-story h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.06em}.signup-story>p{max-width:440px;color:#526674}.signup-visual{display:flex;align-items:center;gap:32px;margin:40px 0}.signup-ring{height:170px;width:170px;border-radius:50%;background:conic-gradient(#28765c 0 50%,#81b6ce 50% 80%,#c29b4b 80%);display:grid;place-items:center;animation:signup-in 1.2s ease both}.signup-ring span{height:120px;width:120px;border-radius:50%;background:#f4f7f5;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:700}.signup-bars{display:flex;gap:10px;height:150px;align-items:end}.signup-bars i{width:24px;background:#28765c;height:30%;border-radius:6px 6px 0 0;animation:signup-in 1.6s ease both}.signup-bars i:nth-child(2){height:50%;background:#559d81;animation-delay:.1s}.signup-bars i:nth-child(3){height:75%;background:#81b6ce;animation-delay:.2s}.signup-bars i:nth-child(4){height:100%;background:#c29b4b;animation-delay:.3s}.signup-layout .panel{margin:0}.signup-layout .panel>h2{font-size:22px;letter-spacing:-.03em;margin:0 0 24px}.signup-layout .panel>button{width:100%;border-radius:30px;background:#102b40}.signup-promise{font-size:14px}@keyframes signup-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.signup-layout{grid-template-columns:1fr;gap:28px}.signup-visual{margin:20px 0}.signup-ring{height:130px;width:130px}.signup-ring span{height:90px;width:90px}.signup-bars{height:110px}}@media(prefers-reduced-motion:reduce){.signup-ring,.signup-bars i{animation:none}}
