:root { --night:#020b1d; --navy:#061a3a; --blue:#174d94; --gold:#d7b552; --white:#fff; }
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--night); }
body {
  min-height: 100vh; min-height: 100svh; margin: 0;
  display: grid; grid-template-rows: 1fr auto;
  color: var(--white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at 50% 5%, rgba(23,77,148,.7), transparent 42%),
              linear-gradient(145deg, var(--night), var(--navy) 55%, #031126);
}
.page { display:grid; place-items:center; padding:clamp(.75rem,4vw,3rem); }
.brand { width:min(100%,62rem); display:grid; justify-items:center; gap:clamp(.8rem,2.5vw,1.5rem); }
picture { display:block; width:min(100%,48rem); line-height:0; }
.logo { display:block; width:100%; height:auto; border-radius:clamp(.75rem,2vw,1.5rem); box-shadow:0 1.5rem 4rem rgba(0,0,0,.4); }
.contact { display:inline-flex; align-items:center; min-height:44px; padding:.7rem 1.05rem; border:1px solid rgba(215,181,82,.8); border-radius:999px; color:#fff; background:rgba(2,11,29,.6); font-size:clamp(1rem,2.4vw,1.2rem); text-decoration:none; }
.contact:hover { color:var(--gold); background:rgba(2,11,29,.9); }
.contact:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.footer { padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); text-align:center; color:rgba(255,255,255,.72); font-size:clamp(.72rem,2vw,.9rem); }
.footer p { margin:0; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:480px) { .page{padding:.6rem;} .logo{border-radius:.65rem;} .footer{padding-inline:.65rem;} }
@media (min-width:481px) and (max-width:1024px) { picture{width:min(88vw,44rem);} }
@media (min-width:1440px) { picture{width:min(70vh,50rem);} }
@media (orientation:landscape) and (max-height:700px) { .page{padding-block:.6rem;} picture{width:min(58vh,35rem);} .brand{gap:.55rem;} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{transition:none!important;scroll-behavior:auto!important;} }