:root{--g:#2f6b3a;--g2:#1f4a28;--cream:#f6eed9;--wheat:#e8d39a;--red:#c0392b}
body{font-family:Vazirmatn,sans-serif;background:var(--cream);background-image:radial-gradient(circle at 10% 0%,#fff8e6 0,transparent 40%),repeating-linear-gradient(45deg,rgba(47,107,58,.03) 0 12px,transparent 12px 24px);color:#2b2b20;min-height:100vh}
.card{background:#fffdf6;border-radius:20px;box-shadow:0 4px 18px rgba(60,50,20,.08);border:1px solid #efe3c2}
.btn{background:var(--g);color:#fff;border-radius:14px;padding:.6rem 1rem;font-weight:700;transition:.15s}
.btn:active{transform:scale(.96)}
.btn2{background:#efe3c2;color:var(--g2);border-radius:14px;padding:.6rem 1rem;font-weight:700}
.inp{width:100%;border:1.5px solid #e3d5ae;border-radius:12px;padding:.55rem .8rem;background:#fff;outline:none}
.inp:focus{border-color:var(--g)}
.fade{animation:fade .4s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.cow{display:inline-block;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4px) rotate(-6deg)}}
.chip{padding:.3rem .8rem;border-radius:999px;font-size:.85rem;white-space:nowrap;border:1.5px solid #e3d5ae;background:#fff}
.chip.on{background:var(--g);color:#fff;border-color:var(--g)}