:root{--royal:#002366;--royal-600:#1E3A8A;--royal-500:#4169E1;--gold:#F59E0B;--mist:#F8FAFC;--bs-body-font-family:'Inter',system-ui,sans-serif;--bs-body-color:#1e293b}
body{font-family:'Inter',sans-serif;padding-top:0}
h1,h2,h3,h4,h5,.font-heading{font-family:'Poppins',sans-serif}
.text-royal{color:var(--royal)!important}.text-gold{color:var(--gold)!important}
.bg-royal{background:var(--royal)!important}.bg-mist{background:var(--mist)}
.btn-gold{background:var(--gold);color:var(--royal);font-weight:600;border:0;border-radius:.75rem}
.btn-gold:hover{filter:brightness(1.08);color:var(--royal);transform:translateY(-1px)}
.btn-royal{background:var(--royal);color:#fff;font-weight:600;border-radius:.75rem}
.btn-royal:hover{background:var(--royal-600);color:#fff}
.btn-outline-light{border-radius:.75rem;font-weight:600;border-width:2px}
.skip-link{position:fixed;top:8px;left:8px;z-index:2000;background:var(--gold);color:var(--royal);padding:.5rem 1rem;border-radius:.5rem}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.site-nav{background:var(--royal);padding:.9rem 0;transition:all .3s}
.site-nav.scrolled{background:rgba(0,35,102,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.4rem 0;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.site-nav .nav-link{font-weight:500;font-size:.93rem;color:#fff}
.site-nav .nav-link:hover,.site-nav .nav-link.active{color:var(--gold)}
.brand-mark{width:40px;height:40px;border-radius:.75rem;background:var(--gold);color:var(--royal);font-family:'Poppins';font-weight:700;display:inline-grid;place-items:center}
.brand-name{font-family:'Poppins'}.brand-tag{font-size:.7rem}
main{min-height:60vh}
.page-hero{background:linear-gradient(120deg,var(--royal),var(--royal-600));color:#fff;padding:8rem 0 3.5rem}
.page-hero h1{font-weight:700}
.page-hero .breadcrumb a{color:#cbd5e1}.page-hero .breadcrumb-item.active{color:var(--gold)}
.eyebrow{color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
.section{padding:5rem 0}
.section-title{color:var(--royal);font-weight:700}
.card-x{position:relative;border:1px solid #eef2f7;border-radius:1rem;box-shadow:0 4px 18px rgba(15,23,42,.07);overflow:hidden;background:#fff;height:100%;transition:transform .3s,box-shadow .3s}
.card-x:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(15,23,42,.14)}
.card-x img.cover{width:100%;height:11rem;object-fit:cover;transition:transform .5s}
.card-x:hover img.cover{transform:scale(1.05)}
.img-wrap{overflow:hidden;position:relative}
.badge-gold{background:var(--gold);color:var(--royal);font-weight:700;font-family:'Poppins'}
.badge-soft{background:#e8eefc;color:var(--royal-500);font-weight:600}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--royal);overflow:hidden;color:#fff}
.hero .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}
.hero .slide.on{opacity:1}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--royal),rgba(0,35,102,.85) 45%,rgba(0,35,102,.4))}
.hero h1{font-weight:800;line-height:1.15;font-size:clamp(2rem,5vw,3.7rem)}
.hero .dots{position:absolute;bottom:2rem;left:0;right:0}
.hero .dots button{height:8px;width:8px;border:0;border-radius:8px;background:rgba(255,255,255,.6);margin-right:.5rem;transition:all .3s;padding:0}
.hero .dots button.on{width:32px;background:var(--gold)}
.stat{text-align:center;padding:1.6rem 1rem}
.stat .ic{width:52px;height:52px;margin:0 auto;border-radius:.9rem;background:rgba(245,158,11,.15);color:var(--gold);display:grid;place-items:center;font-size:1.5rem}
.stat .num{font-family:'Poppins';font-weight:700;font-size:2.2rem;color:var(--royal)}
.video-sec{background:var(--royal);color:#fff}
.date-box{width:56px;flex:none;text-align:center;background:var(--royal);color:#fff;border-radius:.75rem;padding:.4rem 0}
.date-box b{display:block;font-family:'Poppins';font-size:1.3rem;line-height:1}.date-box small{color:var(--gold);letter-spacing:.08em;font-size:.68rem}
.chip{display:inline-block;background:var(--royal);color:#fff;border-radius:2rem;padding:.55rem 1.2rem;font-weight:500;font-size:.9rem;margin:.3rem;transition:all .25s}
.chip:hover{background:var(--gold);color:var(--royal)}
.person img{width:100%;aspect-ratio:1/1;object-fit:cover}
.article-body img{max-width:100%;height:auto;border-radius:.75rem}
.article-body{line-height:1.85}
.site-footer{background:var(--royal);color:#cbd5e1}
.site-footer a{color:#cbd5e1;text-decoration:none}.site-footer a:hover{color:var(--gold)}
.site-footer .copy{border-top:1px solid rgba(255,255,255,.1)}
.social{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:inline-grid;place-items:center}
.social:hover{background:var(--gold);color:var(--royal)!important}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.show{opacity:1;transform:none}
.pagination .page-link{color:var(--royal)}.pagination .active .page-link{background:var(--royal);border-color:var(--royal);color:#fff}
.gallery a{display:block;overflow:hidden;border-radius:1rem}.gallery img{width:100%;height:14rem;object-fit:cover;transition:transform .4s}.gallery a:hover img{transform:scale(1.07)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
[v-cloak]{display:none}