:root{--teal:#0f766e;--teal-d:#134e4a;--cream:#fbf7ee;--saffron:#e8a33d;--moss:#4d7c0f;--ink:#1c2a28}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--cream);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,rgba(15,118,110,.10),transparent 40%),radial-gradient(circle at 100% 30%,rgba(232,163,61,.12),transparent 40%);
min-height:100vh}
.mountains{background:linear-gradient(160deg,var(--teal-d),var(--teal));position:relative;overflow:hidden}
.mountains:after{content:"";position:absolute;inset:auto 0 0 0;height:40px;
background:linear-gradient(135deg,transparent 33%,rgba(255,255,255,.08) 33% 66%,transparent 66%) 0 0/60px 40px}
.card{background:#fff;border-radius:18px;border:1px solid #e7e0cf;box-shadow:0 2px 10px rgba(19,78,74,.06)}
.chip{border:1.5px solid #d8cfba;border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer;transition:.15s;background:#fff}
.chip:hover{border-color:var(--teal)}
.chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.chip.no{background:#fee2e2;border-color:#ef4444;color:#991b1b;text-decoration:line-through}
.btn{background:var(--teal);color:#fff;border-radius:12px;padding:10px 18px;font-weight:700;transition:.15s}
.btn:hover{background:var(--teal-d)}
.btn2{background:#fff;border:1.5px solid var(--teal);color:var(--teal);border-radius:12px;padding:8px 14px;font-weight:700}
.fade{animation:fade .4s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wiggle{display:inline-block;animation:wig .5s infinite alternate}
@keyframes wig{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
input,select,textarea{border:1.5px solid #e0d8c4;border-radius:10px;padding:7px 10px;background:#fffdf8;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal)}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none;break-inside:avoid}}