:root{--g:#0F3D2E;--g2:#174f3c;--gold:#C9A227;--cream:#FAF7EF}
*{font-family:'Vazirmatn',sans-serif}
body{margin:0;background:var(--cream);background-image:radial-gradient(circle at 10% 0%,rgba(201,162,39,.12),transparent 40%),radial-gradient(circle at 90% 100%,rgba(15,61,46,.10),transparent 45%);min-height:100vh;color:#13261f}
.card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 18px rgba(15,61,46,.08);border:1px solid rgba(15,61,46,.06)}
.btn{background:var(--g);color:#fff;border-radius:.9rem;padding:.6rem 1rem;font-weight:700;transition:.2s}
.btn:hover{background:var(--g2)}
.btn-gold{background:var(--gold);color:#13261f}
.btn-gold:hover{background:#b48f1f}
.chip{border:1.5px solid rgba(15,61,46,.2);border-radius:999px;padding:.4rem .85rem;font-size:.85rem;cursor:pointer;transition:.15s;background:#fff}
.chip.on{background:var(--g);color:#fff;border-color:var(--g)}
.inp{border:1.5px solid rgba(15,61,46,.18);border-radius:.8rem;padding:.55rem .8rem;width:100%;background:#fff}
.inp:focus{outline:2px solid var(--gold)}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1}}
.pulse{animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.5}}
.big *{font-size:1.04em}
@media print{nav,header,footer,.noprint{display:none!important}}