@font-face{font-family:Manrope;src:url('/assets/manrope-latin-400-normal-PaqtzbVb.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-latin-700-normal-BZp_XxE4.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:SerifJYJ;src:url('/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--navy:#060942;--red:#ff3131;--ink:#11152d;--muted:#62677b;--water:#eaf8fb;--line:#dfe4eb;--white:#fff;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;line-height:1.7}
a{color:inherit}
img{max-width:100%;height:auto}
.skip{position:absolute;left:12px;top:-100px;z-index:10;padding:10px 14px;background:#fff;color:var(--navy)}
.skip:focus{top:12px}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-head{position:relative;z-index:2;border-bottom:1px solid rgba(6,9,66,.1);background:rgba(255,255,255,.96)}
.head-inner{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:28px}
.logo{display:block;width:112px;line-height:0}
.nav{display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:700}
.nav a{text-decoration:none}
.nav a:hover{color:var(--red)}
.nav .cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid var(--red);background:var(--red);color:#fff;text-decoration:none}
.hero{position:relative;overflow:hidden;padding:92px 0 82px;background:linear-gradient(110deg,rgba(6,9,66,.96),rgba(6,9,66,.78)),url('/assets/hero/hero-1280.webp') center/cover;color:#fff}
.hero .wrap{max-width:940px;margin-left:max(20px,calc((100% - var(--max))/2))}
.eyebrow{margin:0 0 16px;color:#ff8a8a;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{margin-top:0;color:var(--navy);font-family:SerifJYJ,Georgia,serif;font-weight:400;line-height:1.08}
.hero h1{max-width:850px;margin-bottom:22px;color:#fff;font-size:clamp(2.7rem,7vw,5.7rem)}
.hero p:not(.eyebrow){max-width:730px;margin:0;font-size:clamp(1rem,2vw,1.25rem)}
.section{padding:74px 0}
.section-tint{background:var(--water)}
.lede{max-width:800px;margin:0 0 42px;color:var(--muted);font-size:1.08rem}
h2{margin-bottom:18px;font-size:clamp(2rem,4vw,3.55rem)}
h3{margin-bottom:10px;font-size:1.55rem}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{padding:30px;border:1px solid var(--line);background:#fff}
.card p{margin:0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.step{padding:26px 24px;border-bottom:1px solid var(--line)}
.step span{display:block;margin-bottom:6px;color:var(--red);font-size:.72rem;font-weight:700}
.prose{max-width:820px}
.prose p,.prose li{color:#34394e}
.prose h2{margin-top:50px;font-size:2.15rem}
.prose h3{margin-top:34px}
.note{margin:28px 0;padding:20px 22px;border-left:3px solid var(--red);background:#fff5f5;color:#35394a}
.source{font-size:.82rem;color:var(--muted)}
.source a{color:var(--navy)}
.action-row{margin-top:34px}
.contact-band{padding:54px 0;background:var(--navy);color:#fff}
.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:34px}
.contact-band h2{margin:0 0 8px;color:#fff;font-size:clamp(1.8rem,4vw,3rem)}
.contact-band p{margin:0;color:rgba(255,255,255,.72)}
.footer{padding:36px 0;background:#03052c;color:rgba(255,255,255,.7);font-size:.78rem}
.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer nav{display:flex;flex-wrap:wrap;gap:16px}
.footer a{text-decoration:none}
.footer a:hover{color:#fff}
.footer [data-cookie-settings]{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.footer [data-cookie-settings]:hover,.footer [data-cookie-settings]:focus-visible{color:#fff}
.blog-list{display:grid;gap:14px}
.blog-link{display:block;padding:24px;border:1px solid var(--line);background:#fff;text-decoration:none}
.blog-link:hover{border-color:var(--red)}
.blog-link strong{display:block;color:var(--navy);font-family:SerifJYJ,Georgia,serif;font-size:1.45rem;font-weight:400}
.blog-link span{color:var(--muted);font-size:.85rem}
.youth-commitment{display:grid;grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:28px;margin:34px 0;padding:30px;border:1px solid var(--line);background:#fff}
.youth-commitment img{width:100%;max-width:360px;margin:auto}
.youth-commitment figcaption{color:var(--muted);font-size:.84rem;line-height:1.6}
@media(max-width:820px){.head-inner{min-height:74px}.logo{width:92px}.nav a:not(.cta){display:none}.hero{padding:72px 0}.hero .wrap{margin:auto}.grid,.steps,.youth-commitment{grid-template-columns:1fr}.section{padding:58px 0}.contact-band .wrap,.footer .wrap{align-items:flex-start;flex-direction:column}.footer nav{gap:10px 16px}}
