:root{--navy:#062a5e;--blue:#0d5ea8;--gold:#ffc328;--light:#f5f8fc;--text:#13233a;--muted:#56677d;--white:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.55;background:#fff}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

.hero{position:relative;min-height:720px;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.15) 68%,rgba(255,255,255,0) 100%)}
.hero__image{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 40%,rgba(255,255,255,.25) 62%,rgba(255,255,255,0) 100%),url('assets/hero-cadets-waterfront.jpg') center/cover no-repeat}
.hero__content{position:relative;z-index:1;display:flex;gap:34px;align-items:flex-start;padding-top:54px}
.hero h1{font-size:64px;line-height:.98;margin:0;color:var(--navy);max-width:720px;letter-spacing:-.03em}

.logo{width:154px;height:auto}
.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:.06em;color:var(--blue);margin:0 0 10px}

.lead{font-size:23px;max-width:640px;margin:24px 0;color:#111}
.free-line{display:inline-block;background:var(--gold);color:#061b38;font-weight:900;padding:12px 16px;margin-top:12px;text-transform:uppercase}

.btn{display:inline-block;border-radius:999px;padding:14px 24px;font-weight:800;text-decoration:none;margin-right:10px;margin-bottom:10px}
.btn-primary2{background:var(--gold);color:#061b38}
.btn-primary { background: var(--gold); color: var(--navy-dark); }
.btn-primary:hover { transform: translateY(-2px); filter: brightness(1.05); }
.btn-outline{border:2px solid var(--navy);color:var(--navy);background:rgba(255,255,255,.7)}

.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--navy);color:#fff;margin-top:-70px;position:relative;z-index:2;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.15);overflow:hidden}
.quick article{padding:28px 24px;border-right:1px solid rgba(255,255,255,.2)}
.quick article:last-child{border-right:0}
.quick strong{display:block;color:var(--gold);font-size:18px;text-transform:uppercase}
.quick span{display:block;margin-top:4px}

.intro{padding:70px 24px 34px;text-align:center}
.intro h2,
.intro p{max-width:940px;margin:auto;font-size:18px}

.join h2{font-size:38px;line-height:1.1;color:var(--navy);margin:0 0 18px}

.section h2,
.section{padding:36px 24px}
.section-title{text-align:center;margin-bottom:26px}

.cards{display:grid;gap:18px}
.cards.six{grid-template-columns:repeat(6,1fr)}
.card{background:#fff;border:1px solid #dce6f2;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(6,42,94,.08)}
.card img{width:100%;height:155px;object-fit:cover;display:block}
.card h3{font-size:15px;color:var(--navy);margin:14px 12px 6px;text-transform:uppercase}
.card p{font-size:14px;margin:0 12px 18px;color:#26394d}

.split{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:50px 24px;background:var(--light);max-width:none}
.split h2,
.split .split-img,
.split .split-text{max-width:560px}
.split .split-img{justify-self:end}
.split .split-text{justify-self:start}
.split img{width:100%;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.12)}

.checklist{list-style:none;padding:0;margin:20px 0}
.checklist li{position:relative;padding-left:28px;margin:10px 0}
.checklist li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}

.benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.benefits article{background:#fff;border-top:5px solid var(--gold);padding:20px;border-radius:14px;box-shadow:0 8px 22px rgba(6,42,94,.08)}
.benefits h3{margin:0 0 8px;color:var(--navy);font-size:16px}
.benefits p{font-size:14px;margin:0;color:#26394d}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 24px 60px}
.gallery img{width:100%;height:280px;object-fit:cover;border-radius:18px}

.join{background:linear-gradient(135deg,var(--navy),#02152f);color:#fff;padding:64px 0}
.join h2{color:#fff}
.join p{font-size:18px;max-width:720px}
.join-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:34px;align-items:center}

.who{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);padding:28px;border-radius:18px}
.who h3{font-size:26px;margin:0 0 14px}
.who .checklist li:before{color:var(--gold)}

footer{background:#011226;color:#fff;padding:22px 0}
.footer-grid{display:flex;gap:24px;justify-content:space-between;align-items:center}
footer a{color:var(--gold);font-weight:800}

.video-section {background: linear-gradient(180deg, #fff8df, #ffefb9);border-block: 1px solid #edc24c;padding: 10px 300px 20px 300px;}
.video-header {display: flex;align-items: end;justify-content: space-between;gap: 22px;margin-bottom: 26px;}
.video-header h2 { margin: 0; font-size: clamp(28px, 4vw, 40px); text-transform: uppercase; color: var(--navy-dark); }
.video-header p { margin: 5px 0 0; color: #5c583f; }
.video-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;}
.video-card {background: #fff;border-radius: 11px;overflow: hidden;box-shadow: 0 8px 24px rgba(42,42,25,.13);transition: transform .2s ease, box-shadow .2s ease;}
.video-card a {text-decoration:none}
.video-card a:active {text-decoration:none}
.video-card a:visited {text-decoration:none}
.video-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); text-decoration:none}
.video-card:active {text-decoration:none}
.video-card:visited {text-decoration:none}
.thumb {position: relative;aspect-ratio: 16 / 9;background-size: cover;background-position: center;}
.thumb::after {content: '';position: absolute;inset: 0;background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55));}
.play {position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 54px;aspect-ratio: 1;border-radius: 50%;display: grid;place-items: center;color: #fff;background: rgba(3,26,49,.88);border: 2px solid rgba(255,255,255,.75);font-size: 19px;}
.duration {position: absolute;right: 8px;bottom: 8px;z-index: 2;color: #fff;background: rgba(0,0,0,.78);padding: 2px 6px;border-radius: 4px;font-size: 12px;}

.video-copy {padding: 16px 16px 18px;}
.video-copy h3 {margin: 0 0 8px;font-size: 20px;color: var(--navy-dark);}
.video-copy p {margin: 0;color: var(--muted);font-size: 16px;text-decoration:none}
.video-copy a {padding-block: 26px 22px;border-bottom: 3px solid transparent;text-decoration:none}
.video-copy:active {text-decoration:none}
.video-copy:visited {text-decoration:none}
.video-copy a:active {text-decoration:none}
.video-copy a:visited {text-decoration:none}

.menu-btn {display: none;color: #fff;background: transparent;border: 1px solid rgba(255,255,255,.35);border-radius: 8px;padding: 8px 12px;cursor: pointer;}
.nav-links {display: flex;align-items: center;gap: 26px;color: #fff;font-weight: 700;font-size: 14px;text-transform: uppercase;}
.nav-links a {padding-block: 26px 22px;border-bottom: 3px solid transparent;text-decoration:none}
.nav-links a:hover,
.nav-links a.active { border-bottom-color: var(--gold);text-decoration:none}

@media(max-width:960px)
{.hero{min-height:780px;background:#fff}
.hero__image{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.75) 55%,rgba(255,255,255,.95)),url('assets/hero-cadets-waterfront.jpg') center/cover no-repeat}
.hero__content{flex-direction:column}
.hero h1{font-size:45px}
.lead{font-size:19px}
.quick{grid-template-columns:1fr 1fr;margin-top:-40px}
.cards.six{grid-template-columns:1fr 1fr}
.benefits{grid-template-columns:1fr 1fr}
.split,
.join-grid{grid-template-columns:1fr}
.split .split-img,
.split .split-text{justify-self:center}
.gallery{grid-template-columns:1fr}}

@media(max-width:560px)
{.wrap{padding:0 16px}
 .logo{width:118px}
 .hero h1{font-size:36px}
 .quick{grid-template-columns:1fr}
 .quick article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
 .cards.six,
 .benefits{grid-template-columns:1fr}
 .card img{height:210px}
 .footer-grid{display:block}
 .footer-grid>
 *{display:block;margin:7px 0}}