:root{--bg:#0B4F3C;--bg2:#083D2E;--ink:#FFF8EC;--muted:#C9DFD4;--mango:#F2B233;color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(900px 500px at 80% 0%,#0E5A45,transparent 60%),var(--bg);color:var(--ink);font-family:'Nunito Sans','Segoe UI',system-ui,sans-serif;display:grid;place-items:center;padding:32px max(20px,env(safe-area-inset-right,0px)) 32px max(20px,env(safe-area-inset-left,0px))}
main{max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
img{width:112px;height:112px;border-radius:28px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.tag{font-weight:800;font-size:.95rem;color:var(--mango)}
h1{font-family:'Fredoka','Trebuchet MS',sans-serif;font-weight:700;font-size:clamp(2.4rem,8vw,3.4rem);line-height:1.05;margin:0;letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--mango)}
p{margin:0;color:var(--muted);font-size:1.12rem;line-height:1.6}
.soon{display:inline-block;padding:10px 20px;border-radius:999px;background:var(--mango);color:#2A1F05;font-weight:800}
.mail{font-weight:800;color:var(--ink);user-select:all}
footer{margin-top:18px;display:flex;gap:18px;font-size:.92rem}
footer a{color:var(--muted)}
footer a:hover{color:var(--ink)}
a:focus-visible{outline:3px solid var(--mango);outline-offset:3px}