:root {
  --theme-primary: #818cf8;
  --theme-secondary: #94a3b8;
  --theme-accent: #f472b6;
  --theme-bg: #0f172a;
  --theme-surface: #1e293b;
  --theme-text: #e2e8f0;
  --theme-text-muted: #94a3b8;
  --theme-border: #334155;
  --theme-success: #34d399;
  --theme-warning: #fbbf24;
  --theme-danger: #f87171;
  --theme-font-family: "Inter", system-ui, sans-serif;
  --theme-heading-font-family: inherit;
  --theme-font-size: 16px;
  --theme-line-height: 1.6;
  --theme-heading-line-height: 1.25;
  --theme-spacing-unit: 8px;
  --theme-space-0: 2px;
  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 24px;
  --theme-space-6: 32px;
  --theme-space-7: 48px;
  --theme-space-8: 64px;
  --theme-border-radius: 8px;
  --theme-border-width: 1px;
  --theme-border-color: #334155;
}

body {
  font-family: var(--theme-font-family);
  font-size: var(--theme-font-size);
  line-height: var(--theme-line-height);
  color: var(--theme-text);
  background-color: var(--theme-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--theme-heading-font-family);
  line-height: var(--theme-heading-line-height);
}

/* Component Theme Overrides */
.card, .card-header, .card-body, .card-footer {
  background-color: var(--theme-surface);
  border-color: var(--theme-border);
  color: var(--theme-text);
}
.card-title, .card-text, .pricing-card-title, .list-unstyled, .list-unstyled li {
  color: inherit;
}
.accordion, .accordion-item, .accordion-body {
  background-color: var(--theme-surface);
  border-color: var(--theme-border);
  color: var(--theme-text);
}
.accordion-button {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  box-shadow: inset 0 calc(-1 * var(--theme-border-width)) 0 var(--theme-border);
}
.accordion-button:focus {
  border-color: var(--theme-border);
  box-shadow: none;
}
.bg-light {
  background-color: var(--theme-surface) !important;
}
.text-body-emphasis {
  color: var(--theme-text) !important;
}
.text-muted {
  color: var(--theme-text-muted) !important;
}
.border-top, .border {
  border-color: var(--theme-border) !important;
}
.btn-primary {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  filter: brightness(0.9);
}
.btn-outline-primary {
  color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: var(--theme-primary);
  color: #fff;
}
.blockquote {
  color: inherit;
}
.blockquote-footer {
  color: var(--theme-text-muted);
}
.form-control, .form-select {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-border);
}
.form-control::placeholder {
  color: var(--theme-text-muted);
}
.form-control:focus, .form-select:focus {
  background-color: var(--theme-surface);
  color: var(--theme-text);
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}
.page-link {
  background-color: var(--theme-surface);
  color: var(--theme-primary);
  border-color: var(--theme-border);
}
.page-link:hover, .page-link:focus {
  background-color: var(--theme-primary);
  color: #fff;
  border-color: var(--theme-primary);
}
.page-item.active .page-link {
  background-color: var(--theme-primary);
  color: #fff;
  border-color: var(--theme-primary);
}

/* Navbar Theme Variants */
.navbar-theme-light {
  background-color: var(--theme-surface);
  color: var(--theme-text);
}
.navbar-theme-light .navbar-brand, .navbar-theme-light .nav-link {
  color: inherit;
}
.navbar-theme-light .nav-link:hover, .navbar-theme-light .nav-link:focus {
  color: var(--theme-primary);
}
.navbar-theme-light .navbar-toggler {
  color: inherit;
  border-color: currentColor;
  opacity: 0.5;
}
.navbar-theme-light .navbar-toggler-icon {
  background-image: none;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: 100%;
  -webkit-mask-size: 100%;
}
.navbar-theme-dark {
  background-color: #212529;
  color: #fff;
}
.navbar-theme-dark .navbar-brand, .navbar-theme-dark .nav-link {
  color: inherit;
  opacity: 0.85;
}
.navbar-theme-dark .nav-link:hover, .navbar-theme-dark .nav-link:focus {
  opacity: 1;
}
.navbar-theme-dark .navbar-toggler {
  color: inherit;
  border-color: currentColor;
  opacity: 0.2;
}
.navbar-theme-dark .navbar-toggler-icon {
  background-image: none;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: 100%;
  -webkit-mask-size: 100%;
}
.navbar-theme-primary {
  background-color: var(--theme-primary);
  color: #fff;
}
.navbar-theme-primary .navbar-brand, .navbar-theme-primary .nav-link {
  color: inherit;
  opacity: 0.85;
}
.navbar-theme-primary .nav-link:hover, .navbar-theme-primary .nav-link:focus {
  opacity: 1;
}
.navbar-theme-primary .navbar-toggler {
  color: inherit;
  border-color: currentColor;
  opacity: 0.2;
}
.navbar-theme-primary .navbar-toggler-icon {
  background-image: none;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: 100%;
  -webkit-mask-size: 100%;
}

