:root{--pri:#F59E0B;--sec:#BE123C;--teal:#0F5257;--bg:#FFFBF5}
body{font-family:'Vazirmatn',sans-serif;background:var(--bg);color:#2a1a12}
.display{font-family:'Lalezar','Vazirmatn',sans-serif;letter-spacing:.5px}
.pattern{background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.15) 2px,transparent 2.5px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.12) 2px,transparent 2.5px),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px);background-size:28px 28px,28px 28px,auto}
.hero{background:linear-gradient(120deg,var(--pri),var(--sec))}
.btn{background:var(--sec);color:#fff;border-radius:14px;padding:.6rem 1.1rem;font-weight:700;transition:.2s}
.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn2{background:#fff;border:1.5px solid var(--teal);color:var(--teal);border-radius:14px;padding:.5rem 1rem;font-weight:700}
.inp{width:100%;border:1.5px solid #ecdcc8;border-radius:12px;padding:.55rem .8rem;background:#fff;outline:none}
.inp:focus{border-color:var(--pri)}
.card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 20px -8px rgba(90,40,10,.18);transition:.25s}
.lift:hover{transform:translateY(-5px);box-shadow:0 14px 30px -10px rgba(190,18,60,.3)}
.fade{animation:fade .5s both}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.bounce{animation:bnc .5s}
@keyframes bnc{0%,100%{transform:scale(1)}40%{transform:scale(1.5)}}
.drawer{animation:slide .3s both}
@keyframes slide{from{transform:translateX(-100%)}to{transform:none}}
[dir=ltr] .drawer{animation-name:slideR}
@keyframes slideR{from{transform:translateX(100%)}to{transform:none}}
.zp{background:#FFD100;color:#1b1b1b;font-weight:900;border-radius:14px}
.noscroll::-webkit-scrollbar{display:none}
.sleepy{animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px) rotate(-4deg)}}