:root{--bg:#f3f6f3;--surface:#fff;--accent:#7fa98c;--accent-deep:#3f5d4a;--text:#2c3530;--muted:#8aa593;--radius:14px;--shadow:0 4px 14px #3f5d4a1a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}a{color:var(--accent-deep)}.container{max-width:720px;margin:0 auto;padding:16px}.btn{background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;padding:10px 18px;font-weight:600}.btn:hover{background:var(--accent-deep)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.muted{color:var(--muted)}