:root{--leaf:#2f7d4f;--leaf-light:#5fb37a;--trunk:#7a5230;--sky:#eef8f1;--ink:#1f2a24;--soft:#4a5a50;--radius:1.25rem;color:var(--ink);background:var(--sky);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;padding:1.5rem;display:grid}main{text-align:center;max-width:34rem}h1{color:var(--leaf);margin:1rem 0 .5rem;font-size:clamp(1.9rem,6vw,2.75rem);line-height:1.2}p{color:var(--soft);margin:.5rem 0;font-size:1.2rem}.tree{width:min(16rem,70vw);height:auto}.badge{border-radius:var(--radius);color:var(--leaf);background:#fff;margin-top:1.25rem;padding:.5rem 1.1rem;font-weight:600;display:inline-block}a{color:var(--leaf);font-weight:600}a.button{border-radius:var(--radius);background:var(--leaf);color:#fff;min-height:48px;padding:.75rem 1.5rem;text-decoration:none;display:inline-block}a:focus-visible{outline:3px solid var(--trunk);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.tree .leaves{transform-origin:50% 90%;animation:6s ease-in-out infinite sway}}@keyframes sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}