:root{--w:#FBF8F4;--b:#EFE6DA;--n:#E3CFC0;--g:#C9A96E;--g2:#E6CF9E;--c:#3B2F2A}
*{font-family:Vazirmatn,sans-serif}
html{scroll-behavior:smooth}
body{background:var(--w);color:var(--c);background-image:radial-gradient(circle at 90% 0%,#f3e9db 0,transparent 40%),radial-gradient(circle at 0% 60%,#f5ece2 0,transparent 35%)}
.gold{background:linear-gradient(110deg,#C9A96E,#E6CF9E 45%,#C9A96E 60%,#b8955a);background-size:250% 100%;animation:shim 5s linear infinite;color:#fff}
@keyframes shim{to{background-position:-250% 0}}
.goldtext{background:linear-gradient(90deg,#b08d52,#d9bd84,#b08d52);-webkit-background-clip:text;color:transparent}
.reveal{opacity:0;transform:translateY(28px);transition:all .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.page{animation:pg .6s ease}
@keyframes pg{from{opacity:0;transform:translateY(10px)}}
.skel{background:linear-gradient(90deg,#efe6da,#f8f2ea,#efe6da);background-size:200% 100%;animation:sk 1.4s infinite}
@keyframes sk{to{background-position:-200% 0}}
.zoom img{transition:transform 1.2s ease}.zoom:hover img{transform:scale(1.07)}
.ttl{letter-spacing:.02em;font-weight:200}
.orn{display:flex;align-items:center;gap:12px;justify-content:center;color:var(--g);font-size:13px;letter-spacing:.3em}
.orn:before,.orn:after{content:"";width:48px;height:1px;background:var(--g)}
.conf{position:fixed;top:-20px;width:8px;height:14px;z-index:90;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.3}}
.wa{box-shadow:0 0 0 6px rgba(201,169,110,.25);animation:pulse 2.5s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(201,169,110,.08)}}
.mlink{opacity:0;animation:pg .5s forwards}
input,textarea,select{outline:none}
.fld{width:100%;background:#fff;border:1px solid #e8dccd;border-radius:14px;padding:12px 14px;transition:border .3s}
.fld:focus{border-color:var(--g)}