/* ==========================================================================
   ونکوسرور — سیستم طراحی
   نسخه ۲ — ظاهر آرام‌تر، تایپوگرافی محکم‌تر و تزئینات کمتر.
   ========================================================================== */

:root {
  --ink-950: #05070f;
  --ink-900: #080b1a;
  --ink-850: #0b1024;
  --line: rgba(148, 163, 184, .12);
  --line-soft: rgba(148, 163, 184, .07);
  --brand: #8b5cf6;
  --brand-2: #22d3ee;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: 'Vazirmatn', system-ui, sans-serif;
  background-color: var(--ink-950);
  /* اعداد فارسی با فاصله‌ی یکسان، تا قیمت‌ها هنگام تغییر نلرزند */
  font-variant-numeric: tabular-nums;
}

/* نوار برند بالای صفحه — امضای بصری سایت */
body::before {
  content: '';
  position: fixed;
  inset: 0 0 auto 0;
  height: 2px;
  z-index: 60;
  background: linear-gradient(90deg, #7c3aed, #4f46e5 35%, #06b6d4 70%, transparent);
  opacity: .85;
  pointer-events: none;
}

/* ==========================================================================
   تعامل و دسترس‌پذیری
   ========================================================================== */

/**
 * Tailwind به‌صورت پیش‌فرض روی <button> مکان‌نمای دست نمی‌گذارد.
 * بدون این قانون، دکمه‌ها «قابل کلیک» به نظر نمی‌رسند.
 */
button:not(:disabled),
[role='button'],
summary,
label.check-card,
label.radio-card,
.tab-btn,
[data-filter],
[data-tab] {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: .6;
}

/* حلقه‌ی فوکوس برای پیمایش با کیبورد — پیش‌تر اصلاً وجود نداشت */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #a78bfa;
  outline-offset: 3px;
  border-radius: .5rem;
}

/* کاربران ماوس نباید حلقه ببینند */
:focus:not(:focus-visible) {
  outline: none;
}

/* حداقل اندازه‌ی هدف لمسی روی موبایل */
@media (pointer: coarse) {
  button,
  [role='button'],
  .tab-btn {
    min-height: 44px;
  }
}

/* ---------- اسکرول‌بار ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ink-950); }
::-webkit-scrollbar-thumb {
  background: #1e2650;
  border-radius: 999px;
  border: 3px solid var(--ink-950);
}
::-webkit-scrollbar-thumb:hover { background: #2f3a6e; }
::selection { background: rgba(139, 92, 246, .3); color: #fff; }

/* ==========================================================================
   پس‌زمینه‌ها
   ========================================================================== */

/* شبکه‌ی ریزتر و کم‌رنگ‌تر از نسخه‌ی قبل */
.grid-bg {
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, .05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, .05) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 75% 55% at 50% 0%, #000 30%, transparent 100%);
  mask-image: radial-gradient(ellipse 75% 55% at 50% 0%, #000 30%, transparent 100%);
}

.grid-bg-flat {
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, .05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, .05) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* خطوط راهنمای عمودی — بافت ظریف پشت بخش‌های اصلی */
.guides {
  background-image: repeating-linear-gradient(
    to right,
    rgba(148, 163, 184, .055) 0 1px,
    transparent 1px 25%
  );
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

/* درخشش نرم‌تر و کم‌جان‌تر */
.glow-spot { filter: blur(110px); opacity: .55; }

/* ==========================================================================
   تایپوگرافی
   ========================================================================== */

h1, h2, h3 { letter-spacing: -.01em; }

/* متن گرادیانتی — فقط برای تیتر اصلی صفحات */
.text-gradient {
  background: linear-gradient(100deg, #a78bfa 0%, #818cf8 45%, #22d3ee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/**
 * واژه‌ی تأکیدی داخل تیترها — به‌جای گرادیانت در همه‌جا.
 * از underline خود مرورگر استفاده می‌کنیم تا فاصله‌اش از خط کرسی درست
 * محاسبه شود؛ نسخه‌های قبلی (شبه‌عنصر مطلق و سپس پس‌زمینه) وقتی عبارت
 * به سطر بعد می‌شکست، خط را بیرون از کادر متن می‌کشیدند و دیده نمی‌شد.
 */
.accent {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(139, 92, 246, .85);
  text-decoration-thickness: .085em;
  text-underline-offset: .2em;
  text-decoration-skip-ink: none;
}

/* برچسب کوچک بالای تیتر بخش — جایگزین «قرص»های تکراری */
.kicker {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-size: .6875rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.kicker::before {
  content: '';
  width: 1.75rem;
  height: 1px;
  background: currentColor;
  opacity: .5;
}

/* خط جداکننده‌ی محو */
.rule {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--line), transparent);
}

/* ==========================================================================
   کارت‌ها
   ========================================================================== */

/* پنل پایه — مسطح، با حاشیه‌ی نازک */
.panel {
  background: rgba(11, 16, 36, .55);
  border: 1px solid var(--line);
  border-radius: 1.25rem;
}

/* حاشیه‌ی گرادیانتی — ملایم‌تر از نسخه‌ی قبل */
.border-gradient { position: relative; }
.border-gradient::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(150deg, rgba(139, 92, 246, .45), rgba(34, 211, 238, .18), rgba(255, 255, 255, .03));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: opacity .4s ease;
  opacity: .35;
}
.border-gradient:hover::before { opacity: .8; }

/**
 * رفتار هاور یکسان برای کارت‌ها:
 * به‌جای پریدن کارت، حاشیه روشن می‌شود و یک نوار رنگی از کنار بالا می‌آید.
 */
.card-hover {
  position: relative;
  overflow: hidden;
  transition: border-color .35s ease, background-color .35s ease, transform .35s ease;
}
.card-hover::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--brand), var(--brand-2), transparent);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}
.card-hover:hover {
  border-color: rgba(139, 92, 246, .35);
  transform: translateY(-3px);
}
.card-hover:hover::after { transform: scaleX(1); }

/* کارت پلن برجسته */
.plan-featured {
  border-color: rgba(139, 92, 246, .4);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(124, 58, 237, .22), transparent 62%),
    rgba(11, 16, 36, .8);
}

/* ==========================================================================
   دکمه‌ها
   ========================================================================== */

.btn-shine {
  background-size: 220% auto;
  background-image: linear-gradient(100deg, #7c3aed 0%, #5b4bd6 32%, #0891b2 62%, #7c3aed 100%);
  box-shadow: 0 8px 24px -12px rgba(124, 58, 237, .8);
}
.btn-shine:hover { box-shadow: 0 12px 30px -12px rgba(124, 58, 237, .95); }

/* ==========================================================================
   انیمیشن ظاهر شدن
   ========================================================================== */

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}

/* پس از نمایش، لایه‌ی گرافیکی آزاد می‌شود تا حافظه‌ی GPU اشغال نماند */
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}

/* ==========================================================================
   نوار متحرک تکنولوژی‌ها
   ========================================================================== */

.marquee-mask {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
}
.marquee-track { display: flex; width: max-content; }
.marquee-track:hover { animation-play-state: paused; }

/* ==========================================================================
   آکاردئون و منوها
   ========================================================================== */

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(180deg); }

.dropdown-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
}
.dropdown.is-open .dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown.is-open .dropdown-caret { transform: rotate(180deg); }

.nav-link {
  position: relative;
}
.nav-link.is-active {
  color: #fff;
  background-color: rgba(139, 92, 246, .12);
}
.nav-link.is-active::after {
  content: '';
  position: absolute;
  right: 1rem;
  left: 1rem;
  bottom: .25rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
}
.mobile-link.is-active {
  color: #fff;
  background-color: rgba(139, 92, 246, .14);
}

/* ==========================================================================
   جدول‌ها
   ========================================================================== */

.compare-table { border-collapse: separate; border-spacing: 0; width: 100%; }
.compare-table th,
.compare-table td {
  padding: .95rem 1.15rem;
  text-align: right;
  border-bottom: 1px solid var(--line-soft);
  white-space: nowrap;
}
.compare-table thead th {
  position: sticky;
  top: 0;
  background: var(--ink-850);
  z-index: 1;
  font-weight: 800;
  color: #fff;
  font-size: .75rem;
  letter-spacing: .02em;
}
.compare-table tbody tr { transition: background-color .25s ease; }
.compare-table tbody tr:hover { background-color: rgba(255, 255, 255, .025); }
.compare-table tbody tr:last-child td { border-bottom: 0; }

/* ==========================================================================
   تب‌ها
   ========================================================================== */

.tab-btn { transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.tab-btn.is-active {
  background-image: linear-gradient(100deg, #7c3aed, #4f46e5, #0891b2);
  background-size: 200% auto;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 8px 22px -14px rgba(139, 92, 246, .9);
}
.tab-panel[hidden] { display: none; }

/* ==========================================================================
   اعلان (Toast)
   ========================================================================== */

#toastHost {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  max-width: min(92vw, 24rem);
}
.toast {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: .9rem 1.1rem;
  border-radius: 1rem;
  border: 1px solid var(--line);
  background: rgba(11, 16, 36, .96);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .9);
  color: #e2e8f0;
  font-size: .8125rem;
  line-height: 1.9;
  transform: translateY(14px);
  opacity: 0;
  transition: opacity .3s ease, transform .3s ease;
}
.toast.is-visible { opacity: 1; transform: translateY(0); }
.toast-success { border-color: rgba(16, 185, 129, .3); }
.toast-error { border-color: rgba(244, 63, 94, .3); }
.toast-info { border-color: rgba(139, 92, 246, .3); }

/* ==========================================================================
   خط زمانی
   ========================================================================== */

.timeline { position: relative; }
.timeline::before {
  content: '';
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  right: 1.25rem;
  width: 1px;
  background: linear-gradient(180deg, rgba(139, 92, 246, .5), rgba(34, 211, 238, .18), transparent);
}
.timeline-item { position: relative; padding-right: 3.5rem; }
.timeline-dot {
  position: absolute;
  right: .5rem;
  top: .3rem;
  width: 1.65rem;
  height: 1.65rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--ink-850);
  border: 1px solid rgba(139, 92, 246, .5);
  color: #c4b5fd;
  font-size: .68rem;
  font-weight: 800;
}

/* ==========================================================================
   نوار آپتایم
   ========================================================================== */

