:root{
  --bg:#8fb1ad;
  --text:#0d3b3c;
  --white:#fff;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif;color:var(--text);background:var(--bg)}
.wrap{min-height:100vh;display:grid;place-items:center;padding:2rem}
.card{display:grid;gap:1.25rem;padding:2rem;background:rgba(255,255,255,.06);border:1px solid rgba(13,59,60,.12);border-radius:1.25rem;backdrop-filter:blur(4px);max-width:960px;width:100%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.logo{width:min(720px,100%);height:auto;display:block;margin:0 auto;border-radius:.75rem}
.contact{font-size:clamp(1rem,1vw + .8rem,1.25rem);line-height:1.4}
.contact a{color:var(--white);text-decoration:none;font-weight:700;padding:.5rem .9rem;border-radius:.6rem;background:#0d3b3c;display:inline-block;box-shadow:0 6px 16px rgba(13,59,60,.25)}
.contact a:hover,.contact a:focus-visible{opacity:.92;transform:translateY(-1px)}
.footer{position:fixed;inset-inline:0;bottom:0;padding:.75rem 1rem;text-align:center;font-size:.8rem;color:rgba(13,59,60,.8)}