:root {
  --bg: #0A3A2A;
  --ink: #C8A46B;
  --ink-dim: #e2d6bf;
  --ring: rgba(200,164,107,.25);
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;-webkit-font-smoothing:antialiased;}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:48px 16px;}
.card{width:min(720px,100%);text-align:center;background:rgba(255,255,255,.03);border:1px solid var(--ring);border-radius:24px;padding:48px 28px;box-shadow:0 10px 30px rgba(0,0,0,.25);}
.logo{width:min(220px,60vw);height:auto;display:block;margin:0 auto 20px;}
h1{font-family:ui-serif, Georgia, 'Times New Roman', serif;font-weight:800;letter-spacing:.4px;font-size:clamp(32px,6vw,52px);margin:0 0 8px;}
.tagline{color:var(--ink-dim);margin:0 0 24px;}
.email{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:12px 18px;text-decoration:none;color:var(--ink);font-weight:700;}
.email:hover{background:var(--ink);color:var(--bg);}
footer{margin-top:28px;text-align:center;color:var(--ink-dim);font-size:.95rem;}
@media (prefers-reduced-motion:no-preference){.card{animation:fade .45s ease-out both}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}