body{margin:0;background:#f7f0e6;font-family:system-ui;color:#5b4527}
.hero{height:100vh;display:grid;place-items:center;background:linear-gradient(#f7f0e6,#efe3cd)}
.card{background:#fffdf8;padding:40px;border:1px solid #c7a86a;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.12);text-align:center}
h1 span{color:#b6904f}
button{padding:12px 24px;border:none;background:#8c6a34;color:#fff;border-radius:30px;cursor:pointer}
.hidden{display:none}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px;margin:30px auto}
.grid div{background:#fff;padding:20px;border-radius:12px;border:1px solid #d7c39b}
#count{text-align:center;font-size:2rem;margin:30px}