:root{--navy:#0c2433;--navy-900:#0b1f2b;--navy-800:#123349;--gold:#e2b007;--gold-600:#d09f00;--white:#fff;--text:#e9eef3;--card:#0f2a3b;--shadow:0 10px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--navy)}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.btn{background:var(--gold);color:#111;padding:14px 22px;border-radius:10px;font-weight:600;display:inline-block;box-shadow:var(--shadow)}
.btn:hover{background:var(--gold-600)}
.site-header{position:sticky;top:0;background:rgba(12,36,51,.96);backdrop-filter:saturate(140%) blur(8px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}
.brand{display:flex;align-items:center;gap:12px;padding:14px 0;font-weight:800;letter-spacing:.04em}
.brand .monogram{font-weight:900;color:var(--gold)}
.nav{display:flex;align-items:center;gap:26px}
.nav a{padding:18px 6px;display:inline-block;opacity:.9}
.nav a.active{border-bottom:3px solid var(--gold)}
.nav a:hover{opacity:1}
.header-row{display:flex;justify-content:space-between;align-items:center}
.mega{position:relative}
.mega .panel{position:absolute;left:0;right:0;top:100%;background:var(--navy-800);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);display:none;padding:24px 16px}
.mega:focus-within .panel,.mega:hover .panel{display:block}
.panel .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.panel h4{margin:6px 0 8px 0;color:#fff;font-size:14px;opacity:.9}
.panel a.item{display:block;background:var(--card);padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.panel a.item:hover{border-color:var(--gold)}
.hero{position:relative;min-height:60vh;display:grid;place-items:center;overflow:hidden;background:#0e2f45}
.hero .slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transform:translateX(30px);transition:opacity .9s ease, transform .9s ease;background-size:cover;background-position:center}
.slide.active{opacity:1;transform:translateX(0)}
.hero .content{position:relative;z-index:2;text-align:left;max-width:900px}
.hero h1{font-size:52px;line-height:1.06;margin:0 0 16px 0;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.hero p{max-width:760px;margin:0 0 28px 0;opacity:.92}
.site-footer{background:var(--navy-900);border-top:1px solid rgba(255,255,255,.06);margin-top:48px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:28px 0}
.muted{opacity:.7}
.socials{display:flex;gap:14px;align-items:center}
.socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0e344a;border:1px solid rgba(255,255,255,.08)}
.socials a:hover{border-color:var(--gold)}
.icon{width:22px;height:22px;display:inline-block}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);padding:18px;border-radius:14px}
.badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#222;font-weight:900;margin-right:10px}
.genesis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.genesis .card h3{display:flex;align-items:center;gap:10px;margin:0 0 10px 0}
@media (max-width:1000px){.panel .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.genesis{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:40px}}
@media (max-width:700px){.cards,.genesis{grid-template-columns:1fr}.nav{gap:16px;font-size:15px}}