:root{--navy:#10121c;--blue:#c90861;--ink:#252638;--muted:#5b5c6e;--pale:#f5f5fa}
.preview{background:#252333;color:#e9e7f2}.header{max-width:none;background:#10121c;color:white;min-height:86px;padding-inline:max(30px,calc((100vw - 1160px)/2));}.brand-symbol{background:#21bdd5;color:#10121c;border-radius:9px}.header .button.outline{border-color:#ffffff55;background:transparent;color:white}.header .button.outline:hover{background:#ffffff18}.hero{min-height:640px;display:flex;align-items:center;background:#10121c;color:white;padding-block:100px}.hero.has-image{background-image:linear-gradient(90deg,rgba(7,9,17,.88),rgba(7,9,17,.5) 52%,rgba(7,9,17,.14)),url('hero.png');background-size:cover;background-position:center}.hero-grid{display:block;width:100%}.hero h1{font-size:clamp(2.7rem,4.8vw,4.2rem);line-height:1.13;letter-spacing:-.035em;max-width:800px}.hero h1 em{color:white}.hero .eyebrow{color:#53d5e7;letter-spacing:.12em}.hero .lead{color:#e4e6ef;font-size:1.25rem;max-width:620px}.button{border-radius:32px;background:#c90861;padding-inline:30px;box-shadow:inset 0 1px 1px #ffffff4d}.button:hover{background:#ab0753}.hero .button{background:#d40a67}.hero .button:hover{background:#bc075b}.hero-note{color:white}.hero-note a{font-weight:500;text-decoration:none}.section-heading .eyebrow,.experience .eyebrow{color:#087b8d}.section-heading h2{font-size:2.4rem}.course{border:0;border-radius:16px;box-shadow:0 8px 30px #16132513;border-top:4px solid #27b8ce;padding:34px}.course .button{background:#c90861;color:white}.empty{border-left-color:#1da9bd;border-radius:10px;background:#f7f7fb}.steps span{color:#b80859}.steps article{border-top:2px solid #1aa3b8}.campus-box{background:#191b2b;border-radius:16px}.light{background:white;color:#191b2b}.light:hover{background:#e7efff}.contact-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-actions .outline{background:white;color:#b80859;border:1px solid #b80859}.footer .brand{color:#087b8d}
@media(max-width:640px){.header{padding:20px 22px}.hero{min-height:550px;padding-block:65px}.hero.has-image{background-position:65% center}.hero h1{font-size:2.75rem}.hero .lead{font-size:1.1rem}.section-heading h2{font-size:2rem}.header nav a:nth-child(2){display:block}.header nav{gap:9px}.header .button.small{padding:10px;font-size:.8rem}.hero-grid{padding-inline:22px}}
