background:#ef4444}

.terminal-dot.yellow {
  background:#eab308}

.terminal-dot.green {
  background:#22c55e}

.terminal-body {
  padding:1.5rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.875rem;
  line-height:1.8;
  color:hsl(210 20% 80%)}

.terminal-body .prompt {
  color:#22c55e}

.terminal-body .cmd {
  color:hsl(210 20% 90%)}

.terminal-body .success {
  color:#06b6d4}

.terminal-body .muted {
  color:hsl(220 15% 45%)}

.terminal-body .link {
  color:#7c3aed}

.cta-section {
  text-align:center;
  padding:5rem 0}

.cta-section h2 {
  margin-bottom:1.5rem}

.cta-section p {
  max-width:42rem;
  margin:0 auto 2.5rem;
  font-size:1.125rem}

.stats-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  max-width:48rem;
  margin:0 auto}

@media(min-width:768px) {
  .stats-grid {
  grid-template-columns:1fr 1fr 1fr 1fr}

}

.stat-card {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  padding:1.5rem;
  text-align:center}

.step-card {
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.25rem;
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo)}

.step-card .step-num {
  font-size:1.875rem;
  font-weight:700;
  opacity:.2;
  flex-shrink:0;
  line-height:1}

.blog-card {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  overflow:hidden}

.blog-card .card-content {
  padding:1.5rem}

details.faq-item {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  margin-bottom:.5rem}

details.faq-item summary {
  padding:1.25rem 2rem;
  font-weight:600;
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between}

details.faq-item summary::-webkit-details-marker {
  display:none}

details.faq-item summary::after {
  content:'+';
  font-size:1.25rem;
  color:var(--fg-muted)}

details.faq-item[open] summary::after {
  content:'−'}

details.faq-item .faq-answer {
  padding:0 2rem 1.25rem;
  color:var(--fg-muted);
  line-height:1.7;
  font-size:.9375rem}

table {
  width:100%;
  border-collapse:collapse}

th,td {
  padding:.75rem 1rem;
  text-align:left;
  border-bottom:1px solid var(--bevel-edge)}

th {
  font-weight:600;
  font-size:.75rem;
  color:var(--fg-subtle);
  text-transform:uppercase;
  letter-spacing:.05em}

td {
  font-size:.875rem}

body:not(.newsletter) tr:hover td {
  background:var(--bg-secondary)}

.gradient-text-purple {
  background:linear-gradient(90deg,#7c3aed,#2563eb,#0891b2);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-emerald {
  background:linear-gradient(90deg,#059669,#2563eb,#4f46e5);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-blue {
  background:linear-gradient(90deg,#2563eb,#4f46e5,#7c3aed);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-cyan {
  background:linear-gradient(90deg,#0891b2,#2563eb,#4f46e5);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-amber {
  background:linear-gradient(90deg,#d97706,#ea580c,#dc2626);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-red {
  background:linear-gradient(90deg,#dc2626,#e11d48,#475569);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-orange {
  background:linear-gradient(90deg,#ea580c,#d97706,#ca8a04);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-indigo {
  background:linear-gradient(90deg,#4f46e5,#7c3aed,#2563eb);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-pink {
  background:linear-gradient(90deg,#db2777,#e11d48,#be185d);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.text-center {
  text-align:center}

.text-muted {
  color:var(--fg-muted)}

.text-sm {
  font-size:.875rem}

.text-xs {
  font-size:.75rem}

.text-lg {
  font-size:1.125rem}

.text-xl {
  font-size:1.25rem}

.text-2xl {
  font-size:1.5rem}

.text-3xl {
  font-size:1.875rem}

.text-4xl {
  font-size:2.25rem}

.text-5xl {
  font-size:3rem}

.text-6xl {
  font-size:3.75rem}

.font-bold {
  font-weight:700}

.font-medium {
  font-weight:500}

.font-semibold {
  font-weight:600}

.tracking-tight {
  letter-spacing:-.025em}

.tracking-tighter {
  letter-spacing:-.05em}

.max-w-2xl {
  max-width:42rem}

.max-w-3xl {
  max-width:48rem}

.max-w-4xl {
  max-width:56rem}

.max-w-5xl {
  max-width:64rem}

.max-w-6xl {
  max-width:72rem}

.mx-auto {
  margin-left:auto;
  margin-right:auto}

.mb-2 {
  margin-bottom:.5rem}

.mb-4 {
  margin-bottom:1rem}

.mb-6 {
  margin-bottom:1.5rem}

.mb-8 {
  margin-bottom:2rem}

.mb-12 {
  margin-bottom:3rem}

.mb-16 {
  margin-bottom:4rem}

.mt-4 {
  margin-top:1rem}

.mt-6 {
  margin-top:1.5rem}

.mt-8 {
  margin-top:2rem}

.gap-2 {
  gap:.5rem}

.gap-3 {
  gap:.75rem}

.gap-4 {
  gap:1rem}

.gap-6 {
  gap:1.5rem}

.gap-8 {
  gap:2rem}

.gap-10 {
  gap:2.5rem}

.gap-12 {
  gap:3rem}

.gap-16 {
  gap:4rem}

.flex {
  display:flex}

.flex-col {
  flex-direction:column}

.items-center {
  align-items:center}

.items-start {
  align-items:flex-start}

.justify-center {
  justify-content:center}

.justify-between {
  justify-content:space-between}

.flex-wrap {
  flex-wrap:wrap}

.inline-flex {
  display:inline-flex}

.w-full {
  width:100%}

.relative {
  position:relative}

.overflow-hidden {
  overflow:hidden}

.rounded-xl {
  border-radius:.75rem}

.rounded-2xl {
  border-radius:1rem}

.rounded-lg {
  border-radius:.5rem}

.border-t {
  border-top:1px solid var(--border)}

.border {
  border:1px solid var(--border)}

.shadow-sm {
  box-shadow:0 1px 2px rgba(0,0,0,.05)}

.shadow-lg {
  box-shadow:0 4px 16px rgba(0,0,0,.08)}

.leading-relaxed {
  line-height:1.625}

.space-y-2>*+* {
  margin-top:.5rem}

.space-y-3>*+* {
  margin-top:.75rem}

.space-y-4>*+* {
  margin-top:1rem}

.space-y-6>*+* {
  margin-top:1.5rem}

.back-link {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-size:.875rem;
  color:var(--fg-muted);
  margin-bottom:1.5rem;
  transition:color .2s}

.back-link:hover {
  color:var(--fg)}

.avatar-circle {
  width:4rem;
  height:4rem;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1rem}

.avatar-blue {
  background:rgba(37,99,235,.1);
  color:#2563eb}

.avatar-purple {
  background:rgba(124,58,237,.1);
  color:#7c3aed}

.avatar-orange {
  background:rgba(217,119,6,.1);
  color:#d97706}

.avatar-teal {
  background:rgba(20,184,166,.1);
  color:#14b8a6}

.callout {
  padding:1rem;
  border-radius:.5rem;
  margin:.75rem 0}

.callout h2 {
  text-align:center}

.card {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  padding:1.25rem}

.step-number {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  background:var(--fg);
  color:var(--bg);
  font-weight:700;
  font-size:.875rem;
  margin-bottom:.75rem}

.callout-blue {
  background:rgba(37,99,235,.05);
  border-left:3px solid #2563eb}

.callout-purple {
  background:rgba(124,58,237,.05);
  border-left:3px solid #7c3aed}

.callout-note {
  font-size:.875rem;
  color:var(--fg-muted);
  margin-top:.5rem}

.callout-note-green {
  color:#059669}

.callout-quote {
  font-style:italic;
  color:var(--fg-muted);
  margin:.75rem 0;
  padding:.5rem;
  border-left:3px solid var(--fg-subtle)}

.callout-warning {
  background:rgba(220,38,38,.05);
  border-left:3px solid #dc2626;
  padding:.75rem;
  border-radius:.25rem;
  font-size:.875rem;
  color:#dc2626}

.badge-row {
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.75rem}

.badge-gray {
  background:var(--bg-secondary);
  color:var(--fg-muted);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo)}

.feature-item {
  padding:1rem 0;
  border-bottom:1px solid var(--bevel-edge)}

.feature-item:last-child {
  border-bottom:none}

.feature-item h4 {
  font-weight:600;
  margin-bottom:.25rem}

.table-responsive {
  overflow-x:auto}

.prose table:not(.comparison-table) {
  overflow-x:auto;
  display:block}

body.newsletter #newsletter-body {
  color:#0B0B0F}

[data-theme="dark"] [style*="background:#fff"],[data-theme="dark"] [style*="background:#fff"] {
  color:#1a1a1a}

.prose pre,.prose code {
  overflow-x:auto;
  word-break:break-word;
  white-space:pre-wrap;
  word-wrap:break-word}

.page-hero h1 {
  overflow-wrap:break-word}

.comparison-table {
  min-width:600px}

.comparison-table th {
  text-align:left;
  padding:1rem}

.comparison-table td {
  padding:.875rem 1rem}

.text-blue {
  color:#2563eb}

.text-purple {
  color:#7c3aed}

.text-orange {
  color:#d97706}

.text-teal {
  color:#14b8a6}

.text-red {
  color:#dc2626}

.text-green {
  color:#059669}

.text-yellow {
  color:#ca8a04}

.text-center {
  text-align:center}

.card-grid {
  display:grid;
  gap:2rem}

.card-grid-2 {
  grid-template-columns:1fr}

@media(min-width:768px) {
  .card-grid-2 {
  grid-template-columns:1fr 1fr}

}

.card-grid-3 {
  grid-template-columns:1fr}

@media(min-width:640px) {
  .card-grid-3 {
  grid-template-columns:1fr 1fr}

}

@media(min-width:1024px) {
  .card-grid-3 {
  grid-template-columns:1fr 1fr 1fr}

}

.card {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  overflow:hidden}

.card-header-center {
  text-align:center;
  padding:2rem 1.5rem 0}

.card-body {
  padding:1.5rem}

.people-section {
  padding:5rem 0;
  background:var(--bg-secondary)}

.people-section .section-header {
  text-align:center;
  margin-bottom:3rem}

.people-section .section-title {
  font-size:1.875rem;
  font-weight:600;
  margin-bottom:.5rem}

.people-section .section-subtitle {
  color:var(--fg-muted)}

.people-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem}

@media(min-width:640px) {
  .people-grid {
  grid-template-columns:1fr 1fr}

}

@media(min-width:1024px) {
  .people-grid {
  grid-template-columns:1fr 1fr 1fr 1fr}

}

.people-card {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  overflow:hidden}

.people-img-wrap {
  aspect-ratio:16/9;
  overflow:hidden}

.people-img-wrap img {
  width:100%;
  height:100%;
  object-fit:cover}

.people-card-content {
  padding:1rem;
  background:var(--bg)}

.people-card-content h3 {
  font-weight:600;
  margin-bottom:.25rem}

.people-card-content p {
  font-size:.875rem;
  color:var(--fg-muted)}

.cta-section.section-dark p,.cta-section.section-gradient p {
  color:rgba(255,255,255,.7)}

.legal-page {
  padding:8rem 0 5rem;
  min-height:100vh}

.legal-container {
  max-width:800px}

.legal-header {
  text-align:center;
  margin-bottom:4rem}

.legal-header h1 {
  font-size:2.5rem;
  font-weight:700;
  margin-bottom:1rem}

.legal-header p {
  color:var(--fg-muted);
  max-width:560px;
  margin:0 auto}

.legal-body {
  background:var(--bg-card);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  padding:2rem}

.legal-body section {
  margin-bottom:2rem;
  padding-bottom:2rem;
  border-bottom:1px solid var(--bevel-edge)}

.legal-body section:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none}

.legal-body h2 {
  font-size:1.25rem;
  font-weight:600;
  margin-bottom:.75rem}

.legal-body p {
  color:var(--fg-muted);
  line-height:1.7}

.legal-body ul {
  list-style:disc;
  padding-left:1.5rem;
  color:var(--fg-muted)}

.legal-body li {
  margin-bottom:.5rem;
  line-height:1.6}

.terms-summary-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem}

@media(min-width:640px) {
  .terms-summary-grid {
  grid-template-columns:1fr 1fr}

}

.terms-col {
  display:flex;
  flex-direction:column;
  gap:1rem}

.check-item {
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:1rem;
  background:var(--bg);
  border-top:1px solid var(--bevel-hi);
  border-left:1px solid var(--bevel-hi);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo)}

.check-item .check-icon {
  flex-shrink:0;
  width:1.5rem;
  height:1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--success);
  font-size:.875rem;
  font-weight:700}

.check-title {
  font-weight:600;
  margin-bottom:.25rem}

.check-desc {
  font-size:.875rem;
  color:var(--fg-muted);
  line-height:1.5}

.max-width {
  max-width:56rem;
  margin-left:auto;
  margin-right:auto}

.prose {
  max-width:56rem;
  margin-left:auto;
  margin-right:auto;
  font-size:1.0625rem;
  line-height:1.75;
  color:var(--fg)}

.prose p,.prose ul,.prose ol,.prose blockquote {
  margin-bottom:1.25rem}

.prose p:last-child {
  margin-bottom:0}

.prose h2 {
  font-size:1.5rem;
  font-weight:700;
  margin-top:2.5rem;
  margin-bottom:1rem;
  line-height:1.3}

.prose h3 {
  font-size:1.25rem;
  font-weight:600;
  margin-top:2rem;
  margin-bottom:.75rem;
  line-height:1.35}

.prose h4 {
  font-size:1.0625rem;
  font-weight:600;
  margin-top:1.5rem;
  margin-bottom:.5rem}

.prose ul,.prose ol {
  padding-left:1.5rem}

.prose li {
  margin-bottom:.375rem;
  line-height:1.65}

.prose blockquote {
  border-top:1px solid var(--bevel-hi);
  border-left:3px solid var(--fg);
  border-right:1px solid var(--bevel-lo);
  border-bottom:1px solid var(--bevel-lo);
  padding:.75rem 1.25rem;
  margin:1.5rem 0;
  font-style:italic;
  color:var(--fg-muted);
  background:var(--bg-secondary)}

.prose strong {
  font-weight:600}

.prose code {
  font-size:.875em;
  background:var(--bg-secondary);
  padding:.125rem .375rem;
  border-radius:.25rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.prose img {
  max-width:100%;
  height:auto;
  border-radius:var(--radius-sm)}

.prose a {
  color:var(--primary);
  text-decoration:underline;
  text-underline-offset:2px}

.prose a:hover {
  color:var(--primary-hover)}

.prose .lead {
  font-size:1.125rem;
  line-height:1.7;
  color:var(--fg-muted)}


@media (max-width:768px) {
  .prose {
  font-size:1rem}

.prose h2 {
  font-size:1.3125rem}

.prose h3 {
  font-size:1.125rem}

}

.blog-card {
  text-decoration:none;
  color:var(--fg);
  display:block}

.blog-card .badge {
  margin-bottom:.75rem}

.blog-card h3 {
  font-size:1.125rem;
  line-height:1.35;
  margin-bottom:.5rem}

.blog-card p {
  line-height:1.55}

.blog-card .text-xs {
  display:block;
  margin-top:.75rem}


@media (max-width:768px) {
  table,.newsletter table {
  display:block;
  max-width:100% !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch}

td[style*="padding:0 36px"] {
  padding:0 16px !important}

td[style*="padding:28px 36px"],td[style*="padding:32px 36px"],td[style*="padding:30px 36px"],td[style*="padding:34px 36px"],td[style*="padding:38px 36px"] {
  padding-left:16px !important;
  padding-right:16px !important}

}

.related-posts {
  padding:3rem 0;
  background:var(--bg-secondary,transparent)}

.related-posts .container {
  max-width:42rem;
  margin:0 auto}

.related-posts .section-title {
  font-size:1.75rem;
  font-weight:700;
  margin-bottom:.5rem;
  text-align:center}

.related-posts .section-desc {
  color:var(--fg-muted);
  margin-bottom:2rem;
  text-align:center}

.related-posts-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem}

.related-post-card {
  display:block;
  background:var(--bg-card);
  border:1px solid var(--bevel-edge);
  border-radius:.75rem;
  padding:1.5rem;
  text-decoration:none;
  color:inherit;
  transition:transform .2s,box-shadow .2s;
  border-left:3px solid #ff0080}

.related-post-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 32px var(--shadow,rgba(0,0,0,.08))}

.related-post-card .post-date {
  font-size:.8rem;
  color:var(--fg-muted)}

.related-post-card h3 {
  font-size:1.1rem;
  font-weight:600;
  margin:.5rem 0;
  color:var(--fg)}

.related-post-card p {
  font-size:.9rem;
  color:var(--fg-muted);
  line-height:1.5;
  margin-bottom:.75rem;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden}

.related-post-card .read-more {
  font-size:.85rem;
  font-weight:500;
  color:#ff0080}

@media(max-width:768px) {
  .related-posts-grid {
  grid-template-columns:1fr}

}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');
  :root {
  --p-indigo:#6366f1;
  --p-violet:#8b5cf6;
  --p-cyan:#22d3ee;
  --p-emerald:#10b981;
  --p-rose:#f43f5e;
  --p-amber:#f59e0b;
  --hero-bg:#09090f;
  --hero-surface:rgba(255,255,255,0.04);
  --hero-border:rgba(255,255,255,0.10);
  --hero-fg:#f1f5f9;
  --hero-muted:#94a3b8;
  --glow-indigo:radial-gradient(circle at 50% 50%,rgba(99,102,241,.55) 0%,transparent 70%);
  --glow-violet:radial-gradient(circle at 50% 50%,rgba(139,92,246,.45) 0%,transparent 70%);
  --glow-cyan:radial-gradient(circle at 50% 50%,rgba(34,211,238,.35) 0%,transparent 70%);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --ease-smooth:cubic-bezier(0.4,0,0.2,1)}

[data-theme="dark"] body,[data-theme="dark"] .calc-wrapper-section,[data-theme="dark"] .products-grid-section {
  background:var(--bg) !important}

body {
  background:#f8f9fc;
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}

.site-header {
  background:rgba(9,9,15,0.75) !important;
  -webkit-border-bottom:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 1px 0 0 rgba(99,102,241,0.15);
  transition:background 0.3s ease}

.header-inner {
  padding:0.5rem 1.5rem 0.5rem 10rem}

.nav-desktop a {
  color:rgba(241,245,249,0.65) !important;
  font-size:0.8125rem !important;
  border-radius:6px !important;
  border:none !important;
  padding:0.375rem 0.625rem !important;
  transition:color 0.2s ease,background 0.2s ease !important}

.nav-desktop a:hover {
  color:#f1f5f9 !important;
  background:rgba(255,255,255,0.08) !important}

.nav-desktop a.active {
  color:#f1f5f9 !important;
  background:rgba(99,102,241,0.18) !important;
  border:none !important}

.nav-desktop a svg {
  opacity:0.6}

.nav-desktop a:hover svg {
  opacity:1}

.btn-header-cta {
  background:linear-gradient(135deg,var(--p-indigo),var(--p-violet)) !important;
  color:#fff !important;
  border:none !important;
  border-radius:6px !important;
  padding:0.45rem 1rem !important;
  font-size:0.8125rem !important;
  box-shadow:0 0 20px rgba(99,102,241,0.4),inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition:opacity 0.2s ease,box-shadow 0.2s ease !important}

.btn-header-cta:hover {
  opacity:0.9 !important;
  box-shadow:0 0 30px rgba(99,102,241,0.6),inset 0 1px 0 rgba(255,255,255,0.2) !important}

.logo-profile {
  top:20px !important;
  left:calc(1.5rem - 4px) !important;
  transform:none !important}

.logo-profile img {
  width:96px;
  height:96px;
  border:none !important;
  filter:drop-shadow(0 0 12px rgba(99,102,241,0.3))}

.logo-profile.scrolled img {
  width:54px;
  height:54px;
  filter:drop-shadow(0 0 8px rgba(99,102,241,0.25))}

.theme-toggle {
  background:rgba(255,255,255,0.06) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  border-radius:6px !important;
  color:rgba(241,245,249,0.7) !important;
  width:38px !important;
  height:38px !important;
  padding:0 !important}