/* ----------------------------------------------------   TextToSpeechH AI Voice Platform - Premium Design System   Domain: https://texttospeechh.com   Design System: Deep Navy / Royal Blue / Premium AI SaaS------------------------------------------------------- */:root {  /* 8px Spacing Grid System Tokens */  --space-1: 8px;  --space-2: 16px;  --space-3: 24px;  --space-4: 32px;  --space-5: 48px;  --space-6: 64px;  /* === NEUTRAL FOUNDATION (Light Mode) === */  --color-bg: #F8FAFC;  --color-bg-secondary: #F1F5F9;  --color-surface: #FFFFFF;  --color-surface-hover: #F8FAFC;  --color-surface-elevated: #FFFFFF;  --color-border: #E2E8F0;  --color-border-strong: #CBD5E1;  --color-border-focus: #3B82F6;  --color-text: #0F172A;  --color-text-secondary: #475569;  --color-text-muted: #64748B;  --color-text-inverse: #FFFFFF;  /* === BRAND BLUE (Primary Accent) === */  --color-primary: #2563EB;  --color-primary-hover: #1D4ED8;  --color-primary-active: #1E40AF;  --color-primary-soft: #EFF6FF;  --color-primary-soft-hover: #DBEAFE;  --color-primary-border: #BFDBFE;  --color-primary-text: #1E40AF;  --color-primary-on: #FFFFFF;  /* === ACCENT CYAN (Secondary Accent) === */  --color-accent: #06B6D4;  --color-accent-hover: #0891B2;  --color-accent-soft: #ECFEFF;  --color-accent-border: #A5F3FC;  /* === SEMANTIC COLORS === */  --color-success: #059669;  --color-success-hover: #047857;  --color-success-soft: #ECFDF5;  --color-success-border: #A7F3D0;  --color-success-text: #065F46;  --color-error: #DC2626;  --color-error-hover: #B91C1C;  --color-error-soft: #FEF2F2;  --color-error-border: #FECACA;  --color-error-text: #991B1B;  --color-warning: #D97706;  --color-warning-hover: #B45309;  --color-warning-soft: #FFFBEB;  --color-warning-border: #FDE68A;  --color-warning-text: #92400E;  /* === SHADOWS === */  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);  --shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.1);  --shadow-xl: 0 20px 40px rgba(15, 23, 42, 0.12);  --shadow-focus: 0 0 0 3px rgba(59, 130, 246, 0.15);  --shadow-primary: 0 8px 25px rgba(37, 99, 235, 0.3);  --shadow-primary-hover: 0 14px 35px rgba(37, 99, 235, 0.4);  /* === GRADIENTS === */  --gradient-primary: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%);  --gradient-subtle: linear-gradient(135deg, rgba(37, 99, 235, 0.03) 0%, rgba(6, 182, 212, 0.03) 100%);  --gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(37, 99, 235, 0.08) 0%, transparent 60%),                   radial-gradient(ellipse at 100% 100%, rgba(6, 182, 212, 0.06) 0%, transparent 50%);  --bg-atmosphere: radial-gradient(circle at 15% 10%, rgba(37, 99, 235, 0.04) 0%, transparent 50%),                   radial-gradient(circle at 85% 25%, rgba(6, 182, 212, 0.03) 0%, transparent 50%);  /* === LEGACY ALIASES (for backward compat during transition) === */  --bg-light: var(--color-bg);  --bg-light-secondary: var(--color-bg-secondary);  --panel-bg: var(--color-surface);  --panel-bg-hover: var(--color-surface-hover);  --panel-border: var(--color-border);  --panel-border-hover: var(--color-border-strong);  --panel-border-glow: var(--shadow-focus);  --accent-blue: var(--color-primary);  --accent-blue-hover: var(--color-primary-hover);  --accent-cyan: var(--color-accent);  --accent-indigo: var(--color-primary);  --accent-light: var(--color-primary-soft);  --btn-primary-bg: var(--color-primary);  --btn-primary-text: var(--color-primary-on);  --text-main: var(--color-text);  --text-secondary: var(--color-text-secondary);  --text-muted: var(--color-text-muted);  --glass-blur: blur(16px) saturate(180%);  --glass-shadow: var(--shadow-lg);  --glass-shadow-hover: var(--shadow-xl);  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;  --transition-smooth: all 300ms cubic-bezier(0.16, 1, 0.3, 1);  --radius-sm: 8px;  --radius-md: 12px;  --radius-lg: 16px;  --radius-xl: 24px;}[data-theme="dark"] {  /* === NEUTRAL FOUNDATION (Dark Mode) === */  --color-bg: #080D1A;  --color-bg-secondary: #0B1220;  --color-surface: #111827;  --color-surface-hover: #172033;  --color-surface-elevated: #1E293B;  --color-border: rgba(148, 163, 184, 0.15);  --color-border-strong: rgba(148, 163, 184, 0.25);  --color-border-focus: #60A5FA;  --color-text: #F8FAFC;  --color-text-secondary: #E2E8F0;  --color-text-muted: #94A3B8;  --color-text-inverse: #0F172A;  /* === BRAND BLUE (Primary Accent - brighter for dark) === */  --color-primary: #3B82F6;  --color-primary-hover: #60A5FA;  --color-primary-active: #2563EB;  --color-primary-soft: rgba(59, 130, 246, 0.12);  --color-primary-soft-hover: rgba(59, 130, 246, 0.18);  --color-primary-border: rgba(59, 130, 246, 0.3);  --color-primary-text: #93C5FD;  --color-primary-on: #080D1A;  /* === ACCENT CYAN === */  --color-accent: #22D3EE;  --color-accent-hover: #06B6D4;  --color-accent-soft: rgba(34, 211, 238, 0.08);  --color-accent-border: rgba(34, 211, 238, 0.25);  /* === SEMANTIC COLORS === */  --color-success: #10B981;  --color-success-hover: #34D399;  --color-success-soft: rgba(16, 185, 129, 0.12);  --color-success-border: rgba(16, 185, 129, 0.25);  --color-success-text: #A7F3D0;  --color-error: #EF4444;  --color-error-hover: #F87171;  --color-error-soft: rgba(239, 68, 68, 0.12);  --color-error-border: rgba(239, 68, 68, 0.25);  --color-error-text: #FCA5A5;  --color-warning: #F59E0B;  --color-warning-hover: #FBBF24;  --color-warning-soft: rgba(245, 158, 11, 0.12);  --color-warning-border: rgba(245, 158, 11, 0.25);  --color-warning-text: #FDE68A;  /* === SHADOWS === */  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.6);  --shadow-focus: 0 0 0 3px rgba(96, 165, 250, 0.2);  --shadow-primary: 0 8px 25px rgba(59, 130, 246, 0.35);  --shadow-primary-hover: 0 14px 35px rgba(59, 130, 246, 0.45);  /* === GRADIENTS === */  --gradient-primary: linear-gradient(135deg, #3B82F6 0%, #22D3EE 100%);  --gradient-subtle: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(34, 211, 238, 0.06) 100%);  --gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(59, 130, 246, 0.12) 0%, transparent 60%),                   radial-gradient(ellipse at 100% 100%, rgba(34, 211, 238, 0.08) 0%, transparent 50%);  --bg-atmosphere: radial-gradient(circle at 15% 10%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),                   radial-gradient(circle at 85% 25%, rgba(34, 211, 238, 0.06) 0%, transparent 50%);  /* === LEGACY ALIASES === */  --bg-light: var(--color-bg);  --bg-light-secondary: var(--color-bg-secondary);  --panel-bg: var(--color-surface);  --panel-bg-hover: var(--color-surface-hover);  --panel-border: var(--color-border);  --panel-border-hover: var(--color-border-strong);  --panel-border-glow: var(--shadow-focus);  --accent-blue: var(--color-primary);  --accent-blue-hover: var(--color-primary-hover);  --accent-cyan: var(--color-accent);  --accent-indigo: var(--color-primary);  --accent-light: var(--color-primary-soft);  --btn-primary-bg: var(--color-primary);  --btn-primary-text: var(--color-primary-on);  --text-main: var(--color-text);  --text-secondary: var(--color-text-secondary);  --text-muted: var(--color-text-muted);  --glass-blur: blur(16px) saturate(180%);  --glass-shadow: var(--shadow-lg);  --glass-shadow-hover: var(--shadow-xl);}* {  box-sizing: border-box;  margin: 0;  padding: 0;}html {  scroll-behavior: smooth;}body {  background-color: var(--color-bg);  background-image: var(--bg-atmosphere);  background-attachment: fixed;  color: var(--color-text);  font-family: var(--font-family);  min-height: 100vh;  display: flex;  flex-direction: column;  align-items: center;  padding: var(--space-3) var(--space-2);  line-height: 1.6;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.hidden {  display: none !important;}/* Ambient Particles Canvas */.particle-background {  position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  pointer-events: none;  z-index: 0;  overflow: hidden;}.particle {  position: absolute;  border-radius: 50%;  background: radial-gradient(circle, rgba(37, 99, 235, 0.08) 0%, rgba(37, 99, 235, 0) 70%);  animation: floatParticle 14s infinite ease-in-out;}@keyframes floatParticle {  0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }  50% { transform: translateY(-30px) scale(1.1); opacity: 0.8; }}/* Sticky Glass Top Navigation Bar */.top-utility-bar {  position: sticky;  top: 12px;  z-index: 100;  width: 100%;  max-width: 960px;  margin-bottom: var(--space-2);  background: rgba(255, 255, 255, 0.92);  -webkit-backdrop-filter: var(--glass-blur);  backdrop-filter: var(--glass-blur);  border: 1px solid var(--panel-border);  border-radius: var(--radius-md);  padding: 8px 16px;  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);  transition: var(--transition-smooth);}.top-utility-bar:hover {  border-color: var(--panel-border-hover);  box-shadow: 0 8px 25px rgba(15, 23, 42, 0.08);}.top-bar-inner {  display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  gap: 16px;}.top-bar-logo {  display: none;  align-items: center;  gap: 8px;  text-decoration: none;  color: var(--text-main);  font-weight: 800;  font-size: 1.05rem;  transition: var(--transition-smooth);}.top-bar-logo:hover {  color: var(--accent-blue);}.logo-icon-sm {  width: 22px;  height: 22px;  flex-shrink: 0;}.logo-text-sm {  white-space: nowrap;  letter-spacing: -0.01em;}.top-utility-nav {  display: flex;  align-items: center;  margin-right: auto;}.top-utility-nav ul {  display: flex;  align-items: center;  gap: 18px;  list-style: none;  flex-wrap: nowrap;  white-space: nowrap;}.top-utility-nav a {  color: var(--text-muted);  text-decoration: none;  font-size: 0.88rem;  font-weight: 500;  position: relative;  padding: 4px 0;  transition: var(--transition-smooth);}.top-utility-nav a::after {  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 0;  height: 2px;  background: var(--accent-blue);  border-radius: 2px;  transition: var(--transition-smooth);}.top-utility-nav a:hover,.top-utility-nav a.active {  color: var(--accent-blue);}.top-utility-nav a:hover::after,.top-utility-nav a.active::after {  width: 100%;}.top-bar-actions {  display: flex;  align-items: center;  gap: 8px;  margin-left: var(--space-2);  flex-shrink: 0;}.mobile-menu-toggle {  display: none;  background: none;  border: none;  cursor: pointer;  padding: 8px;  border-radius: var(--radius-sm);  color: var(--text-main);  min-width: 44px;  min-height: 44px;  align-items: center;  justify-content: center;  transition: var(--transition-smooth);}.mobile-menu-toggle:hover {  background: var(--bg-light);  color: var(--accent-blue);}.mobile-menu-toggle svg {  stroke: var(--text-secondary);}.mobile-menu-toggle:hover svg {  stroke: var(--accent-blue);}.theme-toggle {  background: none;  border: none;  cursor: pointer;  padding: 8px;  border-radius: var(--radius-sm);  color: var(--text-muted);  transition: var(--transition-smooth);  display: inline-flex;  align-items: center;  justify-content: center;  flex-shrink: 0;  min-width: 44px;  min-height: 44px;}.theme-toggle:hover {  color: var(--accent-blue);  background: var(--bg-light-secondary);}.theme-toggle svg {  width: 18px;  height: 18px;}.theme-toggle .sun-icon { display: none; }.theme-toggle .moon-icon { display: block; }[data-theme="dark"] .theme-toggle .sun-icon { display: block; }[data-theme="dark"] .theme-toggle .moon-icon { display: none; }@media (max-width: 640px) {  .theme-toggle {    margin-left: 0;  }}/* Search Trigger Button */.search-trigger {  background: none;  border: none;  cursor: pointer;  padding: 8px;  border-radius: var(--radius-sm);  transition: var(--transition-smooth);  display: flex;  align-items: center;  justify-content: center;  margin-left: var(--space-1);  position: relative;}.search-trigger:hover {  background: var(--bg-light);  transform: scale(1.05);}.search-trigger svg {  width: 20px;  height: 20px;  stroke: var(--text-secondary);  transition: var(--transition-smooth);}.search-trigger:hover svg {  stroke: var(--accent-blue);}/* Search Input Modal */.search-modal {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  backdrop-filter: blur(4px);  z-index: 1000;  display: none;  align-items: flex;  justify-content: center;  padding: var(--space-2);}.search-modal.active {  display: flex;}.search-modal-content {  background: var(--panel-bg);  border-radius: var(--radius-lg);  padding: var(--space-4);  width: 100%;  max-width: 600px;  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);  animation: modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn {  from {    opacity: 0;    transform: translateY(-20px);  }  to {    opacity: 1;    transform: translateY(0);  }}.search-modal-header {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: var(--space-3);}.search-modal-title {  font-size: 1.5rem;  font-weight: 700;  color: var(--text-main);  margin: 0;}.search-modal-close {  background: none;  border: none;  cursor: pointer;  padding: 8px;  border-radius: var(--radius-sm);  transition: var(--transition-smooth);}.search-modal-close:hover {  background: var(--bg-light);}.search-modal-close svg {  width: 24px;  height: 24px;  stroke: var(--text-secondary);}.search-input-wrapper {  position: relative;  margin-bottom: var(--space-3);}.search-input {  width: 100%;  padding: 16px 20px 16px 48px;  border: 2px solid var(--panel-border);  border-radius: var(--radius-md);  font-size: 1rem;  font-family: var(--font-family);  background: var(--bg-light);  transition: var(--transition-smooth);}.search-input:focus {  outline: none;  border-color: var(--accent-blue);  background: var(--panel-bg);}.search-input-icon {  position: absolute;  left: 16px;  top: 50%;  transform: translateY(-50%);  width: 20px;  height: 20px;  stroke: var(--text-muted);  pointer-events: none;}.search-suggestions {  background: var(--bg-light);  border-radius: var(--radius-md);  padding: var(--space-2);  margin-bottom: var(--space-2);}.search-suggestions-title {  font-size: 0.9rem;  font-weight: 600;  color: var(--text-secondary);  margin-bottom: var(--space-1);}.search-suggestions-list {  list-style: none;  padding: 0;  margin: 0;}.search-suggestions-list li {  padding: 8px 0;  border-bottom: 1px solid var(--panel-border);}.search-suggestions-list li:last-child {  border-bottom: none;}.search-suggestions-list a {  color: var(--text-main);  text-decoration: none;  font-size: 0.9rem;  transition: var(--transition-smooth);}.search-suggestions-list a:hover {  color: var(--accent-blue);}/* Mobile Search Modal */@media (max-width: 768px) {  .search-modal-content {    padding: var(--space-3);    max-width: 100%;    margin: 0;    border-radius: 0;    height: 100%;    max-height: 100vh;  }  .search-modal-header {    padding-bottom: var(--space-2);    border-bottom: 1px solid var(--panel-border);  }  .search-modal-title {    font-size: 1.25rem;  }  .search-input {    padding: 14px 16px 14px 44px;    font-size: 1.1rem;  }  .search-suggestions {    display: none;  }}/* Contact Form — Premium Modern UI */.contact-form {  max-width: 100%;}.contact-form .input-group {  margin-bottom: 22px;}.contact-form-row {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 22px;}@media (max-width: 640px) {  .contact-form-row {    grid-template-columns: 1fr;    gap: 22px;  }}.contact-form label {  display: block;  font-size: 0.85rem;  font-weight: 600;  color: var(--text-main);  margin-bottom: 8px;  letter-spacing: 0.01em;}.contact-input {  width: 100%;  height: 56px;  padding: 0 18px;  background: var(--panel-bg);  border: 1.5px solid var(--panel-border);  border-radius: var(--radius-md);  color: var(--text-main);  font-family: var(--font-family);  font-size: 1rem;  line-height: 1.5;  outline: none;  transition: border-color 0.2s ease, box-shadow 0.25s ease;  box-sizing: border-box;}textarea.contact-input {  height: auto;  min-height: 150px;  padding: 16px 18px;  resize: vertical;  line-height: 1.6;}.contact-input::placeholder {  color: var(--text-muted);  font-weight: 400;  opacity: 0.7;}.contact-input:hover {  border-color: var(--panel-border-hover);}.contact-input:focus {  border-color: var(--accent-blue);  box-shadow: 0 0 0 3px var(--panel-border-glow), 0 4px 12px rgba(15, 23, 42, 0.06);}.contact-input.error {  border-color: var(--color-error);}.contact-input.error:focus {  box-shadow: 0 0 0 3px var(--color-error-soft), 0 4px 12px rgba(15, 23, 42, 0.06);}.input-error {  display: none;  font-size: 0.8rem;  color: var(--color-error);  margin-top: 6px;  font-weight: 500;}.contact-form .primary-btn {  height: 56px;  font-size: 1rem;  letter-spacing: 0.01em;  border-radius: var(--radius-md);}/* App Container Layout Across ALL Pages */.app-container,.legal-container {  width: 100%;  max-width: 960px;  display: flex;  flex-direction: column;  gap: var(--space-3);  position: relative;  z-index: 10;}/* Header Hero Section across ALL Pages */.app-header,.page-header {  margin-bottom: var(--space-1);  padding: var(--space-2) var(--space-1);}.header-top-bar {  display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  gap: var(--space-2);}/* Logo & Brand Name Alignment (Reduced by 25%) */.logo-badge {  display: flex;  align-items: center;  gap: 10px;}.logo-badge-icon {  width: 26px;  height: 26px;  filter: drop-shadow(0 3px 8px rgba(37, 99, 235, 0.2));  transition: var(--transition-smooth);  flex-shrink: 0;}.logo-badge:hover .logo-badge-icon {  transform: rotate(6deg) scale(1.05);}.logo-badge h1 {  font-size: 1.5rem;  font-weight: 800;  letter-spacing: -0.02em;  color: var(--text-main);  line-height: 1;  display: flex;  align-items: center;}.status-pill-group {  display: flex;  gap: var(--space-2);  align-items: center;}.status-pill {  font-size: 0.8rem;  font-weight: 600;  padding: 8px 16px;  border-radius: 30px;  background: var(--color-surface);  border: 1px solid var(--color-border);  color: var(--color-text-secondary);  box-shadow: var(--shadow-sm);  transition: var(--transition-smooth);  display: inline-flex;  align-items: center;  gap: 6px;}.provider-pill {  background: var(--color-primary-soft);  border-color: var(--color-primary-border);  color: var(--color-primary);}.shortcut-trigger {  cursor: pointer;  user-select: none;}.shortcut-trigger:hover {  background: var(--color-primary-soft);  border-color: var(--color-primary);  color: var(--color-primary);  transform: translateY(-2px);}.subtitle {  color: var(--text-muted);  font-size: 1.05rem;  margin-top: var(--space-1);  font-weight: 400;}/* Glass Panel Component (Solid Crisp White Card) */.glass-panel {  background: var(--color-surface);  -webkit-backdrop-filter: var(--glass-blur);  backdrop-filter: var(--glass-blur);  border: 1px solid var(--color-border);  border-radius: var(--radius-xl);  box-shadow: var(--shadow-lg);  transition: var(--transition-smooth);}.main-card {  padding: var(--space-4);  position: relative;  overflow: hidden;}.main-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 3px;  background: var(--gradient-primary);}/* High Contrast Content Typography Styling */.page-body-content {  color: var(--text-secondary);  font-size: 1.05rem;  line-height: 1.75;}.page-body-content h1,.page-body-content h2,.page-body-content h3,.page-body-content h4 {  color: var(--text-main);  font-weight: 800;  letter-spacing: -0.015em;  margin-top: 1.8rem;  margin-bottom: 0.8rem;}.page-body-content h2 {  font-size: 1.5rem;}.page-body-content h3 {  font-size: 1.2rem;}.page-body-content p {  color: var(--text-secondary);  margin-bottom: 1.2rem;  line-height: 1.75;}.page-body-content ul,.page-body-content ol {  color: var(--text-secondary);  margin-bottom: 1.5rem;  padding-left: 1.5rem;  line-height: 1.8;}.page-body-content a:not(.primary-btn) {  color: var(--accent-blue);  text-decoration: none;  font-weight: 600;  transition: var(--transition-smooth);}.page-body-content a:hover:not(.primary-btn) {  color: var(--accent-blue-hover);  text-decoration: underline;}.page-body-content img {  max-width: 100%;  height: auto;  border-radius: var(--radius-md);  margin: var(--space-2) 0;}.page-body-content table {  width: 100%;  border-collapse: collapse;  margin-bottom: var(--space-3);  font-size: 0.95rem;}.page-body-content th,.page-body-content td {  padding: 12px 14px;  border: 1px solid var(--panel-border);  text-align: left;}.page-body-content th {  background: transparent;  color: var(--text-main);  font-weight: 700;}@media (max-width: 768px) {  .page-body-content table {    display: block;    overflow-x: auto;    white-space: nowrap;    -webkit-overflow-scrolling: touch;  }}.legal-hero-card {  padding: var(--space-4);  border-radius: var(--radius-lg);  margin-bottom: var(--space-3);  background: var(--color-surface);  border: 1px solid var(--color-border);  box-shadow: var(--shadow-lg);}.legal-hero-card h2 {  font-size: 1.65rem;  color: var(--text-main);  margin-bottom: 1rem;}/* Drag & Drop File Dropzone */.dropzone {  border: 2px dashed var(--color-primary-border);  border-radius: var(--radius-lg);  padding: var(--space-3);  text-align: center;  background: var(--color-primary-soft);  margin-bottom: var(--space-3);  transition: var(--transition-smooth);  cursor: pointer;}.dropzone:hover,.dropzone.dragover {  border-color: var(--color-primary);  background: var(--color-primary-soft-hover);  transform: scale(1.005);  box-shadow: var(--shadow-primary);}.dropzone-content {  display: flex;  align-items: center;  justify-content: center;  gap: var(--space-2);  color: var(--text-secondary);  font-size: 0.95rem;}.file-label {  color: var(--accent-blue);  text-decoration: underline;  cursor: pointer;  font-weight: 600;}/* Text Area Section */.input-group {  margin-bottom: var(--space-3);}.label-row {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: var(--space-1);}.label-row label {  font-size: 0.95rem;  font-weight: 600;  color: var(--text-main);}.char-counter {  font-size: 0.85rem;  color: var(--text-muted);  font-weight: 500;}.textarea-wrapper {  position: relative;}textarea {  width: 100%;  min-height: 190px;  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-md);  padding: var(--space-2) var(--space-3);  padding-right: 50px;  color: var(--color-text);  font-family: var(--font-family);  font-size: 1.05rem;  line-height: 1.6;  resize: vertical;  outline: none;  transition: var(--transition-smooth);  box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.02);}textarea:focus {  border-color: var(--color-primary);  box-shadow: var(--shadow-focus), var(--shadow-md);}textarea::placeholder {  color: var(--color-text-muted);  font-weight: 400;}.clear-btn {  position: absolute;  top: 14px;  right: 14px;  background: var(--bg-light-secondary);  border: 1px solid var(--panel-border);  border-radius: var(--radius-sm);  width: 34px;  height: 34px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  color: var(--text-muted);  font-size: 1rem;  transition: var(--transition-smooth);  padding: 0;}.clear-btn:hover {  background: var(--color-error-soft);  border-color: var(--color-error-border);  color: var(--color-error);  transform: scale(1.05);}/* Controls Grid */.controls-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));  gap: var(--space-2);  margin-bottom: var(--space-4);}.control-card {  background: var(--bg-light);  border: 1px solid var(--panel-border);  border-radius: var(--radius-md);  padding: var(--space-2);  display: flex;  flex-direction: column;  justify-content: center;  min-height: 86px;  transition: var(--transition-smooth);}.control-card:hover {  border-color: var(--color-primary);  background: var(--color-surface);  transform: translateY(-6px) scale(1.01);  box-shadow: var(--shadow-xl);}.control-card label {  font-size: 0.85rem;  font-weight: 600;  color: var(--text-muted);  margin-bottom: var(--space-1);  display: flex;  align-items: center;  gap: 6px;}select {  width: 100%;  height: 46px;  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-sm);  padding: 0 var(--space-2);  color: var(--color-text);  font-family: var(--font-family);  font-size: 0.95rem;  font-weight: 500;  outline: none;  cursor: pointer;  transition: var(--transition-smooth);  box-shadow: var(--shadow-sm);}select:focus,select:hover {  border-color: var(--color-primary);  box-shadow: var(--shadow-focus);}select optgroup {  background: var(--color-surface);  color: var(--color-primary);  font-weight: 700;}select option {  background: var(--color-surface);  color: var(--color-text);  padding: 8px;}/* Action Buttons System - Standardized 46px Height */.actions-wrapper {  display: flex;  gap: var(--space-2);  flex-wrap: wrap;  margin-bottom: var(--space-3);}button {  font-family: var(--font-family);  font-size: 0.95rem;  font-weight: 600;  border-radius: var(--radius-md);  height: 46px;  padding: 0 24px;  cursor: pointer;  display: inline-flex;  align-items: center;  justify-content: center;  gap: 8px;  transition: var(--transition-smooth);  border: none;  outline: none;  user-select: none;}button:focus-visible {  outline: 3px solid var(--color-border-focus);  outline-offset: 2px;}button:disabled {  opacity: 0.6;  cursor: not-allowed;  filter: none;}.primary-btn {  background: var(--color-primary);  color: var(--color-primary-on);  box-shadow: var(--shadow-primary);  font-weight: 700;  flex: 1 1 220px;}.primary-btn:hover:not(:disabled) {  background: var(--color-primary-hover);  transform: translateY(-3px);  box-shadow: var(--shadow-primary-hover);}.primary-btn:disabled {  opacity: 0.5;  cursor: not-allowed;}.secondary-btn {  background: var(--color-surface);  border: 1px solid var(--color-border);  color: var(--color-text);  flex: 1 1 120px;}.secondary-btn:hover:not(:disabled) {  background: var(--color-bg-secondary);  border-color: var(--color-border-strong);  transform: translateY(-2px);}.secondary-btn:disabled {  opacity: 0.5;  cursor: not-allowed;}.download-btn {  background: var(--color-success-soft);  border: 1px solid var(--color-success-border);  color: var(--color-success-text);}.download-btn:hover:not(:disabled) {  background: var(--color-success-soft);  color: var(--color-success-text);  border-color: var(--color-success);  transform: translateY(-2px);}.download-btn:disabled {  opacity: 0.5;  cursor: not-allowed;}/* Voice Visualizer (Strict State Machine: Idle = Off) */.visualizer-container {  display: flex;  justify-content: center;  align-items: center;  min-height: 52px;  background: var(--color-bg-secondary);  border-radius: var(--radius-md);  border: 1px solid var(--color-border);  padding: 12px;}.soundwave {  display: flex;  align-items: center;  gap: 5px;  height: 36px;}.soundwave .bar {  width: 4px;  height: 6px;  background: var(--color-primary);  border-radius: 2px;  transition: height 0.2s ease, background-color 0.2s ease;}.soundwave.active .bar {  animation: soundwaveAnim 1.2s infinite ease-in-out alternate;}.soundwave.active .bar:nth-child(1) { animation-delay: 0.1s; }.soundwave.active .bar:nth-child(2) { animation-delay: 0.3s; }.soundwave.active .bar:nth-child(3) { animation-delay: 0.5s; }.soundwave.active .bar:nth-child(4) { animation-delay: 0.2s; }.soundwave.active .bar:nth-child(5) { animation-delay: 0.4s; }.soundwave.active .bar:nth-child(6) { animation-delay: 0.6s; }.soundwave.active .bar:nth-child(7) { animation-delay: 0.15s; }.soundwave.active .bar:nth-child(8) { animation-delay: 0.35s; }.soundwave.active .bar:nth-child(9) { animation-delay: 0.55s; }.soundwave.active .bar:nth-child(10) { animation-delay: 0.25s; }@keyframes soundwaveAnim {  0% { height: 6px; }  100% { height: 32px; box-shadow: 0 0 8px rgba(37, 99, 235, 0.4); }}/* Statistics Counter Cards Section */.stats-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));  gap: var(--space-2);  margin-top: var(--space-3);}.stat-card {  padding: var(--space-3);  text-align: center;  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-lg);  box-shadow: var(--shadow-lg);  transition: var(--transition-smooth);}.stat-card:hover {  transform: translateY(-6px) scale(1.01);  border-color: var(--color-primary-border);  box-shadow: var(--shadow-xl);}.stat-number {  font-size: 2.1rem;  font-weight: 800;  color: var(--color-primary);}.stat-label {  font-size: 0.88rem;  color: var(--color-text-muted);  margin-top: 4px;  font-weight: 500;}/* Features Grid Across ALL Pages */.features-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));  gap: var(--space-3);  margin-top: var(--space-2);}.feature-card {  padding: var(--space-3);  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-lg);  box-shadow: var(--shadow-lg);  transition: var(--transition-smooth);}.feature-card:hover {  transform: translateY(-6px) scale(1.01);  border-color: var(--color-primary-border);  box-shadow: var(--shadow-xl);}.feature-icon {  font-size: 2.2rem;  margin-bottom: var(--space-1);  display: inline-block;  transition: var(--transition-smooth);}.feature-card h3 {  font-size: 1.15rem;  font-weight: 700;  margin-bottom: 8px;  color: var(--text-main);}.feature-card p {  font-size: 0.92rem;  color: var(--text-secondary);  line-height: 1.6;}/* Accordion FAQ Component */.faq-section {  padding: var(--space-4);  margin-top: var(--space-3);  margin-bottom: var(--space-3);}.section-header h2 {  font-size: 1.55rem;  font-weight: 800;  color: var(--color-text);  margin-bottom: 6px;}.accordion-container {  display: flex;  flex-direction: column;  gap: var(--space-2);  margin-top: var(--space-3);}.accordion-item {  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-md);  overflow: hidden;  transition: border-color 0.25s ease, box-shadow 0.25s ease;  box-shadow: var(--shadow-sm);}.accordion-item:hover {  border-color: var(--color-primary-border);  box-shadow: var(--shadow-md);}.accordion-item.active {  border-color: var(--color-primary);  box-shadow: var(--shadow-primary);}.accordion-header {  width: 100%;  padding: 18px 22px;  background: var(--color-surface);  border: none;  display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  font-size: 1.02rem;  font-weight: 700;  color: var(--color-text);  cursor: pointer;  text-align: left;  transition: color 0.25s ease, background 0.25s ease;  min-height: 48px;}.accordion-header span:first-child {  flex: 1 1 auto;  min-width: 0;  word-break: break-word;  overflow-wrap: break-word;  hyphens: auto;}.accordion-header:hover {  color: var(--color-primary);}.accordion-header:focus-visible {  outline: 2px solid var(--color-border-focus);  outline-offset: -2px;  border-radius: 2px;}.accordion-item.active .accordion-header {  color: var(--color-primary);}/* SVG chevron icon — rotates 180° when open */.accordion-icon {  flex-shrink: 0;  display: flex;  align-items: center;  justify-content: center;  color: var(--color-primary);  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);  width: 20px;  height: 20px;}.accordion-item.active .accordion-icon {  transform: rotate(180deg);}/* Height animation via CSS grid trick — no JS height calculation needed */.accordion-content {  display: grid;  grid-template-rows: 0fr;  transition: grid-template-rows 0.28s cubic-bezier(0.4, 0, 0.2, 1),              opacity 0.25s ease;  opacity: 0;  overflow: hidden;}.accordion-item.active .accordion-content {  grid-template-rows: 1fr;  opacity: 1;}.accordion-content-inner {  min-height: 0;  overflow: hidden;  padding: 0 22px;  transition: padding 0.28s ease;}.accordion-item.active .accordion-content-inner {  padding: 0 22px 20px 22px;  min-height: 0;}.accordion-content p {  color: var(--color-text-secondary);  font-size: 0.96rem;  line-height: 1.75;  margin: 0;  overflow-wrap: break-word;  word-break: break-word;}.accordion-content code,.accordion-content kbd {  background: var(--color-bg-secondary);  padding: 2px 6px;  border-radius: 4px;  font-size: 0.88rem;  border: 1px solid var(--color-border);}/* Unified Multi-Column SaaS Footer Across ALL Pages */.saas-footer {  margin-top: var(--space-5);  width: 100%;  background: var(--color-surface);  border-top: 1px solid var(--color-border);  padding: var(--space-5) var(--space-3) var(--space-3) var(--space-3);  border-radius: var(--radius-xl) var(--radius-xl) 0 0;  box-shadow: 0 -10px 30px rgba(15, 23, 42, 0.03);  box-sizing: border-box;  max-width: 100%;  padding-inline: max(var(--space-3), env(safe-area-inset-left)) max(var(--space-3), env(safe-area-inset-right));}.footer-top-grid {  display: grid;  grid-template-columns: 2fr repeat(4, 1fr);  gap: var(--space-4);  margin-bottom: var(--space-4);  box-sizing: border-box;  max-width: 100%;}@media (max-width: 900px) {  .footer-top-grid {    grid-template-columns: 1fr 1fr;  }}/* Mobile: ≤600px - Fully fluid grid based on available content width.   Brand always spans full width. Remaining 4 columns use auto-fit with   a minimum column width derived from actual link content length.   No arbitrary device breakpoints. */@media (max-width: 600px) {  .footer-top-grid {    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));    gap: var(--space-3);  }  .footer-brand-col {    grid-column: 1 / -1;  }}/* Mobile spacing optimizations - apply at ≤600px */@media (max-width: 600px) {  .saas-footer {    padding: var(--space-4) var(--space-2) var(--space-2) var(--space-2);    padding-inline: max(var(--space-2), env(safe-area-inset-left)) max(var(--space-2), env(safe-area-inset-right));  }  .footer-brand-desc {    margin: var(--space-1) 0;    max-width: none;  }  .footer-col-title {    margin-bottom: var(--space-1);  }  .footer-links-list {    gap: 8px;  }  .footer-links-list a {    font-size: 0.85rem;  }  .footer-disclaimer-box {    padding: var(--space-2) var(--space-2);    margin-bottom: var(--space-2);  }  .footer-disclaimer-box p {    font-size: 0.75rem;  }  .footer-bottom-bar {    padding-top: var(--space-2);    gap: var(--space-1);    font-size: 0.8rem;  }  .footer-contact-info p {    font-size: 0.8rem;  }}/* Ensure footer columns never overflow and respect min-width: 0 */@media (max-width: 600px) {  .footer-col {    min-width: 0;    max-width: 100%;    box-sizing: border-box;  }}.footer-brand-row {  display: flex;  align-items: center;  gap: 10px;  margin-bottom: 10px;}.footer-brand-col h2 {  font-size: 1.25rem;  font-weight: 800;  color: var(--text-main);}.footer-brand-icon {  width: 26px;  height: 26px;}.footer-brand-desc {  color: var(--text-muted);  font-size: 0.88rem;  margin: var(--space-2) 0;  line-height: 1.6;  max-width: 340px;}.footer-contact-info p {  font-size: 0.85rem;  color: var(--text-muted);}.footer-contact-info a {  color: var(--color-primary);  text-decoration: none;}.footer-col-title {  font-size: 0.88rem;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 0.05em;  color: var(--color-text);  margin-bottom: var(--space-2);}.footer-links-list {  list-style: none;  display: flex;  flex-direction: column;  gap: 10px;}.footer-links-list a {  color: var(--color-text-muted);  text-decoration: none;  font-size: 0.88rem;  transition: var(--transition-smooth);}.footer-links-list a:hover {  color: var(--color-primary);  padding-left: 4px;}.footer-disclaimer-box {  background: var(--color-bg-secondary);  border: 1px solid var(--color-border);  border-radius: var(--radius-md);  padding: var(--space-2);  margin-bottom: var(--space-3);}.footer-disclaimer-box p {  font-size: 0.78rem;  color: var(--color-text-muted);  line-height: 1.6;}.footer-bottom-bar {  display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  gap: var(--space-2);  padding-top: var(--space-3);  border-top: 1px solid var(--color-border);  font-size: 0.85rem;  color: var(--text-muted);}/* Modal Overlay & Card */.modal-overlay {  position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  background: rgba(15, 23, 42, 0.45);  backdrop-filter: blur(6px);  z-index: 10000;  display: flex;  align-items: center;  justify-content: center;  padding: var(--space-2);  animation: fadeIn 0.25s ease;}.modal-card {  width: 100%;  max-width: 480px;  padding: var(--space-4);  position: relative;  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-xl);  box-shadow: var(--shadow-xl);}.modal-header {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: var(--space-3);}.modal-header h3 {  font-size: 1.3rem;  font-weight: 700;  color: var(--color-text);}.close-modal-btn {  background: var(--color-bg-secondary);  border: 1px solid var(--color-border);  width: 32px;  height: 32px;  border-radius: 50%;  color: var(--color-text-muted);  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  font-size: 0.9rem;  transition: var(--transition-smooth);  padding: 0;}.close-modal-btn:hover {  background: var(--color-error-soft);  border-color: var(--color-error-border);  color: var(--color-error);}/* Cookie Banner */.cookie-banner {  position: fixed;  bottom: 24px;  left: 24px;  max-width: 420px;  width: calc(100% - 48px);  background: var(--color-surface);  border: 1px solid var(--color-border);  border-radius: var(--radius-lg);  padding: var(--space-3);  z-index: 9998;  box-shadow: var(--shadow-xl);  display: flex;  flex-direction: column;  gap: 12px;}.cookie-banner-text {  font-size: 0.88rem;  color: var(--color-text-secondary);  line-height: 1.5;}.accept-cookies-btn {  align-self: flex-end;  background: var(--color-primary);  color: var(--color-primary-on);  font-weight: 700;  padding: 8px 18px;  border-radius: var(--radius-sm);  font-size: 0.85rem;  height: auto;}@keyframes fadeIn {  from { opacity: 0; transform: scale(0.98); }  to { opacity: 1; transform: scale(1); }}/* Table Responsive Scroll Wrapper */.table-responsive-wrapper {  width: 100%;  overflow-x: auto;  -webkit-overflow-scrolling: touch;  margin-bottom: var(--space-3);  border-radius: var(--radius-md);  border: 1px solid var(--panel-border);}.table-responsive-wrapper table {  width: 100%;  min-width: 520px;  border-collapse: collapse;}@media (max-width: 768px) {  body {    padding: var(--space-2) 8px;  }  .top-bar-logo {    display: flex;  }  .mobile-menu-toggle {    display: flex;  }  .top-utility-nav {    display: none;    position: absolute;    top: calc(100% + 8px);    left: 0;    right: 0;    background: var(--panel-bg);    border: 1px solid var(--panel-border);    border-radius: var(--radius-md);    padding: 16px;    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);    z-index: 99;  }  .top-utility-nav.mobile-open {    display: block;    animation: fadeInDown 0.22s ease-out;  }  .top-utility-nav ul {    flex-direction: column;    align-items: stretch;    gap: 4px;    width: 100%;  }  .top-utility-nav a {    display: block;    padding: 12px 16px;    font-size: 0.96rem;    font-weight: 600;    border-radius: 8px;    color: var(--text-main);  }  .top-utility-nav a:hover,  .top-utility-nav a.active {    background: var(--bg-light-secondary);    color: var(--accent-blue);  }  .top-utility-nav a::after {    display: none;  }  .main-card,  .legal-hero-card,  .faq-section {    padding: 20px 16px;  }  .logo-badge h1 {    font-size: 1.25rem;    line-height: 1.2;  }  .logo-badge-icon {    width: 24px;    height: 24px;  }  .header-top-bar {    flex-direction: column;    gap: 12px;    align-items: flex-start;  }  .status-pill-group {    flex-wrap: wrap;    gap: 8px;    width: 100%;  }  .status-pill {    font-size: 0.8rem;    padding: 6px 12px;  }  .dropzone {    padding: 18px 12px;  }  .dropzone-content {    flex-direction: column;    gap: 8px;    font-size: 0.88rem;  }  .controls-grid {    grid-template-columns: 1fr;    gap: 12px;  }  .control-card {    min-height: auto;    padding: 14px;  }  textarea {    min-height: 140px;    padding: 14px;    padding-right: 46px;    font-size: 0.98rem;  }  .label-row {    flex-direction: column;    align-items: flex-start;    gap: 4px;  }  .actions-wrapper {    flex-direction: column;    gap: 10px;    width: 100%;  }  .actions-wrapper button,  button.primary-btn,  button.secondary-btn,  button.download-btn {    width: 100%;    flex: 1 1 100%;    height: 48px;    font-size: 0.98rem;  }  .search-modal-content {    padding: 20px 16px;    max-width: 100%;    margin: 0;    border-radius: var(--radius-lg);    max-height: 90vh;    overflow-y: auto;  }  .search-modal-title {    font-size: 1.2rem;  }  .search-input {    padding: 14px 16px 14px 44px;    font-size: 1rem;  }  .accordion-header {    padding: 14px 16px;    font-size: 0.96rem;  }  .accordion-content-inner {    padding: 0 16px;  }  .accordion-item.active .accordion-content-inner {    padding: 0 16px 16px 16px;  }  .cookie-banner {    left: 12px;    bottom: 12px;    width: calc(100% - 24px);    max-width: 100%;    padding: 16px;  }}@keyframes fadeInDown {  from {    opacity: 0;    transform: translateY(-8px);  }  to {    opacity: 1;    transform: translateY(0);  }}/* Extra Small Mobile Devices (320px - 480px) */@media (max-width: 480px) {  body {    padding: 8px 4px;  }  .top-utility-bar {    padding: 6px 10px;  }  .top-bar-logo {    font-size: 0.95rem;  }  .logo-icon-sm {    width: 20px;    height: 20px;  }  .main-card,  .legal-hero-card,  .faq-section {    padding: 16px 12px;    border-radius: var(--radius-lg);  }  .logo-badge h1 {    font-size: 1.15rem;  }  .logo-badge-icon {    width: 22px;    height: 22px;  }  .subtitle {    font-size: 0.88rem;    line-height: 1.4;  }  .control-card {    padding: 12px;  }  .control-card label {    font-size: 0.82rem;  }  select {    height: 42px;    font-size: 0.88rem;  }  textarea {    min-height: 110px;    font-size: 0.92rem;    padding: 12px;    padding-right: 42px;  }  .clear-btn {    top: 10px;    right: 10px;    width: 30px;    height: 30px;  }  .action-btn,  button.primary-btn,  button.secondary-btn,  button.download-btn {    height: 46px;    font-size: 0.92rem;    padding: 0 16px;  }  .status-pill {    font-size: 0.72rem;    padding: 4px 8px;  }  .search-modal-content {    padding: 16px 12px;  }  .accordion-header {    padding: 12px 14px;    font-size: 0.9rem;    gap: 10px;  }  .accordion-content-inner {    padding: 0 14px;  }  .accordion-item.active .accordion-content-inner {    padding: 0 14px 14px 14px;  }  .accordion-content p {    font-size: 0.88rem;    line-height: 1.6;  }  .table-responsive-wrapper {    margin-left: -4px;    margin-right: -4px;    width: calc(100% + 8px);  }  .saas-footer {    margin-top: 20px;    padding: 18px 12px 12px 12px;  }  .footer-top-grid {    gap: 14px;    margin-bottom: 14px;  }  .footer-disclaimer-box {    padding: 10px;    margin-bottom: 14px;  }  .footer-links-list {    gap: 8px;  }}[data-theme="dark"] body {  background-image:    radial-gradient(circle at 15% 10%, rgba(59, 130, 246, 0.08) 0%, transparent 45%),    radial-gradient(circle at 85% 25%, rgba(99, 102, 241, 0.06) 0%, transparent 45%),    radial-gradient(circle at 50% 85%, rgba(6, 182, 212, 0.06) 0%, transparent 50%);}[data-theme="dark"] .top-utility-bar {  background: rgba(15, 23, 42, 0.92);  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}[data-theme="dark"] .top-utility-bar:hover {  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);}[data-theme="dark"] .glass-panel,[data-theme="dark"] .main-card,[data-theme="dark"] .legal-hero-card,[data-theme="dark"] .stat-card,[data-theme="dark"] .feature-card,[data-theme="dark"] .accordion-item,[data-theme="dark"] .accordion-header,[data-theme="dark"] .modal-card,[data-theme="dark"] .cookie-banner,[data-theme="dark"] .secondary-btn,[data-theme="dark"] select,[data-theme="dark"] textarea,[data-theme="dark"] option,[data-theme="dark"] optgroup {  background: var(--color-surface);}[data-theme="dark"] .control-card:hover {  background: var(--color-surface-hover);}[data-theme="dark"] .status-pill {  background: var(--color-bg-secondary);}[data-theme="dark"] .dropzone {  background: var(--color-primary-soft);  border-color: var(--color-primary-border);}[data-theme="dark"] .dropzone:hover,[data-theme="dark"] .dropzone.dragover {  background: var(--color-primary-soft-hover);  box-shadow: var(--shadow-primary);}[data-theme="dark"] .download-btn {  background: var(--color-success-soft);  color: var(--color-success-text);  border-color: var(--color-success-border);}[data-theme="dark"] .download-btn:hover:not(:disabled) {  background: var(--color-success-soft);  color: var(--color-success-text);  border-color: var(--color-success);}[data-theme="dark"] .primary-btn:hover:not(:disabled) {  background: var(--color-primary-hover);}[data-theme="dark"] .clear-btn:hover {  background: var(--color-error-soft);  color: var(--color-error-text);  border-color: var(--color-error-border);}[data-theme="dark"] .close-modal-btn:hover {  background: var(--color-error-soft);  color: var(--color-error-text);  border-color: var(--color-error-border);}[data-theme="dark"] .modal-overlay {  background: rgba(0, 0, 0, 0.7);}[data-theme="dark"] select optgroup,[data-theme="dark"] select option {  background: var(--color-surface);}[data-theme="dark"] .saas-footer {  background: var(--color-bg-secondary);  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.15);}[data-theme="dark"] .footer-brand-desc,[data-theme="dark"] .footer-contact-info p {  color: var(--color-text-muted);}[data-theme="dark"] .footer-links-list a {  color: var(--color-text-muted);}[data-theme="dark"] .footer-links-list a:hover {  color: var(--color-primary);}[data-theme="dark"] .footer-disclaimer-box {  background: var(--color-bg);  border-color: var(--color-border);}[data-theme="dark"] .page-body-content {  color: var(--color-text-secondary);}[data-theme="dark"] .page-body-content h2,[data-theme="dark"] .page-body-content h3 {  color: var(--color-text);}[data-theme="dark"] ::selection {  background: rgba(59, 130, 246, 0.3);}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea {  color: var(--color-text);  background: var(--color-surface);}[data-theme="dark"] button:disabled {  opacity: 0.5;  filter: none;}[data-theme="dark"] #contact-success {  background: var(--color-success-soft) !important;  border-color: var(--color-success-border) !important;  color: var(--color-success-text) !important;}[data-theme="dark"] #contact-error {  background: var(--color-error-soft) !important;  border-color: var(--color-error-border) !important;  color: var(--color-error-text) !important;}