:root{--bg:#031915;--text:#eaf6f0;--muted:#a4bdae;--mint:#79e5c1;--cream:#fff4de}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
main{min-height:100%;max-width:640px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.logo{width:110px;height:auto;margin-bottom:24px}
.brand{color:var(--mint);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
h1{color:var(--cream);font-size:clamp(32px,7vw,52px);line-height:1.1;font-weight:800;margin-bottom:16px}
.sub{color:var(--muted);font-size:18px;margin-bottom:28px}
.mail{color:var(--mint);font-weight:600;text-decoration:none;border-bottom:1px solid #79e5c155;padding-bottom:2px;overflow-wrap:anywhere}
.mail:hover{border-bottom-color:var(--mint)}
.mail:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:2px}