:root { --bg:#14452F; --fg:#fff; --muted:#cfe6dc; --accent:#00d084; }
* { box-sizing: border-box; }
html,body { height:100%; margin:0; }
body { background:var(--bg); color:var(--fg); font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.hero { min-height:100%; display:grid; place-items:center; text-align:center; padding:4rem 1.5rem; gap:1rem; }
.logo { width:min(220px, 40vw); filter:brightness(0) invert(1); }
h1 { margin:.5rem 0 0; font-size:clamp(1.8rem, 3vw + 1rem, 3rem); }
.tagline { color:var(--muted); margin:0.25rem 0 1rem; }
.cta { display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }
.btn { background:var(--accent); color:#043; padding:.7rem 1rem; border-radius:.6rem; text-decoration:none; font-weight:600; }
.btn:hover { filter:brightness(1.05); }
.link { color:var(--fg); opacity:.85; text-decoration:underline; }
.status { margin-top:.75rem; color:var(--muted); font-size:.9rem; }