.uptime-bar {
  display: flex;
  gap: 2px;
  direction: ltr;
  height: 2.25rem;
}
.uptime-day {
  flex: 1 1 auto;
  border-radius: 2px;
  min-width: 2px;
  transition: transform .2s ease, filter .2s ease;
}
.uptime-day:hover { transform: scaleY(1.12); filter: brightness(1.35); }
.uptime-ok { background: #10b981; }
.uptime-warn { background: #f59e0b; }
.uptime-down { background: #f43f5e; }

/* ==========================================================================
   فرم‌ها
   ========================================================================== */

.field {
  width: 100%;
  border-radius: .85rem;
  border: 1px solid var(--line);
  background-color: rgba(5, 7, 15, .55);
  padding: .85rem 1rem;
  font-size: .875rem;
  color: #fff;
  transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.field::placeholder { color: #556074; }
.field:focus {
  outline: none;
  border-color: rgba(139, 92, 246, .55);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .1);
  background-color: rgba(5, 7, 15, .8);
}
.field.is-invalid {
  border-color: rgba(244, 63, 94, .65);
  box-shadow: 0 0 0 3px rgba(244, 63, 94, .1);
}
.field-error { display: none; margin-top: .4rem; font-size: .7rem; color: #fb7185; }
.field-error.is-visible { display: block; }

select.field {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 1rem center;
  background-size: 1.1rem;
  padding-left: 2.5rem;
}

/* چک‌باکس سفارشی */
.check-card { cursor: pointer; transition: border-color .25s ease, background-color .25s ease; }
.check-card input { position: absolute; opacity: 0; pointer-events: none; }
.check-card .check-box {
  display: grid;
  place-items: center;
  width: 1.3rem;
  height: 1.3rem;
  flex: none;
  border-radius: .4rem;
  border: 1px solid rgba(255, 255, 255, .18);
  color: transparent;
  font-size: .62rem;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.check-card input:checked ~ .check-box {
  background-image: linear-gradient(135deg, #7c3aed, #0891b2);
  border-color: transparent;
  color: #fff;
}
.check-card:has(input:checked) {
  border-color: rgba(139, 92, 246, .45);
  background-color: rgba(139, 92, 246, .07);
}

/* کارت‌های رادیویی */
.radio-card { cursor: pointer; transition: border-color .25s ease, background-color .25s ease; }
.radio-card input { position: absolute; opacity: 0; pointer-events: none; }
.radio-card:has(input:checked) {
  border-color: rgba(139, 92, 246, .55);
  background-color: rgba(139, 92, 246, .09);
}

/* ==========================================================================
   محتوای حقوقی و فهرست مطالب
   ========================================================================== */

.toc-link { transition: color .25s ease, border-color .25s ease; border-right: 2px solid transparent; }
.toc-link:hover { color: #fff; border-right-color: rgba(139, 92, 246, .55); }

.legal h2 { font-size: 1.2rem; font-weight: 800; color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; }
.legal h3 { font-size: .95rem; font-weight: 700; color: #e2e8f0; margin-top: 1.75rem; margin-bottom: .75rem; }
.legal p { font-size: .875rem; line-height: 2.2; color: #94a3b8; margin-bottom: 1rem; }
.legal ul { margin: 0 0 1.25rem 0; padding-right: 1.25rem; list-style: disc; }
.legal li { font-size: .875rem; line-height: 2.2; color: #94a3b8; margin-bottom: .5rem; }
.legal strong { color: #cbd5e1; font-weight: 700; }

/* ==========================================================================
   کاهش حرکت
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .card-hover:hover { transform: none; }
  .animate-floaty,
  .animate-pulse-slow,
  .animate-marquee,
  .animate-shine { animation: none !important; }
}

/* ==========================================================================
   اصلاح کنتراست
   خاکستری‌های پیش‌فرض تیل‌ویند روی پس‌زمینه‌ی سرمه‌ای به حد ۴.۵:۱ نمی‌رسیدند
   (slate-500 برابر ۴.۲۳ و slate-600 برابر ۲.۶۶ بود). فقط به‌اندازه‌ی لازم
   روشن شده‌اند تا سلسله‌مراتب رنگی دست‌نخورده بماند.
   ========================================================================== */

/* فقط برای زمینه‌ی تیره (پنل مدیریت) — روی تم روشن این رنگ کم‌رنگ‌تر می‌شد */
body:not(.theme-light) .text-slate-500 { color: #6f7c90; }   /* ۴.۷۵:۱ */
body:not(.theme-light) .text-slate-600 { color: #6f7c90; }
body:not(.theme-light) .placeholder\:text-slate-600::placeholder,
body:not(.theme-light) .placeholder\:text-slate-500::placeholder { color: #6b7889; }

/* ==========================================================================
   استانداردهای رابط وب (Web Interface Guidelines)
   این بخش مواردی را پوشش می‌دهد که با کلاس‌های تیل‌ویند به‌تنهایی حل نمی‌شوند.
   ========================================================================== */

/* طرح‌رنگ تیره را به مرورگر اعلام می‌کنیم تا اسکرول‌بار، ورودی‌ها و
   منوی select بومی هم تیره رندر شوند. */
:root {
  color-scheme: dark;
}

/* حذف تأخیر ۳۰۰ میلی‌ثانیه‌ای دابل‌تپ و کنترل رنگ بازخورد لمس */
html {
  -webkit-tap-highlight-color: rgba(139, 92, 246, .18);
}

button,
a,
label,
summary,
[role='button'],
input,
select,
textarea {
  touch-action: manipulation;
}

/* لنگر تیترها زیر هدر چسبان پنهان نشود */
:target,
h1[id], h2[id], h3[id],
section[id] {
  scroll-margin-top: 6.5rem;
}

/* تیتر نباید یک کلمه‌ی تنها در سطر آخر بگذارد */
h1, h2, h3 {
  text-wrap: balance;
}

p, li, dd {
  text-wrap: pretty;
}

/* نمایشگرهای ناچ‌دار: محتوا زیر بریدگی نرود */
body {
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
}

#toastHost {
  bottom: calc(1.5rem + env(safe-area-inset-bottom));
  right: calc(1.5rem + env(safe-area-inset-right));
}

/* اسکرول داخل منو/کشو به صفحه‌ی پشت سرایت نکند */
#mobileMenu,
.dropdown-panel,
.overflow-y-auto {
  overscroll-behavior: contain;
}

/* select بومی در ویندوزِ حالت تیره بدون این دو خط سفید می‌شود */
select,
select option {
  background-color: #0b1024;
  color: #e2e8f0;
}

/* لینک پرش به محتوا — فقط هنگام فوکوس با کیبورد دیده می‌شود */
.skip-link {
  position: fixed;
  top: .75rem;
  right: .75rem;
  z-index: 100;
  border-radius: .75rem;
  background: #7c3aed;
  padding: .7rem 1.25rem;
  font-size: .8125rem;
  font-weight: 800;
  color: #fff;
  /* خاصیت مستقل translate استفاده می‌شود، نه transform: تیل‌ویند
     transform را برای ابزارهای خودش در اختیار دارد و تداخل پیش می‌آید. */
  translate: 0 -200%;
  opacity: 0;
  pointer-events: none;
  transition: translate .2s ease, opacity .2s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  translate: 0 0;
  opacity: 1;
  pointer-events: auto;
}

/* هنگام کشیدن، انتخاب متن مزاحم است */
[data-dragging] {
  user-select: none;
}

/* ورودی‌های بدون قاب (داخل کادر جستجوی دامنه) outline-none دارند؛
   کادر بیرونی با focus-within روشن می‌شود، ولی خود ورودی هم باید
   هنگام پیمایش با کیبورد نشانه‌ی فوکوس داشته باشد. */
input.outline-none:focus-visible,
[data-domain-input]:focus-visible {
  outline: 2px solid #a78bfa;
  outline-offset: 2px;
  border-radius: .5rem;
}

/* ==========================================================================
   تم روشن سایت عمومی
   --------------------------------------------------------------------------
   بر پایه‌ی الگوی سه میزبان ایرانی (پارس‌پک، صباهاست، تلاش‌نت):
   زمینه‌ی آبی‌خاکستری کم‌رنگ، کارت سفید با سایه‌ی بسیار نرم، حاشیه‌ی ۱ پیکسل
   و یک رنگ برند. همه‌چیز زیر .theme-light است تا پنل مدیریت که هنوز تیره
   است، دست نخورد.
   ========================================================================== */

.theme-light {
  color-scheme: light;
  background: #f5f7fb;
  color: #334155;
}

.theme-light ::selection { background: #ddd6fe; color: #1e1b4b; }

/* اسکرول‌بار روشن */
.theme-light::-webkit-scrollbar-track,
.theme-light ::-webkit-scrollbar-track { background: #f5f7fb; }
.theme-light::-webkit-scrollbar-thumb,
.theme-light ::-webkit-scrollbar-thumb { background: #cbd5e1; border-color: #f5f7fb; }

/* نوار برند بالای صفحه در تم روشن لازم نیست */
.theme-light::before { display: none; }

/* ---------- کارت ---------- */
.theme-light .card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 1.25rem;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

.theme-light .card-link:hover,
.theme-light .card.is-hover:hover {
  border-color: #ddd6fe;
  box-shadow: 0 12px 32px -12px rgba(15,23,42,.18);
  transform: translateY(-2px);
}

/* ---------- دکمه‌ها ---------- */
.theme-light .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border-radius: .75rem;
  padding: .8rem 1.4rem;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.4;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.theme-light .btn-primary {
  background: #6d28d9;
  color: #fff;
  box-shadow: 0 10px 24px -10px rgba(109,40,217,.45);
}
.theme-light .btn-primary:hover { background: #5b21b6; transform: translateY(-1px); }

.theme-light .btn-ghost {
  background: #fff;
  color: #1e293b;
  border: 1px solid #e5e7eb;
}
.theme-light .btn-ghost:hover { border-color: #c4b5fd; color: #6d28d9; }

.theme-light .btn-soft {
  background: #f5f3ff;
  color: #6d28d9;
}
.theme-light .btn-soft:hover { background: #ede9fe; }

/* دکمه‌ی گرادیانتی قدیمی در تم روشن به دکمه‌ی اصلی تبدیل می‌شود */
.theme-light .btn-shine {
  background: #6d28d9;
  background-image: none;
  box-shadow: 0 10px 24px -10px rgba(109,40,217,.45);
}
.theme-light .btn-shine:hover { background: #5b21b6; }

/* ---------- برچسب بالای تیتر ---------- */
.theme-light .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border-radius: 999px;
  background: #f5f3ff;
  color: #6d28d9;
  padding: .35rem .85rem;
  font-size: .75rem;
  font-weight: 800;
}

.theme-light .kicker { color: #6d28d9; }
.theme-light .kicker::before { opacity: .35; }

/* ---------- تیتر ---------- */
.theme-light .accent {
  color: #6d28d9;
  text-decoration: none;
}

.theme-light .section-title {
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.1rem);
  font-weight: 900;
  line-height: 1.45;
  color: #0f172a;
}

.theme-light .section-lead {
  margin-top: .75rem;
  font-size: .95rem;
  line-height: 2;
  color: #56657a; /* ۵.۲:۱ روی canvas — #64748b فقط ۴.۴ بود */
}

/* ---------- چیپ مشخصات (مثل «Up to 50GB» پارس‌پک) ---------- */
.theme-light .spec-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .1rem;
  border-radius: .85rem;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  padding: .55rem .4rem;
  text-align: center;
}
.theme-light .spec-chip small { font-size: .65rem; color: #64748b; } /* ۴.۶:۱ — #94a3b8 فقط ۲.۴ بود */
.theme-light .spec-chip b { font-size: .8rem; color: #0f172a; font-weight: 800; }

/* ---------- فیلد فرم ---------- */
.theme-light .field {
  /* فقط رنگ زمینه — shorthand «background» تنظیمات فلش select را
     (no-repeat و موقعیت) پاک می‌کرد و فلش در کل عرض تکرار می‌شد */
  background-color: #fff;
  border: 1px solid #e2e8f0;
  color: #0f172a;
}
.theme-light .field::placeholder { color: #94a3b8; }
.theme-light .field:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 4px rgba(139,92,246,.12);
  background-color: #fff;
}

.theme-light select.field {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left .9rem center;
  background-size: 1rem;
  padding-left: 2.5rem;
}
.theme-light select option { background-color: #fff; color: #0f172a; }

/* ---------- حلقه‌ی فوکوس ---------- */
.theme-light a:focus-visible,
.theme-light button:focus-visible,
.theme-light summary:focus-visible,
.theme-light input:focus-visible,
.theme-light select:focus-visible,
.theme-light textarea:focus-visible {
  outline-color: #7c3aed;
}

/* ---------- جدول مقایسه ---------- */
.theme-light .compare-table th,
.theme-light .compare-table td { border-bottom-color: #eef2f7; }
.theme-light .compare-table thead th { background: #f8fafc; color: #0f172a; }
.theme-light .compare-table tbody tr:hover { background: #fafbff; }

/* ---------- تب ---------- */
.theme-light .tab-btn { color: #475569; background: #fff; border-color: #e5e7eb; }
.theme-light .tab-btn.is-active {
  background: #6d28d9;
  background-image: none;
  color: #fff;
  border-color: #6d28d9;
  box-shadow: 0 8px 20px -10px rgba(109,40,217,.55);
}

/* ---------- آکاردئون ---------- */
.theme-light details.faq-item[open] { border-color: #ddd6fe; box-shadow: 0 12px 32px -18px rgba(15,23,42,.2); }

/* ---------- کشوی منو ---------- */
.theme-light .nav-link.is-active { color: #6d28d9; background: #f5f3ff; }
.theme-light .nav-link.is-active::after { display: none; }
.theme-light .mobile-link.is-active { color: #6d28d9; background: #f5f3ff; }

/* ---------- اعلان ---------- */
.theme-light .toast { background: #fff; color: #1e293b; border-color: #e5e7eb; box-shadow: 0 20px 40px -20px rgba(15,23,42,.35); }

/* ---------- خط زمانی ---------- */
.theme-light .timeline::before { background: linear-gradient(180deg, #c4b5fd, #e9d5ff, transparent); }
.theme-light .timeline-dot { background: #fff; border-color: #c4b5fd; color: #6d28d9; }

/* ---------- محتوای حقوقی ---------- */
.theme-light .legal h2 { color: #0f172a; }
.theme-light .legal h3 { color: #1e293b; }
.theme-light .legal p,
.theme-light .legal li { color: #475569; }
.theme-light .legal strong { color: #0f172a; }
.theme-light .toc-link:hover { color: #6d28d9; border-right-color: #c4b5fd; }

/* ---------- انتخاب‌گرها ---------- */
.theme-light .check-card .check-box { border-color: #cbd5e1; }
.theme-light .check-card input:checked ~ .check-box { background: #6d28d9; background-image: none; }
.theme-light .check-card:has(input:checked),
.theme-light .radio-card:has(input:checked) { border-color: #a78bfa; background-color: #faf8ff; }

/* ---------- پس‌زمینه‌های تزئینی تم تیره در تم روشن پنهان می‌شوند ---------- */
.theme-light .glow-spot,
.theme-light .guides,
.theme-light .grid-bg { display: none; }

/* ---------- نوار اعلان بالای سایت (مثل صباهاست) ---------- */
.announce {
  /* رنگ جامد برای حالت کنتراست بالا و مرورگرهایی که گرادیان را نشان نمی‌دهند */
  background-color: #5b21b6;
  background-image: linear-gradient(90deg, #4c1d95, #6d28d9 55%, #7c3aed);
  color: #fff;
}

/* فاصله‌ی محتوا از هدر ثابت */
.theme-light main { scroll-margin-top: 96px; }

/* نوار هیروی صفحات داخلی — سفید با رنگ برند بسیار ملایم (الگوی پارس‌پک) */
.theme-light .hero-band {
  background:
    radial-gradient(60% 120% at 100% 0%, #f5f3ff 0%, rgba(245,243,255,0) 60%),
    radial-gradient(45% 90% at 0% 100%, #fff7e6 0%, rgba(255,247,230,0) 60%),
    #fff;
  border-bottom: 1px solid #e5e7eb;
}

/* ---------- کنتراست تم روشن ----------
   slate-500 روی زمینه‌ی canvas فقط ۴.۴۴ است و emerald-600 روی سفید ۳.۷۷.
   هر دو یک درجه تیره‌تر می‌شوند؛ روی سفید و canvas هر دو از ۴.۵ بالاتر می‌روند. */
.theme-light .text-slate-500 { color: #5b6b7f; }   /* ۵.۴ روی سفید، ۵.۰ روی canvas */
.theme-light .text-emerald-600 { color: #047857; } /* ۵.۵ روی سفید */

/* DARK-THEME:START */
/* ==========================================================================
   تم تیره (اختیاری — کاربر از دکمه‌ی بالای صفحه انتخاب می‌کند)
   این بخش خودکار با scratchpad/dark_theme.py ساخته می‌شود.
   ========================================================================== */
html.dark { color-scheme: dark; }
html.dark body,
html.dark .theme-light { background: #0f141b; color: #c3ccd7; }
html.dark .theme-light ::selection { background: rgba(139,92,246,.35); color: #fff; }
html.dark .theme-light::-webkit-scrollbar-track,
html.dark .theme-light ::-webkit-scrollbar-track { background: #0f141b; }
html.dark .theme-light::-webkit-scrollbar-thumb,
html.dark .theme-light ::-webkit-scrollbar-thumb { background: #364152; border-color: #0f141b; }
html.dark .bg-white,
html.dark .hover\:bg-white:hover,
html.dark .group:hover .group-hover\:bg-white,
html.dark .focus\:bg-white:focus,
html.dark .open\:bg-white[open],
html.dark .group[open] .group-open\:bg-white,
html.dark .focus-within\:bg-white:focus-within { background-color: #161c25; }
html.dark .bg-white\/95 { background-color: rgba(22,28,37,.95); }
html.dark .bg-white\/90 { background-color: rgba(22,28,37,.90); }
html.dark .bg-white\/80 { background-color: rgba(22,28,37,.80); }
html.dark .bg-white\/70 { background-color: rgba(22,28,37,.70); }
html.dark .bg-canvas,
html.dark .hover\:bg-canvas:hover,
html.dark .group:hover .group-hover\:bg-canvas,
html.dark .focus\:bg-canvas:focus,
html.dark .open\:bg-canvas[open],
html.dark .group[open] .group-open\:bg-canvas,
html.dark .focus-within\:bg-canvas:focus-within { background-color: #0f141b; }
html.dark .bg-slate-50,
html.dark .hover\:bg-slate-50:hover,
html.dark .group:hover .group-hover\:bg-slate-50,
html.dark .focus\:bg-slate-50:focus,
html.dark .open\:bg-slate-50[open],
html.dark .group[open] .group-open\:bg-slate-50,
html.dark .focus-within\:bg-slate-50:focus-within { background-color: #1b222c; }
html.dark .bg-slate-100,
html.dark .hover\:bg-slate-100:hover,
html.dark .group:hover .group-hover\:bg-slate-100,
html.dark .focus\:bg-slate-100:focus,
html.dark .open\:bg-slate-100[open],
html.dark .group[open] .group-open\:bg-slate-100,
html.dark .focus-within\:bg-slate-100:focus-within { background-color: #222a36; }
html.dark .bg-slate-200,
html.dark .hover\:bg-slate-200:hover,
html.dark .group:hover .group-hover\:bg-slate-200,
html.dark .focus\:bg-slate-200:focus,
html.dark .open\:bg-slate-200[open],
html.dark .group[open] .group-open\:bg-slate-200,
html.dark .focus-within\:bg-slate-200:focus-within { background-color: #2a3340; }
html.dark .bg-ink-900,
html.dark .hover\:bg-ink-900:hover,
html.dark .group:hover .group-hover\:bg-ink-900,
html.dark .focus\:bg-ink-900:focus,
html.dark .open\:bg-ink-900[open],
html.dark .group[open] .group-open\:bg-ink-900,
html.dark .focus-within\:bg-ink-900:focus-within { background-color: #0b1017; }
html.dark .bg-ink-800,
html.dark .hover\:bg-ink-800:hover,
html.dark .group:hover .group-hover\:bg-ink-800,
html.dark .focus\:bg-ink-800:focus,
html.dark .open\:bg-ink-800[open],
html.dark .group[open] .group-open\:bg-ink-800,
html.dark .focus-within\:bg-ink-800:focus-within { background-color: #222a36; }
html.dark .border-line,
html.dark .hover\:border-line:hover,
html.dark .group:hover .group-hover\:border-line,
html.dark .focus\:border-line:focus,
html.dark .open\:border-line[open],
html.dark .group[open] .group-open\:border-line,
html.dark .focus-within\:border-line:focus-within { border-color: #283140; }
html.dark .border-slate-100,
html.dark .hover\:border-slate-100:hover,
html.dark .group:hover .group-hover\:border-slate-100,
html.dark .focus\:border-slate-100:focus,
html.dark .open\:border-slate-100[open],
html.dark .group[open] .group-open\:border-slate-100,
html.dark .focus-within\:border-slate-100:focus-within { border-color: #283140; }
html.dark .border-slate-200,
html.dark .hover\:border-slate-200:hover,
html.dark .group:hover .group-hover\:border-slate-200,
html.dark .focus\:border-slate-200:focus,
html.dark .open\:border-slate-200[open],
html.dark .group[open] .group-open\:border-slate-200,
html.dark .focus-within\:border-slate-200:focus-within { border-color: #283140; }
html.dark .border-slate-300,
html.dark .hover\:border-slate-300:hover,
html.dark .group:hover .group-hover\:border-slate-300,
html.dark .focus\:border-slate-300:focus,
html.dark .open\:border-slate-300[open],
html.dark .group[open] .group-open\:border-slate-300,
html.dark .focus-within\:border-slate-300:focus-within { border-color: #364152; }
html.dark .divide-line > :not([hidden]) ~ :not([hidden]) { border-color: #283140; }
html.dark .ring-line { --tw-ring-color: #283140; }
html.dark .ring-white { --tw-ring-color: #161c25; }
html.dark .text-ink-900,
html.dark .hover\:text-ink-900:hover,
html.dark .group:hover .group-hover\:text-ink-900,
html.dark .focus\:text-ink-900:focus,
html.dark .open\:text-ink-900[open],
html.dark .group[open] .group-open\:text-ink-900,
html.dark .focus-within\:text-ink-900:focus-within { color: #e8edf3; }
html.dark .text-ink-800,
html.dark .hover\:text-ink-800:hover,
html.dark .group:hover .group-hover\:text-ink-800,
html.dark .focus\:text-ink-800:focus,
html.dark .open\:text-ink-800[open],
html.dark .group[open] .group-open\:text-ink-800,
html.dark .focus-within\:text-ink-800:focus-within { color: #d9e0e8; }
html.dark .text-ink-700,
html.dark .hover\:text-ink-700:hover,
html.dark .group:hover .group-hover\:text-ink-700,
html.dark .focus\:text-ink-700:focus,
html.dark .open\:text-ink-700[open],
html.dark .group[open] .group-open\:text-ink-700,
html.dark .focus-within\:text-ink-700:focus-within { color: #c3ccd7; }
html.dark .text-ink-600,
html.dark .hover\:text-ink-600:hover,
html.dark .group:hover .group-hover\:text-ink-600,
html.dark .focus\:text-ink-600:focus,
html.dark .open\:text-ink-600[open],
html.dark .group[open] .group-open\:text-ink-600,
html.dark .focus-within\:text-ink-600:focus-within { color: #a3aebb; }
html.dark .text-ink-500,
html.dark .hover\:text-ink-500:hover,
html.dark .group:hover .group-hover\:text-ink-500,
html.dark .focus\:text-ink-500:focus,
html.dark .open\:text-ink-500[open],
html.dark .group[open] .group-open\:text-ink-500,
html.dark .focus-within\:text-ink-500:focus-within { color: #95a1af; }
html.dark .text-slate-900,
html.dark .hover\:text-slate-900:hover,
html.dark .group:hover .group-hover\:text-slate-900,
html.dark .focus\:text-slate-900:focus,
html.dark .open\:text-slate-900[open],
html.dark .group[open] .group-open\:text-slate-900,
html.dark .focus-within\:text-slate-900:focus-within { color: #e8edf3; }
html.dark .text-slate-800,
html.dark .hover\:text-slate-800:hover,
html.dark .group:hover .group-hover\:text-slate-800,
html.dark .focus\:text-slate-800:focus,
html.dark .open\:text-slate-800[open],
html.dark .group[open] .group-open\:text-slate-800,
html.dark .focus-within\:text-slate-800:focus-within { color: #d9e0e8; }
html.dark .text-slate-700,
html.dark .hover\:text-slate-700:hover,
html.dark .group:hover .group-hover\:text-slate-700,
html.dark .focus\:text-slate-700:focus,
html.dark .open\:text-slate-700[open],
html.dark .group[open] .group-open\:text-slate-700,
html.dark .focus-within\:text-slate-700:focus-within { color: #c3ccd7; }
html.dark .text-slate-600,
html.dark .hover\:text-slate-600:hover,
html.dark .group:hover .group-hover\:text-slate-600,
html.dark .focus\:text-slate-600:focus,
html.dark .open\:text-slate-600[open],
html.dark .group[open] .group-open\:text-slate-600,
html.dark .focus-within\:text-slate-600:focus-within { color: #a3aebb; }
html.dark .text-slate-500,
html.dark .hover\:text-slate-500:hover,
html.dark .group:hover .group-hover\:text-slate-500,
html.dark .focus\:text-slate-500:focus,
html.dark .open\:text-slate-500[open],
html.dark .group[open] .group-open\:text-slate-500,
html.dark .focus-within\:text-slate-500:focus-within { color: #95a1af; }
html.dark .placeholder\:text-slate-400::placeholder { color: #6b7684; }
html.dark .shadow-soft { --tw-shadow: 0 1px 2px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.25); }
html.dark .shadow-lift { --tw-shadow: 0 14px 36px -14px rgba(0,0,0,.7); }
html.dark .bg-violet-50,
html.dark .hover\:bg-violet-50:hover,
html.dark .group:hover .group-hover\:bg-violet-50,
html.dark .focus\:bg-violet-50:focus,
html.dark .open\:bg-violet-50[open],
html.dark .group[open] .group-open\:bg-violet-50,
html.dark .focus-within\:bg-violet-50:focus-within { background-color: rgba(139,92,246,.13); }
html.dark .bg-violet-100,
html.dark .hover\:bg-violet-100:hover,
html.dark .group:hover .group-hover\:bg-violet-100,
html.dark .focus\:bg-violet-100:focus,
html.dark .open\:bg-violet-100[open],
html.dark .group[open] .group-open\:bg-violet-100,
html.dark .focus-within\:bg-violet-100:focus-within { background-color: rgba(139,92,246,.2); }
html.dark .bg-violet-200,
html.dark .hover\:bg-violet-200:hover,
html.dark .group:hover .group-hover\:bg-violet-200,
html.dark .focus\:bg-violet-200:focus,
html.dark .open\:bg-violet-200[open],
html.dark .group[open] .group-open\:bg-violet-200,
html.dark .focus-within\:bg-violet-200:focus-within { background-color: rgba(139,92,246,.28); }
html.dark .text-violet-600,
html.dark .hover\:text-violet-600:hover,
html.dark .group:hover .group-hover\:text-violet-600,
html.dark .focus\:text-violet-600:focus,
html.dark .open\:text-violet-600[open],
html.dark .group[open] .group-open\:text-violet-600,
html.dark .focus-within\:text-violet-600:focus-within { color: #a78bfa; }
html.dark .text-violet-700,
html.dark .hover\:text-violet-700:hover,
html.dark .group:hover .group-hover\:text-violet-700,
html.dark .focus\:text-violet-700:focus,
html.dark .open\:text-violet-700[open],
html.dark .group[open] .group-open\:text-violet-700,
html.dark .focus-within\:text-violet-700:focus-within { color: #c4b5fd; }
html.dark .text-violet-800,
html.dark .hover\:text-violet-800:hover,
html.dark .group:hover .group-hover\:text-violet-800,
html.dark .focus\:text-violet-800:focus,
html.dark .open\:text-violet-800[open],
html.dark .group[open] .group-open\:text-violet-800,
html.dark .focus-within\:text-violet-800:focus-within { color: #ddd6fe; }
html.dark .text-violet-900,
html.dark .hover\:text-violet-900:hover,
html.dark .group:hover .group-hover\:text-violet-900,
html.dark .focus\:text-violet-900:focus,
html.dark .open\:text-violet-900[open],
html.dark .group[open] .group-open\:text-violet-900,
html.dark .focus-within\:text-violet-900:focus-within { color: #ddd6fe; }
html.dark .border-violet-100,
html.dark .hover\:border-violet-100:hover,
html.dark .group:hover .group-hover\:border-violet-100,
html.dark .focus\:border-violet-100:focus,
html.dark .open\:border-violet-100[open],
html.dark .group[open] .group-open\:border-violet-100,
html.dark .focus-within\:border-violet-100:focus-within { border-color: rgba(139,92,246,.25); }
html.dark .border-violet-200,
html.dark .hover\:border-violet-200:hover,
html.dark .group:hover .group-hover\:border-violet-200,
html.dark .focus\:border-violet-200:focus,
html.dark .open\:border-violet-200[open],
html.dark .group[open] .group-open\:border-violet-200,
html.dark .focus-within\:border-violet-200:focus-within { border-color: rgba(139,92,246,.35); }
html.dark .border-violet-300,
html.dark .hover\:border-violet-300:hover,
html.dark .group:hover .group-hover\:border-violet-300,
html.dark .focus\:border-violet-300:focus,
html.dark .open\:border-violet-300[open],
html.dark .group[open] .group-open\:border-violet-300,
html.dark .focus-within\:border-violet-300:focus-within { border-color: rgba(139,92,246,.5); }
html.dark .ring-violet-200 { --tw-ring-color: rgba(139,92,246,.35); }
html.dark .decoration-violet-200 { text-decoration-color: rgba(139,92,246,.45); }
html.dark .text-violet-800\/70 { color: rgba(221,214,254,.7); }
html.dark .text-violet-700\/70 { color: rgba(196,181,253,.7); }
html.dark .text-violet-800\/80 { color: rgba(221,214,254,.8); }
html.dark .text-violet-700\/80 { color: rgba(196,181,253,.8); }
html.dark .bg-purple-50,
html.dark .hover\:bg-purple-50:hover,
html.dark .group:hover .group-hover\:bg-purple-50,
html.dark .focus\:bg-purple-50:focus,
html.dark .open\:bg-purple-50[open],
html.dark .group[open] .group-open\:bg-purple-50,
html.dark .focus-within\:bg-purple-50:focus-within { background-color: rgba(168,85,247,.13); }
html.dark .bg-purple-100,
html.dark .hover\:bg-purple-100:hover,
html.dark .group:hover .group-hover\:bg-purple-100,
html.dark .focus\:bg-purple-100:focus,
html.dark .open\:bg-purple-100[open],
html.dark .group[open] .group-open\:bg-purple-100,
html.dark .focus-within\:bg-purple-100:focus-within { background-color: rgba(168,85,247,.2); }
html.dark .bg-purple-200,
html.dark .hover\:bg-purple-200:hover,
html.dark .group:hover .group-hover\:bg-purple-200,
html.dark .focus\:bg-purple-200:focus,
html.dark .open\:bg-purple-200[open],
html.dark .group[open] .group-open\:bg-purple-200,
html.dark .focus-within\:bg-purple-200:focus-within { background-color: rgba(168,85,247,.28); }
html.dark .text-purple-600,
html.dark .hover\:text-purple-600:hover,
html.dark .group:hover .group-hover\:text-purple-600,
html.dark .focus\:text-purple-600:focus,
html.dark .open\:text-purple-600[open],
html.dark .group[open] .group-open\:text-purple-600,
html.dark .focus-within\:text-purple-600:focus-within { color: #c084fc; }
html.dark .text-purple-700,
html.dark .hover\:text-purple-700:hover,
html.dark .group:hover .group-hover\:text-purple-700,
html.dark .focus\:text-purple-700:focus,
html.dark .open\:text-purple-700[open],
html.dark .group[open] .group-open\:text-purple-700,
html.dark .focus-within\:text-purple-700:focus-within { color: #d8b4fe; }
html.dark .text-purple-800,
html.dark .hover\:text-purple-800:hover,
html.dark .group:hover .group-hover\:text-purple-800,
html.dark .focus\:text-purple-800:focus,
html.dark .open\:text-purple-800[open],
html.dark .group[open] .group-open\:text-purple-800,
html.dark .focus-within\:text-purple-800:focus-within { color: #e9d5ff; }
html.dark .text-purple-900,
html.dark .hover\:text-purple-900:hover,
html.dark .group:hover .group-hover\:text-purple-900,
html.dark .focus\:text-purple-900:focus,
html.dark .open\:text-purple-900[open],
html.dark .group[open] .group-open\:text-purple-900,
html.dark .focus-within\:text-purple-900:focus-within { color: #e9d5ff; }
html.dark .border-purple-100,
html.dark .hover\:border-purple-100:hover,
html.dark .group:hover .group-hover\:border-purple-100,
html.dark .focus\:border-purple-100:focus,
html.dark .open\:border-purple-100[open],
html.dark .group[open] .group-open\:border-purple-100,
html.dark .focus-within\:border-purple-100:focus-within { border-color: rgba(168,85,247,.25); }
html.dark .border-purple-200,
html.dark .hover\:border-purple-200:hover,
html.dark .group:hover .group-hover\:border-purple-200,
html.dark .focus\:border-purple-200:focus,
html.dark .open\:border-purple-200[open],
html.dark .group[open] .group-open\:border-purple-200,
html.dark .focus-within\:border-purple-200:focus-within { border-color: rgba(168,85,247,.35); }
html.dark .border-purple-300,
html.dark .hover\:border-purple-300:hover,
html.dark .group:hover .group-hover\:border-purple-300,
html.dark .focus\:border-purple-300:focus,
html.dark .open\:border-purple-300[open],
html.dark .group[open] .group-open\:border-purple-300,
html.dark .focus-within\:border-purple-300:focus-within { border-color: rgba(168,85,247,.5); }
html.dark .ring-purple-200 { --tw-ring-color: rgba(168,85,247,.35); }
html.dark .decoration-purple-200 { text-decoration-color: rgba(168,85,247,.45); }
html.dark .text-purple-800\/70 { color: rgba(233,213,255,.7); }
html.dark .text-purple-700\/70 { color: rgba(216,180,254,.7); }
html.dark .text-purple-800\/80 { color: rgba(233,213,255,.8); }
html.dark .text-purple-700\/80 { color: rgba(216,180,254,.8); }
html.dark .bg-indigo-50,
html.dark .hover\:bg-indigo-50:hover,
html.dark .group:hover .group-hover\:bg-indigo-50,
html.dark .focus\:bg-indigo-50:focus,
html.dark .open\:bg-indigo-50[open],
html.dark .group[open] .group-open\:bg-indigo-50,
html.dark .focus-within\:bg-indigo-50:focus-within { background-color: rgba(99,102,241,.13); }
html.dark .bg-indigo-100,
html.dark .hover\:bg-indigo-100:hover,
html.dark .group:hover .group-hover\:bg-indigo-100,
html.dark .focus\:bg-indigo-100:focus,
html.dark .open\:bg-indigo-100[open],
html.dark .group[open] .group-open\:bg-indigo-100,
html.dark .focus-within\:bg-indigo-100:focus-within { background-color: rgba(99,102,241,.2); }
html.dark .bg-indigo-200,
html.dark .hover\:bg-indigo-200:hover,
html.dark .group:hover .group-hover\:bg-indigo-200,
html.dark .focus\:bg-indigo-200:focus,
html.dark .open\:bg-indigo-200[open],
html.dark .group[open] .group-open\:bg-indigo-200,
html.dark .focus-within\:bg-indigo-200:focus-within { background-color: rgba(99,102,241,.28); }
html.dark .text-indigo-600,
html.dark .hover\:text-indigo-600:hover,
html.dark .group:hover .group-hover\:text-indigo-600,
html.dark .focus\:text-indigo-600:focus,
html.dark .open\:text-indigo-600[open],
html.dark .group[open] .group-open\:text-indigo-600,
html.dark .focus-within\:text-indigo-600:focus-within { color: #818cf8; }
html.dark .text-indigo-700,
html.dark .hover\:text-indigo-700:hover,
html.dark .group:hover .group-hover\:text-indigo-700,
html.dark .focus\:text-indigo-700:focus,
html.dark .open\:text-indigo-700[open],
html.dark .group[open] .group-open\:text-indigo-700,
html.dark .focus-within\:text-indigo-700:focus-within { color: #a5b4fc; }
html.dark .text-indigo-800,
html.dark .hover\:text-indigo-800:hover,
html.dark .group:hover .group-hover\:text-indigo-800,
html.dark .focus\:text-indigo-800:focus,
html.dark .open\:text-indigo-800[open],
html.dark .group[open] .group-open\:text-indigo-800,
html.dark .focus-within\:text-indigo-800:focus-within { color: #c7d2fe; }
html.dark .text-indigo-900,
html.dark .hover\:text-indigo-900:hover,
html.dark .group:hover .group-hover\:text-indigo-900,
html.dark .focus\:text-indigo-900:focus,
html.dark .open\:text-indigo-900[open],
html.dark .group[open] .group-open\:text-indigo-900,
html.dark .focus-within\:text-indigo-900:focus-within { color: #c7d2fe; }
html.dark .border-indigo-100,
html.dark .hover\:border-indigo-100:hover,
html.dark .group:hover .group-hover\:border-indigo-100,
html.dark .focus\:border-indigo-100:focus,
html.dark .open\:border-indigo-100[open],
html.dark .group[open] .group-open\:border-indigo-100,
html.dark .focus-within\:border-indigo-100:focus-within { border-color: rgba(99,102,241,.25); }
html.dark .border-indigo-200,
html.dark .hover\:border-indigo-200:hover,
html.dark .group:hover .group-hover\:border-indigo-200,
html.dark .focus\:border-indigo-200:focus,
html.dark .open\:border-indigo-200[open],
html.dark .group[open] .group-open\:border-indigo-200,
html.dark .focus-within\:border-indigo-200:focus-within { border-color: rgba(99,102,241,.35); }
html.dark .border-indigo-300,
html.dark .hover\:border-indigo-300:hover,
html.dark .group:hover .group-hover\:border-indigo-300,
html.dark .focus\:border-indigo-300:focus,
html.dark .open\:border-indigo-300[open],
html.dark .group[open] .group-open\:border-indigo-300,
html.dark .focus-within\:border-indigo-300:focus-within { border-color: rgba(99,102,241,.5); }
html.dark .ring-indigo-200 { --tw-ring-color: rgba(99,102,241,.35); }
html.dark .decoration-indigo-200 { text-decoration-color: rgba(99,102,241,.45); }
html.dark .text-indigo-800\/70 { color: rgba(199,210,254,.7); }
html.dark .text-indigo-700\/70 { color: rgba(165,180,252,.7); }
html.dark .text-indigo-800\/80 { color: rgba(199,210,254,.8); }
html.dark .text-indigo-700\/80 { color: rgba(165,180,252,.8); }
html.dark .bg-blue-50,
html.dark .hover\:bg-blue-50:hover,
html.dark .group:hover .group-hover\:bg-blue-50,
html.dark .focus\:bg-blue-50:focus,
html.dark .open\:bg-blue-50[open],
html.dark .group[open] .group-open\:bg-blue-50,
html.dark .focus-within\:bg-blue-50:focus-within { background-color: rgba(59,130,246,.13); }
html.dark .bg-blue-100,
html.dark .hover\:bg-blue-100:hover,
html.dark .group:hover .group-hover\:bg-blue-100,
html.dark .focus\:bg-blue-100:focus,
html.dark .open\:bg-blue-100[open],
html.dark .group[open] .group-open\:bg-blue-100,
html.dark .focus-within\:bg-blue-100:focus-within { background-color: rgba(59,130,246,.2); }
html.dark .bg-blue-200,
html.dark .hover\:bg-blue-200:hover,
html.dark .group:hover .group-hover\:bg-blue-200,
html.dark .focus\:bg-blue-200:focus,
html.dark .open\:bg-blue-200[open],
html.dark .group[open] .group-open\:bg-blue-200,
html.dark .focus-within\:bg-blue-200:focus-within { background-color: rgba(59,130,246,.28); }
html.dark .text-blue-600,
html.dark .hover\:text-blue-600:hover,
html.dark .group:hover .group-hover\:text-blue-600,
html.dark .focus\:text-blue-600:focus,
html.dark .open\:text-blue-600[open],
html.dark .group[open] .group-open\:text-blue-600,
html.dark .focus-within\:text-blue-600:focus-within { color: #60a5fa; }
html.dark .text-blue-700,
html.dark .hover\:text-blue-700:hover,
html.dark .group:hover .group-hover\:text-blue-700,
html.dark .focus\:text-blue-700:focus,
html.dark .open\:text-blue-700[open],
html.dark .group[open] .group-open\:text-blue-700,
html.dark .focus-within\:text-blue-700:focus-within { color: #93c5fd; }
html.dark .text-blue-800,
html.dark .hover\:text-blue-800:hover,
html.dark .group:hover .group-hover\:text-blue-800,
html.dark .focus\:text-blue-800:focus,
html.dark .open\:text-blue-800[open],
html.dark .group[open] .group-open\:text-blue-800,
html.dark .focus-within\:text-blue-800:focus-within { color: #bfdbfe; }
html.dark .text-blue-900,
html.dark .hover\:text-blue-900:hover,
html.dark .group:hover .group-hover\:text-blue-900,
html.dark .focus\:text-blue-900:focus,
html.dark .open\:text-blue-900[open],
html.dark .group[open] .group-open\:text-blue-900,
html.dark .focus-within\:text-blue-900:focus-within { color: #bfdbfe; }
html.dark .border-blue-100,
html.dark .hover\:border-blue-100:hover,
html.dark .group:hover .group-hover\:border-blue-100,
html.dark .focus\:border-blue-100:focus,
html.dark .open\:border-blue-100[open],
html.dark .group[open] .group-open\:border-blue-100,
html.dark .focus-within\:border-blue-100:focus-within { border-color: rgba(59,130,246,.25); }
html.dark .border-blue-200,
html.dark .hover\:border-blue-200:hover,
html.dark .group:hover .group-hover\:border-blue-200,
html.dark .focus\:border-blue-200:focus,
html.dark .open\:border-blue-200[open],
html.dark .group[open] .group-open\:border-blue-200,
html.dark .focus-within\:border-blue-200:focus-within { border-color: rgba(59,130,246,.35); }
html.dark .border-blue-300,
html.dark .hover\:border-blue-300:hover,
html.dark .group:hover .group-hover\:border-blue-300,
html.dark .focus\:border-blue-300:focus,
html.dark .open\:border-blue-300[open],
html.dark .group[open] .group-open\:border-blue-300,
html.dark .focus-within\:border-blue-300:focus-within { border-color: rgba(59,130,246,.5); }
html.dark .ring-blue-200 { --tw-ring-color: rgba(59,130,246,.35); }
html.dark .decoration-blue-200 { text-decoration-color: rgba(59,130,246,.45); }
html.dark .text-blue-800\/70 { color: rgba(191,219,254,.7); }
html.dark .text-blue-700\/70 { color: rgba(147,197,253,.7); }
html.dark .text-blue-800\/80 { color: rgba(191,219,254,.8); }
html.dark .text-blue-700\/80 { color: rgba(147,197,253,.8); }
html.dark .bg-sky-50,
html.dark .hover\:bg-sky-50:hover,
html.dark .group:hover .group-hover\:bg-sky-50,
html.dark .focus\:bg-sky-50:focus,
html.dark .open\:bg-sky-50[open],
html.dark .group[open] .group-open\:bg-sky-50,
html.dark .focus-within\:bg-sky-50:focus-within { background-color: rgba(14,165,233,.13); }
html.dark .bg-sky-100,
html.dark .hover\:bg-sky-100:hover,
html.dark .group:hover .group-hover\:bg-sky-100,
html.dark .focus\:bg-sky-100:focus,
html.dark .open\:bg-sky-100[open],
html.dark .group[open] .group-open\:bg-sky-100,
html.dark .focus-within\:bg-sky-100:focus-within { background-color: rgba(14,165,233,.2); }
html.dark .bg-sky-200,
html.dark .hover\:bg-sky-200:hover,
html.dark .group:hover .group-hover\:bg-sky-200,
html.dark .focus\:bg-sky-200:focus,
html.dark .open\:bg-sky-200[open],
html.dark .group[open] .group-open\:bg-sky-200,
html.dark .focus-within\:bg-sky-200:focus-within { background-color: rgba(14,165,233,.28); }
html.dark .text-sky-600,
html.dark .hover\:text-sky-600:hover,
html.dark .group:hover .group-hover\:text-sky-600,
html.dark .focus\:text-sky-600:focus,
html.dark .open\:text-sky-600[open],
html.dark .group[open] .group-open\:text-sky-600,
html.dark .focus-within\:text-sky-600:focus-within { color: #38bdf8; }
html.dark .text-sky-700,
html.dark .hover\:text-sky-700:hover,
html.dark .group:hover .group-hover\:text-sky-700,
html.dark .focus\:text-sky-700:focus,
html.dark .open\:text-sky-700[open],
html.dark .group[open] .group-open\:text-sky-700,
html.dark .focus-within\:text-sky-700:focus-within { color: #7dd3fc; }
html.dark .text-sky-800,
html.dark .hover\:text-sky-800:hover,
html.dark .group:hover .group-hover\:text-sky-800,
html.dark .focus\:text-sky-800:focus,
html.dark .open\:text-sky-800[open],
html.dark .group[open] .group-open\:text-sky-800,
html.dark .focus-within\:text-sky-800:focus-within { color: #bae6fd; }
html.dark .text-sky-900,
html.dark .hover\:text-sky-900:hover,
html.dark .group:hover .group-hover\:text-sky-900,
html.dark .focus\:text-sky-900:focus,
html.dark .open\:text-sky-900[open],
html.dark .group[open] .group-open\:text-sky-900,
html.dark .focus-within\:text-sky-900:focus-within { color: #bae6fd; }
html.dark .border-sky-100,
html.dark .hover\:border-sky-100:hover,
html.dark .group:hover .group-hover\:border-sky-100,
html.dark .focus\:border-sky-100:focus,
html.dark .open\:border-sky-100[open],
html.dark .group[open] .group-open\:border-sky-100,
html.dark .focus-within\:border-sky-100:focus-within { border-color: rgba(14,165,233,.25); }
html.dark .border-sky-200,
html.dark .hover\:border-sky-200:hover,
html.dark .group:hover .group-hover\:border-sky-200,
html.dark .focus\:border-sky-200:focus,
html.dark .open\:border-sky-200[open],
html.dark .group[open] .group-open\:border-sky-200,
html.dark .focus-within\:border-sky-200:focus-within { border-color: rgba(14,165,233,.35); }
html.dark .border-sky-300,
html.dark .hover\:border-sky-300:hover,
html.dark .group:hover .group-hover\:border-sky-300,
html.dark .focus\:border-sky-300:focus,
html.dark .open\:border-sky-300[open],
html.dark .group[open] .group-open\:border-sky-300,
html.dark .focus-within\:border-sky-300:focus-within { border-color: rgba(14,165,233,.5); }
html.dark .ring-sky-200 { --tw-ring-color: rgba(14,165,233,.35); }
html.dark .decoration-sky-200 { text-decoration-color: rgba(14,165,233,.45); }
html.dark .text-sky-800\/70 { color: rgba(186,230,253,.7); }
html.dark .text-sky-700\/70 { color: rgba(125,211,252,.7); }
html.dark .text-sky-800\/80 { color: rgba(186,230,253,.8); }
html.dark .text-sky-700\/80 { color: rgba(125,211,252,.8); }
html.dark .bg-cyan-50,
html.dark .hover\:bg-cyan-50:hover,
html.dark .group:hover .group-hover\:bg-cyan-50,
html.dark .focus\:bg-cyan-50:focus,
html.dark .open\:bg-cyan-50[open],
html.dark .group[open] .group-open\:bg-cyan-50,
html.dark .focus-within\:bg-cyan-50:focus-within { background-color: rgba(6,182,212,.13); }
html.dark .bg-cyan-100,
html.dark .hover\:bg-cyan-100:hover,
html.dark .group:hover .group-hover\:bg-cyan-100,
html.dark .focus\:bg-cyan-100:focus,
html.dark .open\:bg-cyan-100[open],
html.dark .group[open] .group-open\:bg-cyan-100,
html.dark .focus-within\:bg-cyan-100:focus-within { background-color: rgba(6,182,212,.2); }
html.dark .bg-cyan-200,
html.dark .hover\:bg-cyan-200:hover,
html.dark .group:hover .group-hover\:bg-cyan-200,
html.dark .focus\:bg-cyan-200:focus,
html.dark .open\:bg-cyan-200[open],
html.dark .group[open] .group-open\:bg-cyan-200,
html.dark .focus-within\:bg-cyan-200:focus-within { background-color: rgba(6,182,212,.28); }
html.dark .text-cyan-600,
html.dark .hover\:text-cyan-600:hover,
html.dark .group:hover .group-hover\:text-cyan-600,
html.dark .focus\:text-cyan-600:focus,
html.dark .open\:text-cyan-600[open],
html.dark .group[open] .group-open\:text-cyan-600,
html.dark .focus-within\:text-cyan-600:focus-within { color: #22d3ee; }
html.dark .text-cyan-700,
html.dark .hover\:text-cyan-700:hover,
html.dark .group:hover .group-hover\:text-cyan-700,
html.dark .focus\:text-cyan-700:focus,
html.dark .open\:text-cyan-700[open],
html.dark .group[open] .group-open\:text-cyan-700,
html.dark .focus-within\:text-cyan-700:focus-within { color: #67e8f9; }
html.dark .text-cyan-800,
html.dark .hover\:text-cyan-800:hover,
html.dark .group:hover .group-hover\:text-cyan-800,
html.dark .focus\:text-cyan-800:focus,
html.dark .open\:text-cyan-800[open],
html.dark .group[open] .group-open\:text-cyan-800,
html.dark .focus-within\:text-cyan-800:focus-within { color: #a5f3fc; }
html.dark .text-cyan-900,
html.dark .hover\:text-cyan-900:hover,
html.dark .group:hover .group-hover\:text-cyan-900,
html.dark .focus\:text-cyan-900:focus,
html.dark .open\:text-cyan-900[open],
html.dark .group[open] .group-open\:text-cyan-900,
html.dark .focus-within\:text-cyan-900:focus-within { color: #a5f3fc; }
html.dark .border-cyan-100,
html.dark .hover\:border-cyan-100:hover,
html.dark .group:hover .group-hover\:border-cyan-100,
html.dark .focus\:border-cyan-100:focus,
html.dark .open\:border-cyan-100[open],
html.dark .group[open] .group-open\:border-cyan-100,
html.dark .focus-within\:border-cyan-100:focus-within { border-color: rgba(6,182,212,.25); }
html.dark .border-cyan-200,
html.dark .hover\:border-cyan-200:hover,
html.dark .group:hover .group-hover\:border-cyan-200,
html.dark .focus\:border-cyan-200:focus,
html.dark .open\:border-cyan-200[open],
html.dark .group[open] .group-open\:border-cyan-200,
html.dark .focus-within\:border-cyan-200:focus-within { border-color: rgba(6,182,212,.35); }
html.dark .border-cyan-300,
html.dark .hover\:border-cyan-300:hover,
html.dark .group:hover .group-hover\:border-cyan-300,
html.dark .focus\:border-cyan-300:focus,
html.dark .open\:border-cyan-300[open],
html.dark .group[open] .group-open\:border-cyan-300,
html.dark .focus-within\:border-cyan-300:focus-within { border-color: rgba(6,182,212,.5); }
html.dark .ring-cyan-200 { --tw-ring-color: rgba(6,182,212,.35); }
html.dark .decoration-cyan-200 { text-decoration-color: rgba(6,182,212,.45); }
html.dark .text-cyan-800\/70 { color: rgba(165,243,252,.7); }
html.dark .text-cyan-700\/70 { color: rgba(103,232,249,.7); }
html.dark .text-cyan-800\/80 { color: rgba(165,243,252,.8); }
html.dark .text-cyan-700\/80 { color: rgba(103,232,249,.8); }
html.dark .bg-teal-50,
html.dark .hover\:bg-teal-50:hover,
html.dark .group:hover .group-hover\:bg-teal-50,
html.dark .focus\:bg-teal-50:focus,
html.dark .open\:bg-teal-50[open],
html.dark .group[open] .group-open\:bg-teal-50,
html.dark .focus-within\:bg-teal-50:focus-within { background-color: rgba(20,184,166,.13); }
html.dark .bg-teal-100,
html.dark .hover\:bg-teal-100:hover,
html.dark .group:hover .group-hover\:bg-teal-100,
html.dark .focus\:bg-teal-100:focus,
html.dark .open\:bg-teal-100[open],
html.dark .group[open] .group-open\:bg-teal-100,
html.dark .focus-within\:bg-teal-100:focus-within { background-color: rgba(20,184,166,.2); }
html.dark .bg-teal-200,
html.dark .hover\:bg-teal-200:hover,
html.dark .group:hover .group-hover\:bg-teal-200,
html.dark .focus\:bg-teal-200:focus,
html.dark .open\:bg-teal-200[open],
html.dark .group[open] .group-open\:bg-teal-200,
html.dark .focus-within\:bg-teal-200:focus-within { background-color: rgba(20,184,166,.28); }
html.dark .text-teal-600,
html.dark .hover\:text-teal-600:hover,
html.dark .group:hover .group-hover\:text-teal-600,
html.dark .focus\:text-teal-600:focus,
html.dark .open\:text-teal-600[open],
html.dark .group[open] .group-open\:text-teal-600,
html.dark .focus-within\:text-teal-600:focus-within { color: #2dd4bf; }
html.dark .text-teal-700,
html.dark .hover\:text-teal-700:hover,
html.dark .group:hover .group-hover\:text-teal-700,
html.dark .focus\:text-teal-700:focus,
html.dark .open\:text-teal-700[open],
html.dark .group[open] .group-open\:text-teal-700,
html.dark .focus-within\:text-teal-700:focus-within { color: #5eead4; }
html.dark .text-teal-800,
html.dark .hover\:text-teal-800:hover,
html.dark .group:hover .group-hover\:text-teal-800,
html.dark .focus\:text-teal-800:focus,
html.dark .open\:text-teal-800[open],
html.dark .group[open] .group-open\:text-teal-800,
html.dark .focus-within\:text-teal-800:focus-within { color: #99f6e4; }
html.dark .text-teal-900,
html.dark .hover\:text-teal-900:hover,
html.dark .group:hover .group-hover\:text-teal-900,
html.dark .focus\:text-teal-900:focus,
html.dark .open\:text-teal-900[open],
html.dark .group[open] .group-open\:text-teal-900,
html.dark .focus-within\:text-teal-900:focus-within { color: #99f6e4; }
html.dark .border-teal-100,
html.dark .hover\:border-teal-100:hover,
html.dark .group:hover .group-hover\:border-teal-100,
html.dark .focus\:border-teal-100:focus,
html.dark .open\:border-teal-100[open],
html.dark .group[open] .group-open\:border-teal-100,
html.dark .focus-within\:border-teal-100:focus-within { border-color: rgba(20,184,166,.25); }
html.dark .border-teal-200,
html.dark .hover\:border-teal-200:hover,
html.dark .group:hover .group-hover\:border-teal-200,
html.dark .focus\:border-teal-200:focus,
html.dark .open\:border-teal-200[open],
html.dark .group[open] .group-open\:border-teal-200,
html.dark .focus-within\:border-teal-200:focus-within { border-color: rgba(20,184,166,.35); }
html.dark .border-teal-300,
html.dark .hover\:border-teal-300:hover,
html.dark .group:hover .group-hover\:border-teal-300,
html.dark .focus\:border-teal-300:focus,
html.dark .open\:border-teal-300[open],
html.dark .group[open] .group-open\:border-teal-300,
html.dark .focus-within\:border-teal-300:focus-within { border-color: rgba(20,184,166,.5); }
html.dark .ring-teal-200 { --tw-ring-color: rgba(20,184,166,.35); }
html.dark .decoration-teal-200 { text-decoration-color: rgba(20,184,166,.45); }
html.dark .text-teal-800\/70 { color: rgba(153,246,228,.7); }
html.dark .text-teal-700\/70 { color: rgba(94,234,212,.7); }
html.dark .text-teal-800\/80 { color: rgba(153,246,228,.8); }
html.dark .text-teal-700\/80 { color: rgba(94,234,212,.8); }
html.dark .bg-emerald-50,
html.dark .hover\:bg-emerald-50:hover,
html.dark .group:hover .group-hover\:bg-emerald-50,
html.dark .focus\:bg-emerald-50:focus,
html.dark .open\:bg-emerald-50[open],
html.dark .group[open] .group-open\:bg-emerald-50,
html.dark .focus-within\:bg-emerald-50:focus-within { background-color: rgba(16,185,129,.13); }
html.dark .bg-emerald-100,
html.dark .hover\:bg-emerald-100:hover,
html.dark .group:hover .group-hover\:bg-emerald-100,
html.dark .focus\:bg-emerald-100:focus,
html.dark .open\:bg-emerald-100[open],
html.dark .group[open] .group-open\:bg-emerald-100,
html.dark .focus-within\:bg-emerald-100:focus-within { background-color: rgba(16,185,129,.2); }
html.dark .bg-emerald-200,
html.dark .hover\:bg-emerald-200:hover,
html.dark .group:hover .group-hover\:bg-emerald-200,
html.dark .focus\:bg-emerald-200:focus,
html.dark .open\:bg-emerald-200[open],
html.dark .group[open] .group-open\:bg-emerald-200,
html.dark .focus-within\:bg-emerald-200:focus-within { background-color: rgba(16,185,129,.28); }
html.dark .text-emerald-600,
html.dark .hover\:text-emerald-600:hover,
html.dark .group:hover .group-hover\:text-emerald-600,
html.dark .focus\:text-emerald-600:focus,
html.dark .open\:text-emerald-600[open],
html.dark .group[open] .group-open\:text-emerald-600,
html.dark .focus-within\:text-emerald-600:focus-within { color: #34d399; }
html.dark .text-emerald-700,
html.dark .hover\:text-emerald-700:hover,
html.dark .group:hover .group-hover\:text-emerald-700,
html.dark .focus\:text-emerald-700:focus,
html.dark .open\:text-emerald-700[open],
html.dark .group[open] .group-open\:text-emerald-700,
html.dark .focus-within\:text-emerald-700:focus-within { color: #6ee7b7; }
html.dark .text-emerald-800,
html.dark .hover\:text-emerald-800:hover,
html.dark .group:hover .group-hover\:text-emerald-800,
html.dark .focus\:text-emerald-800:focus,
html.dark .open\:text-emerald-800[open],
html.dark .group[open] .group-open\:text-emerald-800,
html.dark .focus-within\:text-emerald-800:focus-within { color: #a7f3d0; }
html.dark .text-emerald-900,
html.dark .hover\:text-emerald-900:hover,
html.dark .group:hover .group-hover\:text-emerald-900,
html.dark .focus\:text-emerald-900:focus,
html.dark .open\:text-emerald-900[open],
html.dark .group[open] .group-open\:text-emerald-900,
html.dark .focus-within\:text-emerald-900:focus-within { color: #a7f3d0; }
html.dark .border-emerald-100,
html.dark .hover\:border-emerald-100:hover,
html.dark .group:hover .group-hover\:border-emerald-100,
html.dark .focus\:border-emerald-100:focus,
html.dark .open\:border-emerald-100[open],
html.dark .group[open] .group-open\:border-emerald-100,
html.dark .focus-within\:border-emerald-100:focus-within { border-color: rgba(16,185,129,.25); }
html.dark .border-emerald-200,
html.dark .hover\:border-emerald-200:hover,
html.dark .group:hover .group-hover\:border-emerald-200,
html.dark .focus\:border-emerald-200:focus,
html.dark .open\:border-emerald-200[open],
html.dark .group[open] .group-open\:border-emerald-200,
html.dark .focus-within\:border-emerald-200:focus-within { border-color: rgba(16,185,129,.35); }
html.dark .border-emerald-300,
html.dark .hover\:border-emerald-300:hover,
html.dark .group:hover .group-hover\:border-emerald-300,
html.dark .focus\:border-emerald-300:focus,
html.dark .open\:border-emerald-300[open],
html.dark .group[open] .group-open\:border-emerald-300,
html.dark .focus-within\:border-emerald-300:focus-within { border-color: rgba(16,185,129,.5); }
html.dark .ring-emerald-200 { --tw-ring-color: rgba(16,185,129,.35); }
html.dark .decoration-emerald-200 { text-decoration-color: rgba(16,185,129,.45); }
html.dark .text-emerald-800\/70 { color: rgba(167,243,208,.7); }
html.dark .text-emerald-700\/70 { color: rgba(110,231,183,.7); }
html.dark .text-emerald-800\/80 { color: rgba(167,243,208,.8); }
html.dark .text-emerald-700\/80 { color: rgba(110,231,183,.8); }
html.dark .bg-green-50,
html.dark .hover\:bg-green-50:hover,
html.dark .group:hover .group-hover\:bg-green-50,
html.dark .focus\:bg-green-50:focus,
html.dark .open\:bg-green-50[open],
html.dark .group[open] .group-open\:bg-green-50,
html.dark .focus-within\:bg-green-50:focus-within { background-color: rgba(34,197,94,.13); }
html.dark .bg-green-100,
html.dark .hover\:bg-green-100:hover,
html.dark .group:hover .group-hover\:bg-green-100,
html.dark .focus\:bg-green-100:focus,
html.dark .open\:bg-green-100[open],
html.dark .group[open] .group-open\:bg-green-100,
html.dark .focus-within\:bg-green-100:focus-within { background-color: rgba(34,197,94,.2); }
html.dark .bg-green-200,
html.dark .hover\:bg-green-200:hover,
html.dark .group:hover .group-hover\:bg-green-200,
html.dark .focus\:bg-green-200:focus,
html.dark .open\:bg-green-200[open],
html.dark .group[open] .group-open\:bg-green-200,
html.dark .focus-within\:bg-green-200:focus-within { background-color: rgba(34,197,94,.28); }
html.dark .text-green-600,
html.dark .hover\:text-green-600:hover,
html.dark .group:hover .group-hover\:text-green-600,
html.dark .focus\:text-green-600:focus,
html.dark .open\:text-green-600[open],
html.dark .group[open] .group-open\:text-green-600,
html.dark .focus-within\:text-green-600:focus-within { color: #4ade80; }
html.dark .text-green-700,
html.dark .hover\:text-green-700:hover,
html.dark .group:hover .group-hover\:text-green-700,
html.dark .focus\:text-green-700:focus,
html.dark .open\:text-green-700[open],
html.dark .group[open] .group-open\:text-green-700,
html.dark .focus-within\:text-green-700:focus-within { color: #86efac; }
html.dark .text-green-800,
html.dark .hover\:text-green-800:hover,
html.dark .group:hover .group-hover\:text-green-800,
html.dark .focus\:text-green-800:focus,
html.dark .open\:text-green-800[open],
html.dark .group[open] .group-open\:text-green-800,
html.dark .focus-within\:text-green-800:focus-within { color: #bbf7d0; }
html.dark .text-green-900,
html.dark .hover\:text-green-900:hover,
html.dark .group:hover .group-hover\:text-green-900,
html.dark .focus\:text-green-900:focus,
html.dark .open\:text-green-900[open],
html.dark .group[open] .group-open\:text-green-900,
html.dark .focus-within\:text-green-900:focus-within { color: #bbf7d0; }
html.dark .border-green-100,
html.dark .hover\:border-green-100:hover,
html.dark .group:hover .group-hover\:border-green-100,
html.dark .focus\:border-green-100:focus,
html.dark .open\:border-green-100[open],
html.dark .group[open] .group-open\:border-green-100,
html.dark .focus-within\:border-green-100:focus-within { border-color: rgba(34,197,94,.25); }
html.dark .border-green-200,
html.dark .hover\:border-green-200:hover,
html.dark .group:hover .group-hover\:border-green-200,
html.dark .focus\:border-green-200:focus,
html.dark .open\:border-green-200[open],
html.dark .group[open] .group-open\:border-green-200,
html.dark .focus-within\:border-green-200:focus-within { border-color: rgba(34,197,94,.35); }
html.dark .border-green-300,
html.dark .hover\:border-green-300:hover,
html.dark .group:hover .group-hover\:border-green-300,
html.dark .focus\:border-green-300:focus,
html.dark .open\:border-green-300[open],
html.dark .group[open] .group-open\:border-green-300,
html.dark .focus-within\:border-green-300:focus-within { border-color: rgba(34,197,94,.5); }
html.dark .ring-green-200 { --tw-ring-color: rgba(34,197,94,.35); }
html.dark .decoration-green-200 { text-decoration-color: rgba(34,197,94,.45); }
html.dark .text-green-800\/70 { color: rgba(187,247,208,.7); }
html.dark .text-green-700\/70 { color: rgba(134,239,172,.7); }
html.dark .text-green-800\/80 { color: rgba(187,247,208,.8); }
html.dark .text-green-700\/80 { color: rgba(134,239,172,.8); }
html.dark .bg-lime-50,
html.dark .hover\:bg-lime-50:hover,
html.dark .group:hover .group-hover\:bg-lime-50,
html.dark .focus\:bg-lime-50:focus,
html.dark .open\:bg-lime-50[open],
html.dark .group[open] .group-open\:bg-lime-50,
html.dark .focus-within\:bg-lime-50:focus-within { background-color: rgba(132,204,22,.13); }
html.dark .bg-lime-100,
html.dark .hover\:bg-lime-100:hover,
html.dark .group:hover .group-hover\:bg-lime-100,
html.dark .focus\:bg-lime-100:focus,
html.dark .open\:bg-lime-100[open],
html.dark .group[open] .group-open\:bg-lime-100,
html.dark .focus-within\:bg-lime-100:focus-within { background-color: rgba(132,204,22,.2); }
html.dark .bg-lime-200,
html.dark .hover\:bg-lime-200:hover,
html.dark .group:hover .group-hover\:bg-lime-200,
html.dark .focus\:bg-lime-200:focus,
html.dark .open\:bg-lime-200[open],
html.dark .group[open] .group-open\:bg-lime-200,
html.dark .focus-within\:bg-lime-200:focus-within { background-color: rgba(132,204,22,.28); }
html.dark .text-lime-600,
html.dark .hover\:text-lime-600:hover,
html.dark .group:hover .group-hover\:text-lime-600,
html.dark .focus\:text-lime-600:focus,
html.dark .open\:text-lime-600[open],
html.dark .group[open] .group-open\:text-lime-600,
html.dark .focus-within\:text-lime-600:focus-within { color: #a3e635; }
html.dark .text-lime-700,
html.dark .hover\:text-lime-700:hover,
html.dark .group:hover .group-hover\:text-lime-700,
html.dark .focus\:text-lime-700:focus,
html.dark .open\:text-lime-700[open],
html.dark .group[open] .group-open\:text-lime-700,
html.dark .focus-within\:text-lime-700:focus-within { color: #bef264; }
html.dark .text-lime-800,
html.dark .hover\:text-lime-800:hover,
html.dark .group:hover .group-hover\:text-lime-800,
html.dark .focus\:text-lime-800:focus,
html.dark .open\:text-lime-800[open],
html.dark .group[open] .group-open\:text-lime-800,
html.dark .focus-within\:text-lime-800:focus-within { color: #d9f99d; }
html.dark .text-lime-900,
html.dark .hover\:text-lime-900:hover,
html.dark .group:hover .group-hover\:text-lime-900,
html.dark .focus\:text-lime-900:focus,
html.dark .open\:text-lime-900[open],
html.dark .group[open] .group-open\:text-lime-900,
html.dark .focus-within\:text-lime-900:focus-within { color: #d9f99d; }
html.dark .border-lime-100,
html.dark .hover\:border-lime-100:hover,
html.dark .group:hover .group-hover\:border-lime-100,
html.dark .focus\:border-lime-100:focus,
html.dark .open\:border-lime-100[open],
html.dark .group[open] .group-open\:border-lime-100,
html.dark .focus-within\:border-lime-100:focus-within { border-color: rgba(132,204,22,.25); }
html.dark .border-lime-200,
html.dark .hover\:border-lime-200:hover,
html.dark .group:hover .group-hover\:border-lime-200,
html.dark .focus\:border-lime-200:focus,
html.dark .open\:border-lime-200[open],
html.dark .group[open] .group-open\:border-lime-200,
html.dark .focus-within\:border-lime-200:focus-within { border-color: rgba(132,204,22,.35); }
html.dark .border-lime-300,
html.dark .hover\:border-lime-300:hover,
html.dark .group:hover .group-hover\:border-lime-300,
html.dark .focus\:border-lime-300:focus,
html.dark .open\:border-lime-300[open],
html.dark .group[open] .group-open\:border-lime-300,
html.dark .focus-within\:border-lime-300:focus-within { border-color: rgba(132,204,22,.5); }
html.dark .ring-lime-200 { --tw-ring-color: rgba(132,204,22,.35); }
html.dark .decoration-lime-200 { text-decoration-color: rgba(132,204,22,.45); }
html.dark .text-lime-800\/70 { color: rgba(217,249,157,.7); }
html.dark .text-lime-700\/70 { color: rgba(190,242,100,.7); }
html.dark .text-lime-800\/80 { color: rgba(217,249,157,.8); }
html.dark .text-lime-700\/80 { color: rgba(190,242,100,.8); }
html.dark .bg-amber-50,
html.dark .hover\:bg-amber-50:hover,
html.dark .group:hover .group-hover\:bg-amber-50,
html.dark .focus\:bg-amber-50:focus,
html.dark .open\:bg-amber-50[open],
html.dark .group[open] .group-open\:bg-amber-50,
html.dark .focus-within\:bg-amber-50:focus-within { background-color: rgba(245,158,11,.13); }
html.dark .bg-amber-100,
html.dark .hover\:bg-amber-100:hover,
html.dark .group:hover .group-hover\:bg-amber-100,
html.dark .focus\:bg-amber-100:focus,
html.dark .open\:bg-amber-100[open],
html.dark .group[open] .group-open\:bg-amber-100,
html.dark .focus-within\:bg-amber-100:focus-within { background-color: rgba(245,158,11,.2); }
html.dark .bg-amber-200,
html.dark .hover\:bg-amber-200:hover,
html.dark .group:hover .group-hover\:bg-amber-200,
html.dark .focus\:bg-amber-200:focus,
html.dark .open\:bg-amber-200[open],
html.dark .group[open] .group-open\:bg-amber-200,
html.dark .focus-within\:bg-amber-200:focus-within { background-color: rgba(245,158,11,.28); }
html.dark .text-amber-600,
html.dark .hover\:text-amber-600:hover,
html.dark .group:hover .group-hover\:text-amber-600,
html.dark .focus\:text-amber-600:focus,
html.dark .open\:text-amber-600[open],
html.dark .group[open] .group-open\:text-amber-600,
html.dark .focus-within\:text-amber-600:focus-within { color: #fbbf24; }
html.dark .text-amber-700,
html.dark .hover\:text-amber-700:hover,
html.dark .group:hover .group-hover\:text-amber-700,
html.dark .focus\:text-amber-700:focus,
html.dark .open\:text-amber-700[open],
html.dark .group[open] .group-open\:text-amber-700,
html.dark .focus-within\:text-amber-700:focus-within { color: #fcd34d; }
html.dark .text-amber-800,
html.dark .hover\:text-amber-800:hover,
html.dark .group:hover .group-hover\:text-amber-800,
html.dark .focus\:text-amber-800:focus,
html.dark .open\:text-amber-800[open],
html.dark .group[open] .group-open\:text-amber-800,
html.dark .focus-within\:text-amber-800:focus-within { color: #fde68a; }
html.dark .text-amber-900,
html.dark .hover\:text-amber-900:hover,
html.dark .group:hover .group-hover\:text-amber-900,
html.dark .focus\:text-amber-900:focus,
html.dark .open\:text-amber-900[open],
html.dark .group[open] .group-open\:text-amber-900,
html.dark .focus-within\:text-amber-900:focus-within { color: #fde68a; }
html.dark .border-amber-100,
html.dark .hover\:border-amber-100:hover,
html.dark .group:hover .group-hover\:border-amber-100,
html.dark .focus\:border-amber-100:focus,
html.dark .open\:border-amber-100[open],
html.dark .group[open] .group-open\:border-amber-100,
html.dark .focus-within\:border-amber-100:focus-within { border-color: rgba(245,158,11,.25); }
html.dark .border-amber-200,
html.dark .hover\:border-amber-200:hover,
html.dark .group:hover .group-hover\:border-amber-200,
html.dark .focus\:border-amber-200:focus,
html.dark .open\:border-amber-200[open],
html.dark .group[open] .group-open\:border-amber-200,
html.dark .focus-within\:border-amber-200:focus-within { border-color: rgba(245,158,11,.35); }
html.dark .border-amber-300,
html.dark .hover\:border-amber-300:hover,
html.dark .group:hover .group-hover\:border-amber-300,
html.dark .focus\:border-amber-300:focus,
html.dark .open\:border-amber-300[open],
html.dark .group[open] .group-open\:border-amber-300,
html.dark .focus-within\:border-amber-300:focus-within { border-color: rgba(245,158,11,.5); }
html.dark .ring-amber-200 { --tw-ring-color: rgba(245,158,11,.35); }
html.dark .decoration-amber-200 { text-decoration-color: rgba(245,158,11,.45); }
html.dark .text-amber-800\/70 { color: rgba(253,230,138,.7); }
html.dark .text-amber-700\/70 { color: rgba(252,211,77,.7); }
html.dark .text-amber-800\/80 { color: rgba(253,230,138,.8); }
html.dark .text-amber-700\/80 { color: rgba(252,211,77,.8); }
html.dark .bg-yellow-50,
html.dark .hover\:bg-yellow-50:hover,
html.dark .group:hover .group-hover\:bg-yellow-50,
html.dark .focus\:bg-yellow-50:focus,
html.dark .open\:bg-yellow-50[open],
html.dark .group[open] .group-open\:bg-yellow-50,
html.dark .focus-within\:bg-yellow-50:focus-within { background-color: rgba(234,179,8,.13); }
html.dark .bg-yellow-100,
html.dark .hover\:bg-yellow-100:hover,
html.dark .group:hover .group-hover\:bg-yellow-100,
html.dark .focus\:bg-yellow-100:focus,
html.dark .open\:bg-yellow-100[open],
html.dark .group[open] .group-open\:bg-yellow-100,
html.dark .focus-within\:bg-yellow-100:focus-within { background-color: rgba(234,179,8,.2); }
html.dark .bg-yellow-200,
html.dark .hover\:bg-yellow-200:hover,
html.dark .group:hover .group-hover\:bg-yellow-200,
html.dark .focus\:bg-yellow-200:focus,
html.dark .open\:bg-yellow-200[open],
html.dark .group[open] .group-open\:bg-yellow-200,
html.dark .focus-within\:bg-yellow-200:focus-within { background-color: rgba(234,179,8,.28); }
html.dark .text-yellow-600,
html.dark .hover\:text-yellow-600:hover,
html.dark .group:hover .group-hover\:text-yellow-600,
html.dark .focus\:text-yellow-600:focus,
html.dark .open\:text-yellow-600[open],
html.dark .group[open] .group-open\:text-yellow-600,
html.dark .focus-within\:text-yellow-600:focus-within { color: #facc15; }
html.dark .text-yellow-700,
html.dark .hover\:text-yellow-700:hover,
html.dark .group:hover .group-hover\:text-yellow-700,
html.dark .focus\:text-yellow-700:focus,
html.dark .open\:text-yellow-700[open],
html.dark .group[open] .group-open\:text-yellow-700,
html.dark .focus-within\:text-yellow-700:focus-within { color: #fde047; }
html.dark .text-yellow-800,
html.dark .hover\:text-yellow-800:hover,
html.dark .group:hover .group-hover\:text-yellow-800,
html.dark .focus\:text-yellow-800:focus,
html.dark .open\:text-yellow-800[open],
html.dark .group[open] .group-open\:text-yellow-800,
html.dark .focus-within\:text-yellow-800:focus-within { color: #fef08a; }
html.dark .text-yellow-900,
html.dark .hover\:text-yellow-900:hover,
html.dark .group:hover .group-hover\:text-yellow-900,
html.dark .focus\:text-yellow-900:focus,
html.dark .open\:text-yellow-900[open],
html.dark .group[open] .group-open\:text-yellow-900,
html.dark .focus-within\:text-yellow-900:focus-within { color: #fef08a; }
html.dark .border-yellow-100,
html.dark .hover\:border-yellow-100:hover,
html.dark .group:hover .group-hover\:border-yellow-100,
html.dark .focus\:border-yellow-100:focus,
html.dark .open\:border-yellow-100[open],
html.dark .group[open] .group-open\:border-yellow-100,
html.dark .focus-within\:border-yellow-100:focus-within { border-color: rgba(234,179,8,.25); }
html.dark .border-yellow-200,
html.dark .hover\:border-yellow-200:hover,
html.dark .group:hover .group-hover\:border-yellow-200,
html.dark .focus\:border-yellow-200:focus,
html.dark .open\:border-yellow-200[open],
html.dark .group[open] .group-open\:border-yellow-200,
html.dark .focus-within\:border-yellow-200:focus-within { border-color: rgba(234,179,8,.35); }
html.dark .border-yellow-300,
html.dark .hover\:border-yellow-300:hover,
html.dark .group:hover .group-hover\:border-yellow-300,
html.dark .focus\:border-yellow-300:focus,
html.dark .open\:border-yellow-300[open],
html.dark .group[open] .group-open\:border-yellow-300,
html.dark .focus-within\:border-yellow-300:focus-within { border-color: rgba(234,179,8,.5); }
html.dark .ring-yellow-200 { --tw-ring-color: rgba(234,179,8,.35); }
html.dark .decoration-yellow-200 { text-decoration-color: rgba(234,179,8,.45); }
html.dark .text-yellow-800\/70 { color: rgba(254,240,138,.7); }
html.dark .text-yellow-700\/70 { color: rgba(253,224,71,.7); }
html.dark .text-yellow-800\/80 { color: rgba(254,240,138,.8); }
html.dark .text-yellow-700\/80 { color: rgba(253,224,71,.8); }
html.dark .bg-orange-50,
html.dark .hover\:bg-orange-50:hover,
html.dark .group:hover .group-hover\:bg-orange-50,
html.dark .focus\:bg-orange-50:focus,
html.dark .open\:bg-orange-50[open],
html.dark .group[open] .group-open\:bg-orange-50,
html.dark .focus-within\:bg-orange-50:focus-within { background-color: rgba(249,115,22,.13); }
html.dark .bg-orange-100,
html.dark .hover\:bg-orange-100:hover,
html.dark .group:hover .group-hover\:bg-orange-100,
html.dark .focus\:bg-orange-100:focus,
html.dark .open\:bg-orange-100[open],
html.dark .group[open] .group-open\:bg-orange-100,
html.dark .focus-within\:bg-orange-100:focus-within { background-color: rgba(249,115,22,.2); }
html.dark .bg-orange-200,
html.dark .hover\:bg-orange-200:hover,
html.dark .group:hover .group-hover\:bg-orange-200,
html.dark .focus\:bg-orange-200:focus,
html.dark .open\:bg-orange-200[open],
html.dark .group[open] .group-open\:bg-orange-200,
html.dark .focus-within\:bg-orange-200:focus-within { background-color: rgba(249,115,22,.28); }
html.dark .text-orange-600,
html.dark .hover\:text-orange-600:hover,
html.dark .group:hover .group-hover\:text-orange-600,
html.dark .focus\:text-orange-600:focus,
html.dark .open\:text-orange-600[open],
html.dark .group[open] .group-open\:text-orange-600,
html.dark .focus-within\:text-orange-600:focus-within { color: #fb923c; }
html.dark .text-orange-700,
html.dark .hover\:text-orange-700:hover,
html.dark .group:hover .group-hover\:text-orange-700,
html.dark .focus\:text-orange-700:focus,
html.dark .open\:text-orange-700[open],
html.dark .group[open] .group-open\:text-orange-700,
html.dark .focus-within\:text-orange-700:focus-within { color: #fdba74; }
html.dark .text-orange-800,
html.dark .hover\:text-orange-800:hover,
html.dark .group:hover .group-hover\:text-orange-800,
html.dark .focus\:text-orange-800:focus,
html.dark .open\:text-orange-800[open],
html.dark .group[open] .group-open\:text-orange-800,
html.dark .focus-within\:text-orange-800:focus-within { color: #fed7aa; }
html.dark .text-orange-900,
html.dark .hover\:text-orange-900:hover,
html.dark .group:hover .group-hover\:text-orange-900,
html.dark .focus\:text-orange-900:focus,
html.dark .open\:text-orange-900[open],
html.dark .group[open] .group-open\:text-orange-900,
html.dark .focus-within\:text-orange-900:focus-within { color: #fed7aa; }
html.dark .border-orange-100,
html.dark .hover\:border-orange-100:hover,
html.dark .group:hover .group-hover\:border-orange-100,
html.dark .focus\:border-orange-100:focus,
html.dark .open\:border-orange-100[open],
html.dark .group[open] .group-open\:border-orange-100,
html.dark .focus-within\:border-orange-100:focus-within { border-color: rgba(249,115,22,.25); }
html.dark .border-orange-200,
html.dark .hover\:border-orange-200:hover,
html.dark .group:hover .group-hover\:border-orange-200,
html.dark .focus\:border-orange-200:focus,
html.dark .open\:border-orange-200[open],
html.dark .group[open] .group-open\:border-orange-200,
html.dark .focus-within\:border-orange-200:focus-within { border-color: rgba(249,115,22,.35); }
html.dark .border-orange-300,
html.dark .hover\:border-orange-300:hover,
html.dark .group:hover .group-hover\:border-orange-300,
html.dark .focus\:border-orange-300:focus,
html.dark .open\:border-orange-300[open],
html.dark .group[open] .group-open\:border-orange-300,
html.dark .focus-within\:border-orange-300:focus-within { border-color: rgba(249,115,22,.5); }
html.dark .ring-orange-200 { --tw-ring-color: rgba(249,115,22,.35); }
html.dark .decoration-orange-200 { text-decoration-color: rgba(249,115,22,.45); }
html.dark .text-orange-800\/70 { color: rgba(254,215,170,.7); }
html.dark .text-orange-700\/70 { color: rgba(253,186,116,.7); }
html.dark .text-orange-800\/80 { color: rgba(254,215,170,.8); }
html.dark .text-orange-700\/80 { color: rgba(253,186,116,.8); }
html.dark .bg-red-50,
html.dark .hover\:bg-red-50:hover,
html.dark .group:hover .group-hover\:bg-red-50,
html.dark .focus\:bg-red-50:focus,
html.dark .open\:bg-red-50[open],
html.dark .group[open] .group-open\:bg-red-50,
html.dark .focus-within\:bg-red-50:focus-within { background-color: rgba(239,68,68,.13); }
html.dark .bg-red-100,
html.dark .hover\:bg-red-100:hover,
html.dark .group:hover .group-hover\:bg-red-100,
html.dark .focus\:bg-red-100:focus,
html.dark .open\:bg-red-100[open],
html.dark .group[open] .group-open\:bg-red-100,
html.dark .focus-within\:bg-red-100:focus-within { background-color: rgba(239,68,68,.2); }
html.dark .bg-red-200,
html.dark .hover\:bg-red-200:hover,
html.dark .group:hover .group-hover\:bg-red-200,
html.dark .focus\:bg-red-200:focus,
html.dark .open\:bg-red-200[open],
html.dark .group[open] .group-open\:bg-red-200,
html.dark .focus-within\:bg-red-200:focus-within { background-color: rgba(239,68,68,.28); }
html.dark .text-red-600,
html.dark .hover\:text-red-600:hover,
html.dark .group:hover .group-hover\:text-red-600,
html.dark .focus\:text-red-600:focus,
html.dark .open\:text-red-600[open],
html.dark .group[open] .group-open\:text-red-600,
html.dark .focus-within\:text-red-600:focus-within { color: #f87171; }
html.dark .text-red-700,
html.dark .hover\:text-red-700:hover,
html.dark .group:hover .group-hover\:text-red-700,
html.dark .focus\:text-red-700:focus,
html.dark .open\:text-red-700[open],
html.dark .group[open] .group-open\:text-red-700,
html.dark .focus-within\:text-red-700:focus-within { color: #fca5a5; }
html.dark .text-red-800,
html.dark .hover\:text-red-800:hover,
html.dark .group:hover .group-hover\:text-red-800,
html.dark .focus\:text-red-800:focus,
html.dark .open\:text-red-800[open],
html.dark .group[open] .group-open\:text-red-800,
html.dark .focus-within\:text-red-800:focus-within { color: #fecaca; }
html.dark .text-red-900,
html.dark .hover\:text-red-900:hover,
html.dark .group:hover .group-hover\:text-red-900,
html.dark .focus\:text-red-900:focus,
html.dark .open\:text-red-900[open],
html.dark .group[open] .group-open\:text-red-900,
html.dark .focus-within\:text-red-900:focus-within { color: #fecaca; }
html.dark .border-red-100,
html.dark .hover\:border-red-100:hover,
html.dark .group:hover .group-hover\:border-red-100,
html.dark .focus\:border-red-100:focus,
html.dark .open\:border-red-100[open],
html.dark .group[open] .group-open\:border-red-100,
html.dark .focus-within\:border-red-100:focus-within { border-color: rgba(239,68,68,.25); }
html.dark .border-red-200,
html.dark .hover\:border-red-200:hover,
html.dark .group:hover .group-hover\:border-red-200,
html.dark .focus\:border-red-200:focus,
html.dark .open\:border-red-200[open],
html.dark .group[open] .group-open\:border-red-200,
html.dark .focus-within\:border-red-200:focus-within { border-color: rgba(239,68,68,.35); }
html.dark .border-red-300,
html.dark .hover\:border-red-300:hover,
html.dark .group:hover .group-hover\:border-red-300,
html.dark .focus\:border-red-300:focus,
html.dark .open\:border-red-300[open],
html.dark .group[open] .group-open\:border-red-300,
html.dark .focus-within\:border-red-300:focus-within { border-color: rgba(239,68,68,.5); }
html.dark .ring-red-200 { --tw-ring-color: rgba(239,68,68,.35); }
html.dark .decoration-red-200 { text-decoration-color: rgba(239,68,68,.45); }
html.dark .text-red-800\/70 { color: rgba(254,202,202,.7); }
html.dark .text-red-700\/70 { color: rgba(252,165,165,.7); }
html.dark .text-red-800\/80 { color: rgba(254,202,202,.8); }
html.dark .text-red-700\/80 { color: rgba(252,165,165,.8); }
html.dark .bg-rose-50,
html.dark .hover\:bg-rose-50:hover,
html.dark .group:hover .group-hover\:bg-rose-50,
html.dark .focus\:bg-rose-50:focus,
html.dark .open\:bg-rose-50[open],
html.dark .group[open] .group-open\:bg-rose-50,
html.dark .focus-within\:bg-rose-50:focus-within { background-color: rgba(244,63,94,.13); }
html.dark .bg-rose-100,
html.dark .hover\:bg-rose-100:hover,
html.dark .group:hover .group-hover\:bg-rose-100,
html.dark .focus\:bg-rose-100:focus,
html.dark .open\:bg-rose-100[open],
html.dark .group[open] .group-open\:bg-rose-100,
html.dark .focus-within\:bg-rose-100:focus-within { background-color: rgba(244,63,94,.2); }
html.dark .bg-rose-200,
html.dark .hover\:bg-rose-200:hover,
html.dark .group:hover .group-hover\:bg-rose-200,
html.dark .focus\:bg-rose-200:focus,
html.dark .open\:bg-rose-200[open],
html.dark .group[open] .group-open\:bg-rose-200,
html.dark .focus-within\:bg-rose-200:focus-within { background-color: rgba(244,63,94,.28); }
html.dark .text-rose-600,
html.dark .hover\:text-rose-600:hover,
html.dark .group:hover .group-hover\:text-rose-600,
html.dark .focus\:text-rose-600:focus,
html.dark .open\:text-rose-600[open],
html.dark .group[open] .group-open\:text-rose-600,
html.dark .focus-within\:text-rose-600:focus-within { color: #fb7185; }
html.dark .text-rose-700,
html.dark .hover\:text-rose-700:hover,
html.dark .group:hover .group-hover\:text-rose-700,
html.dark .focus\:text-rose-700:focus,
html.dark .open\:text-rose-700[open],
html.dark .group[open] .group-open\:text-rose-700,
html.dark .focus-within\:text-rose-700:focus-within { color: #fda4af; }
html.dark .text-rose-800,
html.dark .hover\:text-rose-800:hover,
html.dark .group:hover .group-hover\:text-rose-800,
html.dark .focus\:text-rose-800:focus,
html.dark .open\:text-rose-800[open],
html.dark .group[open] .group-open\:text-rose-800,
html.dark .focus-within\:text-rose-800:focus-within { color: #fecdd3; }
html.dark .text-rose-900,
html.dark .hover\:text-rose-900:hover,
html.dark .group:hover .group-hover\:text-rose-900,
html.dark .focus\:text-rose-900:focus,
html.dark .open\:text-rose-900[open],
html.dark .group[open] .group-open\:text-rose-900,
html.dark .focus-within\:text-rose-900:focus-within { color: #fecdd3; }
html.dark .border-rose-100,
html.dark .hover\:border-rose-100:hover,
html.dark .group:hover .group-hover\:border-rose-100,
html.dark .focus\:border-rose-100:focus,
html.dark .open\:border-rose-100[open],
html.dark .group[open] .group-open\:border-rose-100,
html.dark .focus-within\:border-rose-100:focus-within { border-color: rgba(244,63,94,.25); }
html.dark .border-rose-200,
html.dark .hover\:border-rose-200:hover,
html.dark .group:hover .group-hover\:border-rose-200,
html.dark .focus\:border-rose-200:focus,
html.dark .open\:border-rose-200[open],
html.dark .group[open] .group-open\:border-rose-200,
html.dark .focus-within\:border-rose-200:focus-within { border-color: rgba(244,63,94,.35); }
html.dark .border-rose-300,
html.dark .hover\:border-rose-300:hover,
html.dark .group:hover .group-hover\:border-rose-300,
html.dark .focus\:border-rose-300:focus,
html.dark .open\:border-rose-300[open],
html.dark .group[open] .group-open\:border-rose-300,
html.dark .focus-within\:border-rose-300:focus-within { border-color: rgba(244,63,94,.5); }
html.dark .ring-rose-200 { --tw-ring-color: rgba(244,63,94,.35); }
html.dark .decoration-rose-200 { text-decoration-color: rgba(244,63,94,.45); }
html.dark .text-rose-800\/70 { color: rgba(254,205,211,.7); }
html.dark .text-rose-700\/70 { color: rgba(253,164,175,.7); }
html.dark .text-rose-800\/80 { color: rgba(254,205,211,.8); }
html.dark .text-rose-700\/80 { color: rgba(253,164,175,.8); }
html.dark .bg-pink-50,
html.dark .hover\:bg-pink-50:hover,
html.dark .group:hover .group-hover\:bg-pink-50,
html.dark .focus\:bg-pink-50:focus,
html.dark .open\:bg-pink-50[open],
html.dark .group[open] .group-open\:bg-pink-50,
html.dark .focus-within\:bg-pink-50:focus-within { background-color: rgba(236,72,153,.13); }
html.dark .bg-pink-100,
html.dark .hover\:bg-pink-100:hover,
html.dark .group:hover .group-hover\:bg-pink-100,
html.dark .focus\:bg-pink-100:focus,
html.dark .open\:bg-pink-100[open],
html.dark .group[open] .group-open\:bg-pink-100,
html.dark .focus-within\:bg-pink-100:focus-within { background-color: rgba(236,72,153,.2); }
html.dark .bg-pink-200,
html.dark .hover\:bg-pink-200:hover,
html.dark .group:hover .group-hover\:bg-pink-200,
html.dark .focus\:bg-pink-200:focus,
html.dark .open\:bg-pink-200[open],
html.dark .group[open] .group-open\:bg-pink-200,
html.dark .focus-within\:bg-pink-200:focus-within { background-color: rgba(236,72,153,.28); }
html.dark .text-pink-600,
html.dark .hover\:text-pink-600:hover,
html.dark .group:hover .group-hover\:text-pink-600,
html.dark .focus\:text-pink-600:focus,
html.dark .open\:text-pink-600[open],
html.dark .group[open] .group-open\:text-pink-600,
html.dark .focus-within\:text-pink-600:focus-within { color: #f472b6; }
html.dark .text-pink-700,
html.dark .hover\:text-pink-700:hover,
html.dark .group:hover .group-hover\:text-pink-700,
html.dark .focus\:text-pink-700:focus,
html.dark .open\:text-pink-700[open],
html.dark .group[open] .group-open\:text-pink-700,
html.dark .focus-within\:text-pink-700:focus-within { color: #f9a8d4; }
html.dark .text-pink-800,
html.dark .hover\:text-pink-800:hover,
html.dark .group:hover .group-hover\:text-pink-800,
html.dark .focus\:text-pink-800:focus,
html.dark .open\:text-pink-800[open],
html.dark .group[open] .group-open\:text-pink-800,
html.dark .focus-within\:text-pink-800:focus-within { color: #fbcfe8; }
html.dark .text-pink-900,
html.dark .hover\:text-pink-900:hover,
html.dark .group:hover .group-hover\:text-pink-900,
html.dark .focus\:text-pink-900:focus,
html.dark .open\:text-pink-900[open],
html.dark .group[open] .group-open\:text-pink-900,
html.dark .focus-within\:text-pink-900:focus-within { color: #fbcfe8; }
html.dark .border-pink-100,
html.dark .hover\:border-pink-100:hover,
html.dark .group:hover .group-hover\:border-pink-100,
html.dark .focus\:border-pink-100:focus,
html.dark .open\:border-pink-100[open],
html.dark .group[open] .group-open\:border-pink-100,
html.dark .focus-within\:border-pink-100:focus-within { border-color: rgba(236,72,153,.25); }
html.dark .border-pink-200,
html.dark .hover\:border-pink-200:hover,
html.dark .group:hover .group-hover\:border-pink-200,
html.dark .focus\:border-pink-200:focus,
html.dark .open\:border-pink-200[open],
html.dark .group[open] .group-open\:border-pink-200,
html.dark .focus-within\:border-pink-200:focus-within { border-color: rgba(236,72,153,.35); }
html.dark .border-pink-300,
html.dark .hover\:border-pink-300:hover,
html.dark .group:hover .group-hover\:border-pink-300,
html.dark .focus\:border-pink-300:focus,
html.dark .open\:border-pink-300[open],
html.dark .group[open] .group-open\:border-pink-300,
html.dark .focus-within\:border-pink-300:focus-within { border-color: rgba(236,72,153,.5); }
html.dark .ring-pink-200 { --tw-ring-color: rgba(236,72,153,.35); }
html.dark .decoration-pink-200 { text-decoration-color: rgba(236,72,153,.45); }
html.dark .text-pink-800\/70 { color: rgba(251,207,232,.7); }
html.dark .text-pink-700\/70 { color: rgba(249,168,212,.7); }
html.dark .text-pink-800\/80 { color: rgba(251,207,232,.8); }
html.dark .text-pink-700\/80 { color: rgba(249,168,212,.8); }
html.dark .bg-fuchsia-50,
html.dark .hover\:bg-fuchsia-50:hover,
html.dark .group:hover .group-hover\:bg-fuchsia-50,
html.dark .focus\:bg-fuchsia-50:focus,
html.dark .open\:bg-fuchsia-50[open],
html.dark .group[open] .group-open\:bg-fuchsia-50,
html.dark .focus-within\:bg-fuchsia-50:focus-within { background-color: rgba(217,70,239,.13); }
html.dark .bg-fuchsia-100,
html.dark .hover\:bg-fuchsia-100:hover,
html.dark .group:hover .group-hover\:bg-fuchsia-100,
html.dark .focus\:bg-fuchsia-100:focus,
html.dark .open\:bg-fuchsia-100[open],
html.dark .group[open] .group-open\:bg-fuchsia-100,
html.dark .focus-within\:bg-fuchsia-100:focus-within { background-color: rgba(217,70,239,.2); }
html.dark .bg-fuchsia-200,
html.dark .hover\:bg-fuchsia-200:hover,
html.dark .group:hover .group-hover\:bg-fuchsia-200,
html.dark .focus\:bg-fuchsia-200:focus,
html.dark .open\:bg-fuchsia-200[open],
html.dark .group[open] .group-open\:bg-fuchsia-200,
html.dark .focus-within\:bg-fuchsia-200:focus-within { background-color: rgba(217,70,239,.28); }
html.dark .text-fuchsia-600,
html.dark .hover\:text-fuchsia-600:hover,
html.dark .group:hover .group-hover\:text-fuchsia-600,
html.dark .focus\:text-fuchsia-600:focus,
html.dark .open\:text-fuchsia-600[open],
html.dark .group[open] .group-open\:text-fuchsia-600,
html.dark .focus-within\:text-fuchsia-600:focus-within { color: #e879f9; }
html.dark .text-fuchsia-700,
html.dark .hover\:text-fuchsia-700:hover,
html.dark .group:hover .group-hover\:text-fuchsia-700,
html.dark .focus\:text-fuchsia-700:focus,
html.dark .open\:text-fuchsia-700[open],
html.dark .group[open] .group-open\:text-fuchsia-700,
html.dark .focus-within\:text-fuchsia-700:focus-within { color: #f0abfc; }
html.dark .text-fuchsia-800,
html.dark .hover\:text-fuchsia-800:hover,
html.dark .group:hover .group-hover\:text-fuchsia-800,
html.dark .focus\:text-fuchsia-800:focus,
html.dark .open\:text-fuchsia-800[open],
html.dark .group[open] .group-open\:text-fuchsia-800,
html.dark .focus-within\:text-fuchsia-800:focus-within { color: #f5d0fe; }
html.dark .text-fuchsia-900,
html.dark .hover\:text-fuchsia-900:hover,
html.dark .group:hover .group-hover\:text-fuchsia-900,
html.dark .focus\:text-fuchsia-900:focus,
html.dark .open\:text-fuchsia-900[open],
html.dark .group[open] .group-open\:text-fuchsia-900,
html.dark .focus-within\:text-fuchsia-900:focus-within { color: #f5d0fe; }
html.dark .border-fuchsia-100,
html.dark .hover\:border-fuchsia-100:hover,
html.dark .group:hover .group-hover\:border-fuchsia-100,
html.dark .focus\:border-fuchsia-100:focus,
html.dark .open\:border-fuchsia-100[open],
html.dark .group[open] .group-open\:border-fuchsia-100,
html.dark .focus-within\:border-fuchsia-100:focus-within { border-color: rgba(217,70,239,.25); }
html.dark .border-fuchsia-200,
html.dark .hover\:border-fuchsia-200:hover,
html.dark .group:hover .group-hover\:border-fuchsia-200,
html.dark .focus\:border-fuchsia-200:focus,
html.dark .open\:border-fuchsia-200[open],
html.dark .group[open] .group-open\:border-fuchsia-200,
html.dark .focus-within\:border-fuchsia-200:focus-within { border-color: rgba(217,70,239,.35); }
html.dark .border-fuchsia-300,
html.dark .hover\:border-fuchsia-300:hover,
html.dark .group:hover .group-hover\:border-fuchsia-300,
html.dark .focus\:border-fuchsia-300:focus,
html.dark .open\:border-fuchsia-300[open],
html.dark .group[open] .group-open\:border-fuchsia-300,
html.dark .focus-within\:border-fuchsia-300:focus-within { border-color: rgba(217,70,239,.5); }
html.dark .ring-fuchsia-200 { --tw-ring-color: rgba(217,70,239,.35); }
html.dark .decoration-fuchsia-200 { text-decoration-color: rgba(217,70,239,.45); }
html.dark .text-fuchsia-800\/70 { color: rgba(245,208,254,.7); }
html.dark .text-fuchsia-700\/70 { color: rgba(240,171,252,.7); }
html.dark .text-fuchsia-800\/80 { color: rgba(245,208,254,.8); }
html.dark .text-fuchsia-700\/80 { color: rgba(240,171,252,.8); }
html.dark .bg-brand-50,
html.dark .hover\:bg-brand-50:hover,
html.dark .group:hover .group-hover\:bg-brand-50,
html.dark .focus\:bg-brand-50:focus,
html.dark .open\:bg-brand-50[open],
html.dark .group[open] .group-open\:bg-brand-50,
html.dark .focus-within\:bg-brand-50:focus-within { background-color: rgba(139,92,246,.13); }
html.dark .bg-brand-100,
html.dark .hover\:bg-brand-100:hover,
html.dark .group:hover .group-hover\:bg-brand-100,
html.dark .focus\:bg-brand-100:focus,
html.dark .open\:bg-brand-100[open],
html.dark .group[open] .group-open\:bg-brand-100,
html.dark .focus-within\:bg-brand-100:focus-within { background-color: rgba(139,92,246,.2); }
html.dark .bg-brand-200,
html.dark .hover\:bg-brand-200:hover,
html.dark .group:hover .group-hover\:bg-brand-200,
html.dark .focus\:bg-brand-200:focus,
html.dark .open\:bg-brand-200[open],
html.dark .group[open] .group-open\:bg-brand-200,
html.dark .focus-within\:bg-brand-200:focus-within { background-color: rgba(139,92,246,.28); }
html.dark .text-brand-600,
html.dark .hover\:text-brand-600:hover,
html.dark .group:hover .group-hover\:text-brand-600,
html.dark .focus\:text-brand-600:focus,
html.dark .open\:text-brand-600[open],
html.dark .group[open] .group-open\:text-brand-600,
html.dark .focus-within\:text-brand-600:focus-within { color: #a78bfa; }
html.dark .text-brand-700,
html.dark .hover\:text-brand-700:hover,
html.dark .group:hover .group-hover\:text-brand-700,
html.dark .focus\:text-brand-700:focus,
html.dark .open\:text-brand-700[open],
html.dark .group[open] .group-open\:text-brand-700,
html.dark .focus-within\:text-brand-700:focus-within { color: #c4b5fd; }
html.dark .text-brand-800,
html.dark .hover\:text-brand-800:hover,
html.dark .group:hover .group-hover\:text-brand-800,
html.dark .focus\:text-brand-800:focus,
html.dark .open\:text-brand-800[open],
html.dark .group[open] .group-open\:text-brand-800,
html.dark .focus-within\:text-brand-800:focus-within { color: #ddd6fe; }
html.dark .text-brand-900,
html.dark .hover\:text-brand-900:hover,
html.dark .group:hover .group-hover\:text-brand-900,
html.dark .focus\:text-brand-900:focus,
html.dark .open\:text-brand-900[open],
html.dark .group[open] .group-open\:text-brand-900,
html.dark .focus-within\:text-brand-900:focus-within { color: #ddd6fe; }
html.dark .border-brand-100,
html.dark .hover\:border-brand-100:hover,
html.dark .group:hover .group-hover\:border-brand-100,
html.dark .focus\:border-brand-100:focus,
html.dark .open\:border-brand-100[open],
html.dark .group[open] .group-open\:border-brand-100,
html.dark .focus-within\:border-brand-100:focus-within { border-color: rgba(139,92,246,.25); }
html.dark .border-brand-200,
html.dark .hover\:border-brand-200:hover,
html.dark .group:hover .group-hover\:border-brand-200,
html.dark .focus\:border-brand-200:focus,
html.dark .open\:border-brand-200[open],
html.dark .group[open] .group-open\:border-brand-200,
html.dark .focus-within\:border-brand-200:focus-within { border-color: rgba(139,92,246,.35); }
html.dark .border-brand-300,
html.dark .hover\:border-brand-300:hover,
html.dark .group:hover .group-hover\:border-brand-300,
html.dark .focus\:border-brand-300:focus,
html.dark .open\:border-brand-300[open],
html.dark .group[open] .group-open\:border-brand-300,
html.dark .focus-within\:border-brand-300:focus-within { border-color: rgba(139,92,246,.5); }
html.dark .ring-brand-200 { --tw-ring-color: rgba(139,92,246,.35); }
html.dark .decoration-brand-200 { text-decoration-color: rgba(139,92,246,.45); }
html.dark .text-brand-800\/70 { color: rgba(221,214,254,.7); }
html.dark .text-brand-700\/70 { color: rgba(196,181,253,.7); }
html.dark .text-brand-800\/80 { color: rgba(221,214,254,.8); }
html.dark .text-brand-700\/80 { color: rgba(196,181,253,.8); }
html.dark .bg-sun-50,
html.dark .hover\:bg-sun-50:hover,
html.dark .group:hover .group-hover\:bg-sun-50,
html.dark .focus\:bg-sun-50:focus,
html.dark .open\:bg-sun-50[open],
html.dark .group[open] .group-open\:bg-sun-50,
html.dark .focus-within\:bg-sun-50:focus-within { background-color: rgba(245,158,11,.13); }
html.dark .bg-sun-100,
html.dark .hover\:bg-sun-100:hover,
html.dark .group:hover .group-hover\:bg-sun-100,
html.dark .focus\:bg-sun-100:focus,
html.dark .open\:bg-sun-100[open],
html.dark .group[open] .group-open\:bg-sun-100,
html.dark .focus-within\:bg-sun-100:focus-within { background-color: rgba(245,158,11,.2); }
html.dark .bg-sun-200,
html.dark .hover\:bg-sun-200:hover,
html.dark .group:hover .group-hover\:bg-sun-200,
html.dark .focus\:bg-sun-200:focus,
html.dark .open\:bg-sun-200[open],
html.dark .group[open] .group-open\:bg-sun-200,
html.dark .focus-within\:bg-sun-200:focus-within { background-color: rgba(245,158,11,.28); }
html.dark .text-sun-600,
html.dark .hover\:text-sun-600:hover,
html.dark .group:hover .group-hover\:text-sun-600,
html.dark .focus\:text-sun-600:focus,
html.dark .open\:text-sun-600[open],
html.dark .group[open] .group-open\:text-sun-600,
html.dark .focus-within\:text-sun-600:focus-within { color: #fbbf24; }
html.dark .text-sun-700,
html.dark .hover\:text-sun-700:hover,
html.dark .group:hover .group-hover\:text-sun-700,
html.dark .focus\:text-sun-700:focus,
html.dark .open\:text-sun-700[open],
html.dark .group[open] .group-open\:text-sun-700,
html.dark .focus-within\:text-sun-700:focus-within { color: #fcd34d; }
html.dark .text-sun-800,
html.dark .hover\:text-sun-800:hover,
html.dark .group:hover .group-hover\:text-sun-800,
html.dark .focus\:text-sun-800:focus,
html.dark .open\:text-sun-800[open],
html.dark .group[open] .group-open\:text-sun-800,
html.dark .focus-within\:text-sun-800:focus-within { color: #fde68a; }
html.dark .text-sun-900,
html.dark .hover\:text-sun-900:hover,
html.dark .group:hover .group-hover\:text-sun-900,
html.dark .focus\:text-sun-900:focus,
html.dark .open\:text-sun-900[open],
html.dark .group[open] .group-open\:text-sun-900,
html.dark .focus-within\:text-sun-900:focus-within { color: #fde68a; }
html.dark .border-sun-100,
html.dark .hover\:border-sun-100:hover,
html.dark .group:hover .group-hover\:border-sun-100,
html.dark .focus\:border-sun-100:focus,
html.dark .open\:border-sun-100[open],
html.dark .group[open] .group-open\:border-sun-100,
html.dark .focus-within\:border-sun-100:focus-within { border-color: rgba(245,158,11,.25); }
html.dark .border-sun-200,
html.dark .hover\:border-sun-200:hover,
html.dark .group:hover .group-hover\:border-sun-200,
html.dark .focus\:border-sun-200:focus,
html.dark .open\:border-sun-200[open],
html.dark .group[open] .group-open\:border-sun-200,
html.dark .focus-within\:border-sun-200:focus-within { border-color: rgba(245,158,11,.35); }
html.dark .border-sun-300,
html.dark .hover\:border-sun-300:hover,
html.dark .group:hover .group-hover\:border-sun-300,
html.dark .focus\:border-sun-300:focus,
html.dark .open\:border-sun-300[open],
html.dark .group[open] .group-open\:border-sun-300,
html.dark .focus-within\:border-sun-300:focus-within { border-color: rgba(245,158,11,.5); }
html.dark .ring-sun-200 { --tw-ring-color: rgba(245,158,11,.35); }
html.dark .decoration-sun-200 { text-decoration-color: rgba(245,158,11,.45); }
html.dark .text-sun-800\/70 { color: rgba(253,230,138,.7); }
html.dark .text-sun-700\/70 { color: rgba(252,211,77,.7); }
html.dark .text-sun-800\/80 { color: rgba(253,230,138,.8); }
html.dark .text-sun-700\/80 { color: rgba(252,211,77,.8); }
html.dark .from-brand-50 { --tw-gradient-from: rgba(139,92,246,.12) var(--tw-gradient-from-position); --tw-gradient-to: rgba(139,92,246,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-white { --tw-gradient-to: #161c25 var(--tw-gradient-to-position); }
html.dark .via-white { --tw-gradient-to: rgba(22,28,37,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #161c25 var(--tw-gradient-via-position), var(--tw-gradient-to); }
html.dark .theme-light .card { background: #161c25; border-color: #283140; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
html.dark .theme-light .card-link:hover,
html.dark .theme-light .card.is-hover:hover { border-color: rgba(139,92,246,.45); box-shadow: 0 14px 36px -14px rgba(0,0,0,.7); }
html.dark .theme-light .btn-ghost { background: #161c25; color: #e8edf3; border-color: #364152; }
html.dark .theme-light .btn-ghost:hover { border-color: rgba(139,92,246,.6); color: #c4b5fd; }
html.dark .theme-light .btn-soft { background: rgba(139,92,246,.16); color: #c4b5fd; }
html.dark .theme-light .btn-soft:hover { background: rgba(139,92,246,.26); }
html.dark .theme-light .btn-primary { box-shadow: 0 10px 24px -12px rgba(0,0,0,.7); }
html.dark .theme-light .btn-shine { box-shadow: 0 10px 24px -12px rgba(0,0,0,.7); }
html.dark .theme-light .eyebrow { background: rgba(139,92,246,.16); color: #c4b5fd; }
html.dark .theme-light .kicker,
html.dark .theme-light .accent { color: #b79dfa; }
html.dark .theme-light .section-title { color: #e8edf3; }
html.dark .theme-light .section-lead { color: #a3aebb; }
html.dark .theme-light .spec-chip { background: #1b222c; border-color: #283140; }
html.dark .theme-light .spec-chip small { color: #95a1af; }
html.dark .theme-light .spec-chip b { color: #e8edf3; }
html.dark .theme-light .field { background-color: #0f141b; border-color: #364152; color: #e8edf3; }
html.dark .theme-light .field::placeholder { color: #6b7684; }
html.dark .theme-light .field:focus { background-color: #0f141b; border-color: #8b5cf6; box-shadow: 0 0 0 4px rgba(139,92,246,.22); }
html.dark .theme-light select.field { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a1af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
html.dark .theme-light select option,
html.dark select option { background-color: #161c25; color: #e8edf3; }
html.dark .theme-light a:focus-visible,
html.dark .theme-light button:focus-visible,
html.dark .theme-light summary:focus-visible,
html.dark .theme-light input:focus-visible,
html.dark .theme-light select:focus-visible,
html.dark .theme-light textarea:focus-visible { outline-color: #a78bfa; }
html.dark .theme-light .compare-table th,
html.dark .theme-light .compare-table td { border-bottom-color: #283140; }
html.dark .theme-light .compare-table thead th { background: #1b222c; color: #e8edf3; }
html.dark .theme-light .compare-table tbody tr:hover { background: rgba(139,92,246,.06); }
html.dark .theme-light .tab-btn { color: #a3aebb; background: #161c25; border-color: #283140; }
html.dark .theme-light details.faq-item[open] { border-color: rgba(139,92,246,.45); box-shadow: 0 14px 36px -20px rgba(0,0,0,.7); }
html.dark .theme-light .nav-link.is-active,
html.dark .theme-light .mobile-link.is-active { color: #c4b5fd; background: rgba(139,92,246,.16); }
html.dark .theme-light .toast { background: #161c25; color: #e8edf3; border-color: #364152; box-shadow: 0 20px 40px -20px rgba(0,0,0,.8); }
html.dark .theme-light .timeline::before { background: linear-gradient(180deg, rgba(139,92,246,.6), rgba(139,92,246,.15), transparent); }
html.dark .theme-light .timeline-dot { background: #161c25; border-color: rgba(139,92,246,.6); color: #c4b5fd; }
html.dark .theme-light .legal h2,
html.dark .theme-light .legal strong { color: #e8edf3; }
html.dark .theme-light .legal h3 { color: #d9e0e8; }
html.dark .theme-light .legal p,
html.dark .theme-light .legal li { color: #a3aebb; }
html.dark .theme-light .toc-link:hover { color: #c4b5fd; border-right-color: rgba(139,92,246,.6); }
html.dark .theme-light .check-card .check-box { border-color: #364152; }
html.dark .theme-light .check-card:has(input:checked),
html.dark .theme-light .radio-card:has(input:checked) { border-color: rgba(139,92,246,.6); background-color: rgba(139,92,246,.1); }
html.dark .theme-light .hero-band { background: radial-gradient(60% 120% at 100% 0%, rgba(139,92,246,.14) 0%, rgba(139,92,246,0) 60%), radial-gradient(45% 90% at 0% 100%, rgba(245,158,11,.06) 0%, rgba(245,158,11,0) 60%), #161c25; border-bottom-color: #283140; }
html.dark .theme-light .text-slate-500 { color: #95a1af; }
html.dark .theme-light .text-emerald-600 { color: #34d399; }
html.dark #billingKnob { background-color: #e8edf3; }
html.dark #navbar { background-color: rgba(22,28,37,.92); }
html.dark .dropdown-panel,
html.dark #mobileMenu { background-color: #161c25; border-color: #283140; }
html.dark main svg [fill="#ffffff"],
html.dark main svg [fill="#fff"] { fill: #161c25; }
html.dark main svg [fill="#f8fafc"],
html.dark main svg [fill="#f1f5f9"] { fill: #1b222c; }
html.dark main svg [fill="#e2e8f0"] { fill: #2a3340; }
html.dark main svg [fill="#cbd5e1"] { fill: #364152; }
html.dark main svg [stroke="#e2e8f0"] { stroke: #283140; }
html.dark main svg [stroke="#cbd5e1"] { stroke: #364152; }
html.dark main svg [stop-color="#ffffff"],
html.dark main svg [stop-color="#fff"] { stop-color: #161c25; }
html.dark main svg [stop-color="#f8fafc"] { stop-color: #1b222c; }
html.dark main svg [fill="#0f172a"],
html.dark main svg [fill="#1e293b"] { fill: #e8edf3; }
html.dark main svg [fill="#334155"],
html.dark main svg [fill="#475569"],
html.dark main svg [fill="#64748b"] { fill: #a3aebb; }
/* آیکون دکمه‌ی تم: در حالت روشن ماه، در حالت تیره خورشید */
.theme-toggle .theme-icon-sun { display: none; }
html.dark .theme-toggle .theme-icon-sun { display: inline-block; }
html.dark .theme-toggle .theme-icon-moon { display: none; }
/* DARK-THEME:END */