/* ============================================================
   آل این وان وب — قالب فرانت جدید (مطابق پیش‌نمایش a9.html)
   نسخهٔ داخلی و محلی (بدون CDN خارجی)
   ============================================================ */

:root{
  /* slate */
  --slate-50:#f8fafc; --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-400:#94a3b8; --slate-500:#64748b; --slate-600:#475569; --slate-700:#334155;
  --slate-800:#1e293b; --slate-900:#0f172a; --slate-950:#020617;
  /* indigo */
  --indigo-50:#eef2ff; --indigo-100:#e0e7ff; --indigo-200:#c7d2fe; --indigo-300:#a5b4fc;
  --indigo-400:#818cf8; --indigo-500:#6366f1; --indigo-600:#4f46e5; --indigo-700:#4338ca;
  --indigo-900:#312e81; --indigo-950:#1e1b4b;
  /* emerald */
  --emerald-50:#ecfdf5; --emerald-100:#d1fae5; --emerald-200:#a7f3d0; --emerald-300:#6ee7b7;
  --emerald-400:#34d399; --emerald-500:#10b981; --emerald-600:#059669; --emerald-700:#047857;
  --emerald-950:#022c22;
  /* rose */
  --rose-50:#fff1f2; --rose-100:#ffe4e6; --rose-200:#fecdd3; --rose-300:#fda4af;
  --rose-400:#fb7185; --rose-500:#f43f5e; --rose-600:#e11d48; --rose-700:#be123c;
  --rose-800:#9f1239; --rose-900:#881337; --rose-950:#4c0519;
  /* amber */
  --amber-50:#fffbeb; --amber-100:#fef3c7; --amber-200:#fde68a; --amber-300:#fcd34d;
  --amber-400:#fbbf24; --amber-500:#f59e0b; --amber-600:#d97706; --amber-700:#b45309;
  --amber-800:#92400e; --amber-900:#78350f; --amber-950:#451a03;
  /* sky / teal / blue / purple / red */
  --sky-50:#f0f9ff; --sky-100:#e0f2fe; --sky-200:#bae6fd; --sky-300:#7dd3fc;
  --sky-400:#38bdf8; --sky-500:#0ea5e9; --sky-600:#0284c7; --sky-700:#0369a1; --sky-950:#082f49;
  --teal-50:#f0fdfa; --teal-100:#ccfbf1; --teal-200:#99f6e4; --teal-300:#5eead4;
  --teal-400:#2dd4bf; --teal-500:#14b8a6; --teal-600:#0d9488; --teal-700:#0f766e; --teal-950:#042f2c;
  --blue-50:#eff6ff; --blue-100:#dbeafe; --blue-200:#bfdbfe; --blue-300:#93c5fd; --blue-400:#60a5fa;
  --blue-500:#3b82f6; --blue-600:#2563eb; --blue-700:#1d4ed8; --blue-950:#172554;
  --purple-50:#faf5ff; --purple-100:#f3e8ff; --purple-200:#e9d5ff; --purple-300:#d8b4fe;
  --purple-400:#c084fc; --purple-500:#a855f7; --purple-600:#9333ea; --purple-700:#7e22ce; --purple-950:#2e1065;
/* کلاس‌های تکمیلی تشخیص‌داده‌شده از صفحات جدید */
.aspect-\[16\/10\]{aspect-ratio:16/10}
.aspect-\[9\/17\]{aspect-ratio:9/17}
.h-9{height:2.25rem}.h-56{height:14rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-full{height:100%}
.w-56{width:14rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-px{width:1px}
.left-0{left:0}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-4{left:1rem}
.top-1{top:.25rem}.top-3{top:.75rem}
.opacity-60{opacity:.6}
.leading-snug{line-height:1.375}
.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-8>*+*{margin-top:2rem}
.mt-1\.5{margin-top:.375rem}.mt-7{margin-top:1.75rem}.mb-0\.5{margin-bottom:.125rem}
.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}
.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-6{padding-bottom:1.5rem}.pt-1\.5{padding-top:.375rem}.p-12{padding:3rem}.px-8{padding-left:2rem;padding-right:2rem}
.rounded-\[2\.2rem\]{border-radius:2.2rem}
.right-\[19px\]{right:19px}
.text-slate-200\/90{color:rgba(226,232,240,.9)}
.text-amber-500{color:var(--amber-500)}.text-emerald-500{color:var(--emerald-500)}
.from-white\/40{--tw-gradient-from:rgba(255,255,255,.4);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-white\/10{--tw-gradient-to:rgba(255,255,255,.1)}
.to-indigo-600{--tw-gradient-to:#4f46e5}.to-teal-600{--tw-gradient-to:#0d9488}
.tracking-\[8px\]{letter-spacing:8px}
.min-h-\[360px\]{min-height:360px}.min-h-\[130px\]{min-height:130px}
.bg-white\/15{background-color:rgba(255,255,255,.15)}
.border-brand-200\/80{border-color:rgba(224,220,255,.8)}.border-white\/15{border-color:rgba(255,255,255,.15)}.border-white\/20{border-color:rgba(255,255,255,.2)}
.group:hover .group-hover\:-translate-x-1{transform:translateX(-4px)}
.hover\:bg-slate-50:hover{background-color:var(--slate-50)}
.hover\:bg-slate-100:hover{background-color:var(--slate-100)}
.hover\:bg-white:hover{background-color:#fff}
.hover\:text-brand-700:hover{color:var(--brand-700)}
.hover\:border-purple-500\/40:hover{border-color:rgba(168,85,247,.4)}
.hover\:from-rose-600:hover{--tw-gradient-from:#e11d48}
.hover\:to-rose-700:hover{--tw-gradient-to:#be123c}
@media(min-width:640px){.sm\:block{display:block}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:text-left{text-align:left}}
@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}}
}
/* لینک و متن */
a{text-decoration:inherit;color:inherit}
.no-underline{text-decoration:none}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line-through{text-decoration:line-through}
.text-justify{text-align:justify}
.break-words{overflow-wrap:break-word}

/* رنگ‌های تکمیلی پرکاربرد */
.bg-purple-500{background-color:var(--purple-500)}
.bg-slate-300{background-color:var(--slate-300)}
.bg-pink-500{background-color:#ec4899}
.hover\:bg-slate-900:hover{background-color:var(--slate-900)}
.hover\:bg-slate-300:hover{background-color:var(--slate-300)}
.hover\:bg-emerald-700:hover{background-color:var(--emerald-700)}
.hover\:bg-rose-500:hover{background-color:var(--rose-500)}
.hover\:bg-purple-600:hover{background-color:var(--purple-600)}
.hover\:from-rose-600:hover{--tw-gradient-from:#e11d48}
.hover\:to-rose-700:hover{--tw-gradient-to:#be123c}
.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}

/* فونت برند */
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* رنگ‌های مکمل (تکمیل :root) */
:root{
  --red-50:#fef2f2; --red-100:#fee2e2; --red-200:#fecaca; --red-300:#fca5a5; --red-400:#f87171;
  --red-500:#ef4444; --red-600:#dc2626; --red-700:#b91c1c; --red-800:#991b1b; --red-900:#7f1d1d;
  /* brand سفارشی + vcard + invitation */
  --brand-50:#f5f3ff; --brand-100:#ede9fe; --brand-200:#e0dcff; --brand-500:#6366f1;
  --brand-600:#4f46e5; --brand-700:#4338ca; --brand-900:#1e1b4b;
  --vcard-emerald:#059669; --vcard-dark:#0f172a; --vcard-accent:#10b981; --vcard-teal:#0d9488;
  --invite-rose:#e11d48; --invite-amber:#d97706; --invite-soft:#fff1f2; --invite-dark:#1c0a0e;
}

/* ---------- پایه و خط ---------- */
html{scroll-behavior:smooth}
body{
  font-family:'Vazirmatn',Tahoma,sans-serif;
  background-color:var(--slate-50); color:var(--slate-800); overflow-x:hidden;
  padding-bottom:5rem; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
@media(min-width:768px){ body{padding-bottom:0} }
.antialiased{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.select-none{ user-select:none;-webkit-user-select:none }
.dir-ltr{direction:ltr}

/* بلب‌های محیط (Ambient Glow Blobs) */
.blob-brand{background:radial-gradient(circle,rgba(99,102,241,.22) 0%,rgba(255,255,255,0) 70%);min-width:1px;min-height:1px}
.blob-emerald{background:radial-gradient(circle,rgba(16,185,129,.22) 0%,rgba(255,255,255,0) 70%);min-width:1px;min-height:1px}
.blob-rose{background:radial-gradient(circle,rgba(225,29,72,.22) 0%,rgba(255,255,255,0) 70%);min-width:1px;min-height:1px}

/* الگوی پس‌زمینه */
.bg-hub-matrix{background-color:#f8fafc;background-image:radial-gradient(rgba(79,70,229,.22) 1.5px,transparent 1.5px);background-size:28px 28px}
.bg-pipeline-grid{background-color:#f1f5f9;background-image:linear-gradient(to right,rgba(99,102,241,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(99,102,241,.08) 1px,transparent 1px);background-size:32px 32px}
.bg-cloud-enterprise{background:radial-gradient(1150px 480px at 75% 0%,rgba(99,102,241,.18),transparent),radial-gradient(950px 420px at 10% 100%,rgba(16,185,129,.12),transparent),linear-gradient(#0f1220,#0f1220)}
.bg-blueprint-tech{background-color:#f8fafc;background-image:linear-gradient(to right,rgba(14,165,233,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,165,233,.12) 1px,transparent 1px);background-size:20px 20px}
/* ویدیوی پس‌زمینه هیرو (صفحه اصلی) — کم‌رنگ شده تا خوانایی متن حفظ شود */
.hero-bg-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;opacity:.2;filter:saturate(.85);
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){ .hero-bg-video{display:none} }

/* پنل شیشه‌ای */
.glass-panel{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8)}

/* تم‌های پوستی کارت/دعوت */
.paper-card{background-color:#fdfbf7;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(215,195,160,.32) 28px);border:2px dashed #d8caa7;position:relative}
.paper-tape{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:rgba(220,205,175,.65);backdrop-filter:blur(2px);border-left:2px dashed rgba(160,140,110,.45);border-right:2px dashed rgba(160,140,110,.45)}
.digital-glow{background:linear-gradient(145deg,#091312,#06231e);border:2px solid #10b981;box-shadow:0 0 35px -5px rgba(16,185,129,.3);position:relative}
.digital-rose{background:linear-gradient(145deg,#18080c,#2b0b14);border:2px solid #f43f5e;box-shadow:0 0 35px -5px rgba(244,63,94,.3);position:relative}

/* کارت قالب‌های سوییچر */
.tpl-card{border:1px solid rgba(71,85,105,.12);border-radius:1.25rem;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.tpl-card.active{border-color:#6366f1;box-shadow:0 10px 25px -5px rgba(99,102,241,.3);transform:translateY(-2px)}
.tpl-card.active-rose{border-color:#e11d48;box-shadow:0 10px 25px -5px rgba(225,29,72,.3);transform:translateY(-2px)}

/* نام‌های پیش‌نمایش (a9) */
.paper-card-theme{background-color:#fdfbf7;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(215,195,160,.32) 28px);border:2px dashed #d8caa7;position:relative}
.digital-glow-theme{background:linear-gradient(145deg,#091312,#06231e);border:2px solid #10b981;box-shadow:0 0 35px -5px rgba(16,185,129,.3);position:relative}
.digital-rose-theme{background:linear-gradient(145deg,#18080c,#2b0b14);border:2px solid #f43f5e;box-shadow:0 0 35px -5px rgba(244,63,94,.3);position:relative}
/* ============================================================
   DISPLAY / LAYOUT
   ============================================================ */
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-start{justify-content:flex-start}
.content-center{align-content:center}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}

/* Grid */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-7{grid-column:span 7 / span 7}
  .lg\:col-span-5{grid-column:span 5 / span 5}
}
.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}
.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-3\.5>*+*{margin-top:.875rem}

/* پوزیشن */
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.sticky{position:sticky}
.inset-0{inset:0}
.top-0{top:0}.top-2{top:.5rem}.top-4{top:1rem}.top-24{top:6rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}
.right-0{right:0}.right-3{right:.75rem}.right-8{right:2rem}.right-10{right:2.5rem}.right-1\/4{right:25%}
.left-1\/2{left:50%}.top-1\/2{top:50%}
.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-z-10{z-index:-10}
.-top-36{top:-9rem}.-top-5{top:-1.25rem}.-bottom-1\.5{bottom:-.375rem}
.-translate-x-1\/2{transform:translateX(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}
.transform{transform:var(--tw-transform,transform)}

/* عرض و ارتفاع */
.w-full{width:100%}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-96{width:24rem}.w-\[500px\]{width:500px}.w-\[850px\]{width:850px}
.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-\[550px\]{height:550px}
.max-w-7xl{max-width:80rem}.max-w-6xl{max-width:72rem}.max-w-4xl{max-width:56rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-sm{max-width:24rem}
.mx-auto{margin-left:auto;margin-right:auto}

/* اسپیسینگ (padding) */
.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}
.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-20{padding-bottom:5rem}
@media(min-width:768px){.md\:pt-20{padding-top:5rem}.md\:pb-32{padding-bottom:8rem}}
@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:p-12{padding:3rem}}
@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}
/* ============================================================
   TYPOGRAPHY
   ============================================================ */
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
@media(min-width:640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}}
.text-[9px]{font-size:9px}.text-[10px]{font-size:10px}.text-[11px]{font-size:11px}
.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}
.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.leading-none{line-height:1}
.leading-\[1\.25\]{line-height:1.25}
.tracking-tight{letter-spacing:-.02em}.tracking-wider{letter-spacing:.05em}
.uppercase{text-transform:uppercase}.whitespace-nowrap{white-space:nowrap}
.text-transparent{color:transparent}.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}
.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}
/* ============================================================
   COLORS: BACKGROUND
   ============================================================ */
.bg-white{background-color:#fff}
.bg-white\/5{background-color:rgba(255,255,255,.05)}
.bg-white\/10{background-color:rgba(255,255,255,.1)}
.bg-white\/20{background-color:rgba(255,255,255,.2)}
.bg-white\/90{background-color:rgba(255,255,255,.9)}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.bg-slate-50{background-color:var(--slate-50)}
.bg-slate-100{background-color:var(--slate-100)}
.bg-slate-100\/90{background-color:rgba(241,245,249,.9)}
.bg-slate-200{background-color:var(--slate-200)}
.bg-slate-800{background-color:var(--slate-800)}
.bg-slate-900{background-color:var(--slate-900)}
.bg-slate-900\/90{background-color:rgba(15,23,42,.9)}
.bg-slate-900\/95{background-color:rgba(15,23,42,.95)}
.bg-slate-950{background-color:var(--slate-950)}
.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}
.bg-emerald-50{background-color:var(--emerald-50)}
.bg-emerald-100{background-color:var(--emerald-100)}
.bg-emerald-100\/80{background-color:rgba(209,250,229,.8)}
.bg-emerald-400{background-color:var(--emerald-400)}
.bg-emerald-500{background-color:var(--emerald-500)}
.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}
.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}
.bg-emerald-600{background-color:var(--emerald-600)}
.bg-rose-50{background-color:var(--rose-50)}
.bg-rose-50\/60{background-color:rgba(255,241,242,.6)}
.bg-rose-100{background-color:var(--rose-100)}
.bg-rose-500{background-color:var(--rose-500)}
.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}
.bg-rose-500\/20{background-color:rgba(244,63,94,.2)}
.bg-rose-600{background-color:var(--rose-600)}
.bg-indigo-50{background-color:var(--indigo-50)}
.bg-indigo-500\/10{background-color:rgba(99,102,241,.1)}
.bg-indigo-500\/20{background-color:rgba(99,102,241,.2)}
.bg-indigo-600{background-color:var(--indigo-600)}
.bg-amber-50{background-color:var(--amber-50)}
.bg-amber-100{background-color:var(--amber-100)}
.bg-amber-400\/10{background-color:rgba(251,191,36,.1)}
.bg-amber-500{background-color:var(--amber-500)}
.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}
.bg-sky-50{background-color:var(--sky-50)}
.bg-sky-100{background-color:var(--sky-100)}
.bg-blue-100{background-color:var(--blue-100)}
.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}
.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}
.bg-red-100{background-color:var(--red-100)}
.bg-teal-500\/20{background-color:rgba(20,184,166,.2)}
.bg-brand-50{background-color:var(--brand-50)}
.bg-rose-500\/30{background-color:rgba(244,63,94,.3)}
.bg-amber-200\/60{background-color:rgba(253,230,138,.6)}
/* ============================================================
   COLORS: TEXT
   ============================================================ */
.text-slate-200{color:var(--slate-200)}
.text-slate-300{color:var(--slate-300)}
.text-slate-400{color:var(--slate-400)}
.text-slate-500{color:var(--slate-500)}
.text-slate-600{color:var(--slate-600)}
.text-slate-700{color:var(--slate-700)}
.text-slate-800{color:var(--slate-800)}
.text-slate-900{color:var(--slate-900)}
.text-slate-950{color:var(--slate-950)}
.text-white{color:#fff}
.text-emerald-300{color:var(--emerald-300)}
.text-emerald-400{color:var(--emerald-400)}
.text-emerald-500\/15{color:rgba(16,185,129,.15)}
.text-emerald-600{color:var(--emerald-600)}
.text-emerald-600\/20{color:rgba(5,150,105,.2)}
.text-emerald-700{color:var(--emerald-700)}
.text-rose-200{color:var(--rose-200)}
.text-rose-300{color:var(--rose-300)}
.text-rose-400{color:var(--rose-400)}
.text-rose-500{color:var(--rose-500)}
.text-rose-500\/15{color:rgba(244,63,94,.15)}
.text-rose-600{color:var(--rose-600)}
.text-rose-600\/20{color:rgba(225,29,72,.2)}
.text-rose-700{color:var(--rose-700)}
.text-rose-800{color:var(--rose-800)}
.text-indigo-200{color:var(--indigo-200)}
.text-indigo-300{color:var(--indigo-300)}
.text-indigo-400{color:var(--indigo-400)}
.text-indigo-600{color:var(--indigo-600)}
.text-indigo-600\/20{color:rgba(79,70,229,.2)}
.text-amber-400{color:var(--amber-400)}
.text-amber-500\/15{color:rgba(245,158,11,.15)}
.text-amber-600{color:var(--amber-600)}
.text-amber-600\/20{color:rgba(217,119,6,.2)}
.text-amber-700{color:var(--amber-700)}
.text-amber-800{color:var(--amber-800)}
.text-amber-800\/80{color:rgba(146,64,14,.8)}
.text-amber-900{color:var(--amber-900)}
.text-amber-900\/70{color:rgba(120,53,15,.7)}
.text-sky-600{color:var(--sky-600)}
.text-sky-700{color:var(--sky-700)}
.text-blue-400{color:var(--blue-400)}
.text-blue-600{color:var(--blue-600)}
.text-teal-400{color:var(--teal-400)}
.text-red-500{color:var(--red-500)}
.text-red-700{color:var(--red-700)}
.text-purple-200{color:var(--purple-200)}
.text-purple-400{color:var(--purple-400)}
.text-brand-500\/15{color:rgba(99,102,241,.15)}
.text-brand-600{color:var(--brand-600)}
.text-brand-700{color:var(--brand-700)}
.text-slate-100{color:var(--slate-100)}
/* ============================================================
   BORDER
   ============================================================ */
.border{border:1px solid #e2e8f0}
.border-2{border-width:2px}
.border-4{border-width:4px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-dashed{border-style:dashed}
.border-white{border-color:#fff}
.border-white\/5{border-color:rgba(255,255,255,.05)}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.border-white\/40{border-color:rgba(255,255,255,.4)}
.border-white\/80{border-color:rgba(255,255,255,.8)}
.border-slate-100{border-color:var(--slate-100)}
.border-slate-200{border-color:var(--slate-200)}
.border-slate-200\/50{border-color:rgba(226,232,240,.5)}
.border-slate-200\/60{border-color:rgba(226,232,240,.6)}
.border-slate-200\/80{border-color:rgba(226,232,240,.8)}
.border-slate-200\/90{border-color:rgba(226,232,240,.9)}
.border-slate-700{border-color:var(--slate-700)}
.border-slate-800{border-color:var(--slate-800)}
.border-slate-900{border-color:var(--slate-900)}
.border-slate-950{border-color:var(--slate-950)}
.border-emerald-100{border-color:var(--emerald-100)}
.border-emerald-200{border-color:var(--emerald-200)}
.border-emerald-500{border-color:var(--emerald-500)}
.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}
.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}
.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}
.border-emerald-500\/50{border-color:rgba(16,185,129,.5)}
.border-rose-100{border-color:var(--rose-100)}
.border-rose-100\/80{border-color:rgba(255,228,230,.8)}
.border-rose-200{border-color:var(--rose-200)}
.border-rose-500\/20{border-color:rgba(244,63,94,.2)}
.border-rose-500\/30{border-color:rgba(244,63,94,.3)}
.border-rose-500\/40{border-color:rgba(244,63,94,.4)}
.border-rose-500\/50{border-color:rgba(244,63,94,.5)}
.border-indigo-200{border-color:var(--indigo-200)}
.border-indigo-500{border-color:var(--indigo-500)}
.border-indigo-500\/30{border-color:rgba(99,102,241,.3)}
.border-amber-100{border-color:var(--amber-100)}
.border-amber-200{border-color:var(--amber-200)}
.border-amber-200\/50{border-color:rgba(253,230,138,.5)}
.border-amber-200\/60{border-color:rgba(253,230,138,.6)}
.border-amber-200\/80{border-color:rgba(253,230,138,.8)}
.border-amber-300{border-color:var(--amber-300)}
.border-amber-400\/20{border-color:rgba(251,191,36,.2)}
.border-sky-100{border-color:var(--sky-100)}
.border-sky-200{border-color:var(--sky-200)}
.border-sky-300{border-color:var(--sky-300)}
.border-red-200{border-color:var(--red-200)}
.border-brand-100{border-color:var(--brand-100)}
.border-brand-200{border-color:var(--brand-200)}
.border-brand-200\/80{border-color:rgba(224,220,255,.8)}
.border-purple-500\/30{border-color:rgba(168,85,247,.3)}

/* ============================================================
   RADIUS
   ============================================================ */
.rounded{border-radius:.25rem}
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.rounded-\[2\.4rem\]{border-radius:2.4rem}
.rounded-\[2\.5rem\]{border-radius:2.5rem}
.rounded-\[3rem\]{border-radius:3rem}
.rounded-b-\[2rem\]{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}

/* ============================================================
   SHADOW
   ============================================================ */
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}
.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.shadow-device{box-shadow:0 25px 60px -15px rgba(0,0,0,.3)}
.shadow-paper{box-shadow:0 10px 25px -5px rgba(180,140,75,.15),0 8px 10px -6px rgba(0,0,0,.05)}
.shadow-nav-center{box-shadow:0 -8px 25px -5px rgba(99,102,241,.35)}
.shadow-emerald-500\/25{box-shadow:0 10px 15px -3px rgba(16,185,129,.25)}
.shadow-emerald-500\/20{box-shadow:0 10px 15px -3px rgba(16,185,129,.2)}
.shadow-rose-600\/30{box-shadow:0 10px 15px -3px rgba(225,29,72,.3)}
.shadow-rose-500\/20{box-shadow:0 10px 15px -3px rgba(244,63,94,.2)}
.shadow-slate-900\/20{box-shadow:0 20px 25px -5px rgba(15,23,42,.2)}
.shadow-brand-500\/30{box-shadow:0 10px 15px -3px rgba(99,102,241,.3)}
.shadow-slate-200\/50{box-shadow:0 10px 15px -3px rgba(226,232,240,.5)}
/* ============================================================
   GRADIENTS
   ============================================================ */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-brand-600{--tw-gradient-from:#4f46e5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(79,70,229,0))}
.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(52,211,153,0))}
.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(16,185,129,0))}
.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(99,102,241,0))}
.from-purple-700{--tw-gradient-from:#7e22ce;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(126,34,206,0))}
.from-rose-400{--tw-gradient-from:#fb7185;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,113,133,0))}
.from-rose-500{--tw-gradient-from:#f43f5e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,63,94,0))}
.from-rose-950{--tw-gradient-from:#4c0519;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(76,5,25,0))}
.from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(15,23,42,0))}
.from-slate-950{--tw-gradient-from:#020617;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(2,6,23,0))}
.from-slate-950\/80{--tw-gradient-from:rgba(2,6,23,.8);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(2,6,23,0))}
.via-amber-200{--tw-gradient-stops:var(--tw-gradient-from),#fde68a,var(--tw-gradient-to,rgba(253,230,138,0))}
.via-amber-400{--tw-gradient-stops:var(--tw-gradient-from),#fbbf24,var(--tw-gradient-to,rgba(251,191,36,0))}
.via-indigo-500{--tw-gradient-stops:var(--tw-gradient-from),#6366f1,var(--tw-gradient-to,rgba(99,102,241,0))}
.via-indigo-600{--tw-gradient-stops:var(--tw-gradient-from),#4f46e5,var(--tw-gradient-to,rgba(79,70,229,0))}
.via-slate-900{--tw-gradient-stops:var(--tw-gradient-from),#0f172a,var(--tw-gradient-to,rgba(15,23,42,0))}
.via-slate-950\/20{--tw-gradient-stops:var(--tw-gradient-from),rgba(2,6,23,.2),var(--tw-gradient-to,rgba(2,6,23,0))}
.via-teal-200{--tw-gradient-stops:var(--tw-gradient-from),#99f6e4,var(--tw-gradient-to,rgba(153,246,228,0))}
.via-teal-400{--tw-gradient-stops:var(--tw-gradient-from),#2dd4bf,var(--tw-gradient-to,rgba(45,212,191,0))}
.to-amber-950{--tw-gradient-to:#451a03}
.to-emerald-500{--tw-gradient-to:#10b981}
.to-emerald-600{--tw-gradient-to:#059669}
.to-indigo-300{--tw-gradient-to:#a5b4fc}
.to-indigo-400{--tw-gradient-to:#818cf8}
.to-indigo-700{--tw-gradient-to:#4338ca}
.to-indigo-950{--tw-gradient-to:#1e1b4b}
.to-purple-600{--tw-gradient-to:#9333ea}
.to-rose-200{--tw-gradient-to:#fecdd3}
.to-rose-400{--tw-gradient-to:#fb7185}
.to-rose-600{--tw-gradient-to:#e11d48}
.to-rose-950{--tw-gradient-to:#4c0519}
.to-slate-950{--tw-gradient-to:#020617}
.to-transparent{--tw-gradient-to:transparent}
.to-slate-900{--tw-gradient-to:#0f172a}
/* ============================================================
   EFFECTS & OVERLAYS
   ============================================================ */
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.blur-3xl{filter:blur(64px)}
.opacity-25{opacity:.25}
.opacity-30{opacity:.3}
.opacity-35{opacity:.35}
.opacity-75{opacity:.75}
.opacity-80{opacity:.8}
.opacity-90{opacity:.9}
.overflow-hidden{overflow:hidden}
.pointer-events-none{pointer-events:none}

/* ============================================================
   TRANSITION / ANIMATION
   ============================================================ */
.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}
.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
@keyframes twPing{75%,100%{transform:scale(2);opacity:0}}
.animate-ping{animation:twPing 1s cubic-bezier(0,0,.2,1) infinite}
@keyframes twPulse{0%,100%{opacity:1}50%{opacity:.5}}
.animate-pulse{animation:twPulse 2s cubic-bezier(.4,0,.6,1) infinite}

/* ساوندبار دعوت */
.sound-bar{animation:soundBar 1s ease-in-out infinite}
.sound-bar:nth-child(2){animation-delay:.15s}
.sound-bar:nth-child(3){animation-delay:.3s}
.sound-bar:nth-child(4){animation-delay:.45s}
@keyframes soundBar{0%,100%{height:4px}50%{height:16px}}

/* گروه‌ها */
.group{position:relative}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
.group:hover .group-hover\:-rotate-3{transform:rotate(-3deg)}
.group:hover .group-hover\:rotate-3{transform:rotate(3deg)}
.group:hover .group-hover\:-translate-x-1\.5{transform:translateX(-6px)}
.group:hover .group-hover\:text-emerald-600{color:var(--emerald-600)}
.group:hover .group-hover\:text-rose-600{color:var(--rose-600)}

/* hover ها */
.hover\:bg-slate-800:hover{background-color:var(--slate-800)}
.hover\:bg-emerald-400:hover{background-color:var(--emerald-400)}
.hover\:bg-rose-500:hover{background-color:var(--rose-500)}
.hover\:bg-white\/15:hover{background-color:rgba(255,255,255,.15)}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:bg-indigo-50:hover{background-color:var(--indigo-50)}
.hover\:bg-indigo-600:hover{background-color:var(--indigo-600)}
.hover\:bg-indigo-700:hover{background-color:var(--indigo-700)}
.hover\:border-indigo-400:hover{border-color:var(--indigo-400)}
.hover\:border-emerald-500\/40:hover{border-color:rgba(16,185,129,.4)}
.hover\:border-indigo-500\/40:hover{border-color:rgba(99,102,241,.4)}
.hover\:border-sky-500:hover{border-color:var(--sky-500)}
.hover\:text-white:hover{color:#fff}
.hover\:text-emerald-600:hover{color:var(--emerald-600)}
.hover\:-translate-y-1:hover{transform:translateY(-4px)}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.hover\:text-slate-900:hover{color:var(--slate-900)}
.hover\:text-emerald-400:hover{color:var(--emerald-400)}
.hover\:text-rose-400:hover{color:var(--rose-400)}
.active\:scale-95:active{transform:scale(.95)}
.cursor-pointer{cursor:pointer}
.ring-4{box-shadow:0 0 0 4px rgba(99,102,241,.5)}
/* ============================================================
   EXTRA UTILITIES (سفارشی و موارد دلخواه)
   ============================================================ */
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
.max-w-\[340px\]{max-width:340px}
.w-8{width:2rem}.h-8{height:2rem}
.w-16{width:4rem}.h-16{height:4rem}
.w-28{width:7rem}.w-32{width:8rem}
.aspect-\[16\/9\]{aspect-ratio:16/9}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.sm\:inline{display:inline}
.sm\:inline-flex{display:inline-flex}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-left{text-align:left}.md\:items-center{align-items:center}.md\:flex-row{flex-direction:row}}
@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}
.items-stretch{align-items:stretch}
.self-center{align-self:center}
.self-end{align-self:flex-end}
.hover\:bg-slate-900:hover{background-color:var(--slate-900)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:scale-110:hover{transform:scale(1.1)}
.rotate-180{transform:rotate(180deg)}

/* رنگ‌های تکمیلی برای سوییچر قالب‌ها */
.text-cyan-600{color:#0891b2}
.text-pink-600{color:#db2777}
.text-pink-500{color:#ec4899}
.bg-teal-700{background-color:var(--teal-700)}
.bg-cyan-600{background-color:#0891b2}
.bg-pink-500{background-color:#ec4899}
.bg-pink-600{background-color:#db2777}
.border-cyan-600{border-color:#0891b2}
.from-teal-700{--tw-gradient-from:#0f766e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(15,118,110,0))}
.from-rose-600{--tw-gradient-from:#e11d48;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(225,29,72,0))}
.via-cyan-600{--tw-gradient-stops:var(--tw-gradient-from),#0891b2,var(--tw-gradient-to,rgba(8,145,178,0))}
.via-pink-600{--tw-gradient-stops:var(--tw-gradient-from),#db2777,var(--tw-gradient-to,rgba(219,39,119,0))}
.to-teal-800{--tw-gradient-to:#115e59}
.to-rose-700{--tw-gradient-to:#be123c}
.to-pink-600{--tw-gradient-to:#db2777}
.text-teal-600{color:var(--teal-600)}
.text-teal-700{color:var(--teal-700)}
.bg-teal-500\/10{background-color:rgba(20,184,166,.1)}
.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(245,158,11,0))}
.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,191,36,0))}
.via-orange-500{--tw-gradient-stops:var(--tw-gradient-from),#f97316,var(--tw-gradient-to,rgba(249,115,22,0))}
.to-amber-600{--tw-gradient-to:#d97706}
.text-orange-500{color:#f97316}
.text-orange-600{color:#ea580c}
.bg-orange-500\/10{background-color:rgba(249,115,22,.1)}
.border-orange-500\/30{border-color:rgba(249,115,22,.3)}

/* کارت‌های معرفی دو سرویس اصلی (صفحه اصلی — مطابق دموی a9) */
.object-cover{object-fit:cover}
.left-3{left:.75rem}
.hover\:border-emerald-500\/50:hover{border-color:rgba(16,185,129,.5)}
.hover\:border-rose-500\/50:hover{border-color:rgba(244,63,94,.5)}
.hover\:shadow-glow-emerald:hover{box-shadow:0 0 50px -10px rgba(16,185,129,.3)}
.hover\:shadow-glow-rose:hover{box-shadow:0 0 50px -10px rgba(225,29,72,.25)}

/* لینک‌ها */
a{color:inherit}
button{font-family:inherit}
[type=button]{-webkit-appearance:none}
strong{font-weight:700}