/* --- stylesheet-1.css --- */
asda
.x-10hf7qt { background-color: var(--theme-bg); border-color: var(--theme-border); }
.x-ap50q3 { color: var(--theme-text); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; letter-spacing: -0.02em; }
.x-y25b6v { color: var(--theme-text-muted); }
.x-1km9qpr { background-color: var(--theme-primary); border: none; font-weight: 600; min-width: 200px; padding: 0.75rem 2rem; }
.x-1lkj05t { background-color: var(--theme-surface); border-color: var(--theme-border); color: var(--theme-text); font-weight: 600; min-width: 200px; padding: 0.75rem 2rem; }
.x-44fv2d { background-color: var(--theme-primary); border: none; font-weight: 600; padding: 0.75rem 2rem; }
.x-r0zprf { background-color: var(--theme-surface); border-color: var(--theme-border); color: var(--theme-text); font-weight: 600; padding: 0.75rem 2rem; }
.x-1sovvux { text-align: center; }
.x-1m86zl5 { background-color: var(--theme-bg); background-image: radial-gradient(circle at 50% 50%, rgba(129, 140, 248, 0.1) 0%, transparent 50%); min-height: 80vh; text-align: center; }
.x-1kwxeqj { color: var(--theme-primary); font-weight: 800; letter-spacing: -0.02em; }
.x-1uvvneu { color: var(--theme-text-muted); margin: 0 auto; max-width: 700px; }
.x-he0ajg { align-items: center; color: var(--theme-accent); display: inline-flex; font-size: 2.5rem; justify-content: center; line-height: 1; min-height: 1em; min-width: 1em; }
.x-f703xj { background-color: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: var(--theme-border-radius); transition: transform 0.2s ease; }
.x-1kg9oz2 { align-items: center; color: var(--theme-primary); display: inline-flex; font-size: 2.5rem; justify-content: center; line-height: 1; min-height: 1em; min-width: 1em; }
.x-mgqfl4 { background-color: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: var(--theme-border-radius); }
.x-17kax7l { align-items: center; color: var(--theme-success); display: inline-flex; font-size: 2.5rem; justify-content: center; line-height: 1; min-height: 1em; min-width: 1em; }
.x-vxhyqw { align-items: center; color: var(--theme-warning); display: inline-flex; font-size: 2.5rem; justify-content: center; line-height: 1; min-height: 1em; min-width: 1em; }
.x-1q9yxwo { color: var(--theme-accent); font-style: italic; opacity: 0.8; }
.x-1yivtoc { background-color: var(--theme-bg); }
.x-1xjpjov { background-color: var(--theme-surface); border-color: var(--theme-border); height: 100%; }
.x-1jr8emd { background-color: var(--theme-bg); color: var(--theme-text); }
.x-1tw8glz { color: var(--theme-primary); font-size: 24pt; margin-bottom: var(--theme-space-5); }
.x-19a48ht { margin-bottom: var(--theme-space-3); }
.x-ffn3db { margin-right: var(--theme-space-2); }
.x-1ve5epo { background-color: #24292e; border-color: #24292e; }
.x-qao14x { background-color: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: var(--theme-border-radius); margin: var(--theme-space-2); padding: var(--theme-space-4); }
.x-1sqmcjz { background-color: #24292e; border-color: #24292e; width: 100%; }