/* /Pages/Admin/AdminPresentationView.razor.rz.scp.css */
:root[b-5f3nqqkr84] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-5f3nqqkr84] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-viewer[b-5f3nqqkr84] {
  min-height: 100vh;
  background-color: var(--background);
  padding: 1rem;
}
.presentation-viewer__container[b-5f3nqqkr84] {
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .presentation-viewer__container[b-5f3nqqkr84] {
    padding: 0 1rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__container[b-5f3nqqkr84] {
    padding: 0 0.5rem;
  }
}
.presentation-viewer__admin-banner[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, var(--color-warning), rgba(var(--color-warning-rgb), 0.8));
  color: white;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  font-weight: 600;
  box-shadow: var(--shadow-lg);
}
.presentation-viewer__admin-banner .material-symbols-rounded[b-5f3nqqkr84] {
  font-size: 1.5rem;
}
@media (max-width: 600px) {
  .presentation-viewer__admin-banner[b-5f3nqqkr84] {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
}
.presentation-viewer__breadcrumbs[b-5f3nqqkr84] {
  margin-bottom: 1.5rem;
}
.presentation-viewer__breadcrumbs nav[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .presentation-viewer__breadcrumbs[b-5f3nqqkr84] {
    margin-bottom: 1rem;
  }
}
.presentation-viewer__breadcrumb-item[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--text-secondary);
  text-decoration: none;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.presentation-viewer__breadcrumb-item:hover[b-5f3nqqkr84] {
  color: var(--color-primary);
  background-color: rgba(var(--color-primary-rgb), 0.05);
  transform: translateY(-1px);
}
.presentation-viewer__breadcrumb-item--current[b-5f3nqqkr84] {
  color: var(--text-primary);
  font-weight: 600;
  background-color: rgba(var(--color-primary-rgb), 0.08);
}
.presentation-viewer__breadcrumb-item--current:hover[b-5f3nqqkr84] {
  transform: none;
}
.presentation-viewer__breadcrumb-item .material-symbols-rounded[b-5f3nqqkr84] {
  font-size: 1.125rem;
}
@media (max-width: 600px) {
  .presentation-viewer__breadcrumb-item[b-5f3nqqkr84] {
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
  }
  .presentation-viewer__breadcrumb-item .material-symbols-rounded[b-5f3nqqkr84] {
    font-size: 1rem;
  }
}
.presentation-viewer__breadcrumb-separator[b-5f3nqqkr84] {
  color: var(--text-tertiary);
  font-size: 1.125rem;
  margin: 0 0.25rem;
}
.presentation-viewer__card[b-5f3nqqkr84] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}
.presentation-viewer__card:hover[b-5f3nqqkr84] {
  box-shadow: var(--shadow-xl);
  transform: translateY(-1px);
}
@media (max-width: 600px) {
  .presentation-viewer__card[b-5f3nqqkr84] {
    border-radius: 12px;
    box-shadow: var(--shadow-md);
  }
}
.presentation-viewer__header[b-5f3nqqkr84] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  border-bottom: 2px solid var(--border-color);
  padding: 2rem;
}
@media (max-width: 1280px) {
  .presentation-viewer__header[b-5f3nqqkr84] {
    padding: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header[b-5f3nqqkr84] {
    padding: 1rem;
  }
}
.presentation-viewer__header-top[b-5f3nqqkr84] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 960px) {
  .presentation-viewer__header-top[b-5f3nqqkr84] {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
.presentation-viewer__header-content[b-5f3nqqkr84] {
  flex: 1;
  min-width: 0;
}
.presentation-viewer__header-title[b-5f3nqqkr84] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
  word-break: break-word;
  background: linear-gradient(135deg, var(--text-primary), var(--color-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 1280px) {
  .presentation-viewer__header-title[b-5f3nqqkr84] {
    font-size: 1.75rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header-title[b-5f3nqqkr84] {
    font-size: 1.5rem;
  }
}
.presentation-viewer__header-subtitle[b-5f3nqqkr84] {
  font-size: 1.125rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 1280px) {
  .presentation-viewer__header-subtitle[b-5f3nqqkr84] {
    font-size: 1rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header-subtitle[b-5f3nqqkr84] {
    font-size: 0.9rem;
  }
}
.presentation-viewer__header-actions[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 960px) {
  .presentation-viewer__header-actions[b-5f3nqqkr84] {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header-actions[b-5f3nqqkr84] {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.presentation-viewer__meta[b-5f3nqqkr84] {
  border-top: 1px solid rgba(var(--border-color-rgb), 0.5);
  padding-top: 1.5rem;
}
.presentation-viewer__options-compact[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .presentation-viewer__options-compact[b-5f3nqqkr84] {
    gap: 0.5rem;
    justify-content: center;
  }
}
.presentation-viewer__color-palette[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  background-color: rgba(var(--color-primary-rgb), 0.05);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: 20px;
  transition: all 0.2s ease;
}
.presentation-viewer__color-palette:hover[b-5f3nqqkr84] {
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.15);
}
@media (max-width: 600px) {
  .presentation-viewer__color-palette[b-5f3nqqkr84] {
    padding: 0.25rem 0.5rem;
    gap: 0.2rem;
  }
}
.presentation-viewer__color-circle[b-5f3nqqkr84] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  transition: transform 0.2s ease;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-viewer__color-circle:hover[b-5f3nqqkr84] {
  transform: scale(1.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
.presentation-viewer__color-circle span[b-5f3nqqkr84] {
  font-size: 8px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
  .presentation-viewer__color-circle[b-5f3nqqkr84] {
    width: 16px;
    height: 16px;
    border-width: 1.5px;
  }
  .presentation-viewer__color-circle span[b-5f3nqqkr84] {
    font-size: 7px;
  }
}
.presentation-viewer__chip[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background-color: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.15);
  border-radius: 20px;
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.presentation-viewer__chip--minimal[b-5f3nqqkr84] {
  background-color: rgba(var(--color-info-rgb), 0.06);
  border-color: rgba(var(--color-info-rgb), 0.12);
  color: var(--color-info);
  font-size: 0.8rem;
  padding: 0.375rem 0.75rem;
}
.presentation-viewer__chip:hover[b-5f3nqqkr84] {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.15);
}
.presentation-viewer__chip .material-symbols-rounded[b-5f3nqqkr84] {
  font-size: 1rem;
}
@media (max-width: 600px) {
  .presentation-viewer__chip[b-5f3nqqkr84] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
  .presentation-viewer__chip .material-symbols-rounded[b-5f3nqqkr84] {
    font-size: 0.9rem;
  }
}
.presentation-viewer__prompt-toggle[b-5f3nqqkr84] {
  cursor: pointer;
}
.presentation-viewer__prompt-toggle.active[b-5f3nqqkr84] {
  background-color: rgba(var(--color-primary-rgb), 0.12);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  color: var(--color-primary);
}
.presentation-viewer__prompt-content[b-5f3nqqkr84] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.presentation-viewer__prompt-content.expanded[b-5f3nqqkr84] {
  max-height: 200px;
  margin-top: 1rem;
}
.presentation-viewer__prompt-text[b-5f3nqqkr84] {
  padding: 1rem;
  background-color: rgba(var(--color-info-rgb), 0.05);
  border: 1px solid rgba(var(--color-info-rgb), 0.1);
  border-radius: 12px;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);
  max-height: 160px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.presentation-viewer__btn[b-5f3nqqkr84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border: none;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.presentation-viewer__btn--primary[b-5f3nqqkr84] {
  background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.8));
  color: white;
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.3);
}
.presentation-viewer__btn--primary:hover[b-5f3nqqkr84] {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(var(--color-primary-rgb), 0.4);
}
.presentation-viewer__btn--secondary[b-5f3nqqkr84] {
  background-color: rgba(var(--color-secondary-rgb), 0.08);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.15);
  color: var(--color-secondary);
}
.presentation-viewer__btn--secondary:hover[b-5f3nqqkr84] {
  background-color: rgba(var(--color-secondary-rgb), 0.12);
  border-color: rgba(var(--color-secondary-rgb), 0.2);
  transform: translateY(-1px);
}
.presentation-viewer__btn--small[b-5f3nqqkr84] {
  padding: 0.5rem 0.875rem;
  font-size: 0.8rem;
}
.presentation-viewer__btn .material-symbols-rounded[b-5f3nqqkr84] {
  font-size: 1.125rem;
}
@media (max-width: 600px) {
  .presentation-viewer__btn[b-5f3nqqkr84] {
    padding: 0.625rem 1rem;
    font-size: 0.85rem;
  }
  .presentation-viewer__btn .material-symbols-rounded[b-5f3nqqkr84] {
    font-size: 1rem;
  }
}
.presentation-viewer__debug-panel[b-5f3nqqkr84] {
  border-top: 2px solid var(--border-color);
  background: linear-gradient(135deg, rgba(var(--color-warning-rgb), 0.03), rgba(var(--color-warning-rgb), 0.06));
  padding: 1.5rem;
}
.presentation-viewer__debug-panel h3[b-5f3nqqkr84] {
  color: var(--text-primary);
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
  font-weight: 600;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-panel[b-5f3nqqkr84] {
    padding: 1rem;
  }
}
.presentation-viewer__debug-tabs[b-5f3nqqkr84] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1rem;
}
.presentation-viewer__debug-tab[b-5f3nqqkr84] {
  padding: 0.5rem 1rem;
  border: 1px solid rgba(var(--color-info-rgb), 0.2);
  background-color: rgba(var(--color-info-rgb), 0.05);
  color: var(--color-info);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}
.presentation-viewer__debug-tab.active[b-5f3nqqkr84] {
  background-color: var(--color-info);
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(var(--color-info-rgb), 0.3);
}
.presentation-viewer__debug-tab:hover:not(.active)[b-5f3nqqkr84] {
  background-color: rgba(var(--color-info-rgb), 0.1);
  border-color: rgba(var(--color-info-rgb), 0.3);
}
.presentation-viewer__debug-content[b-5f3nqqkr84] {
  background-color: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 1.5rem;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-content[b-5f3nqqkr84] {
    padding: 1rem;
  }
}
.presentation-viewer__debug-actions[b-5f3nqqkr84] {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-actions[b-5f3nqqkr84] {
    flex-direction: column;
  }
}
.presentation-viewer__debug-json[b-5f3nqqkr84] {
  background-color: rgba(var(--color-tertiary-rgb), 0.05);
  border: 1px solid rgba(var(--color-tertiary-rgb), 0.1);
  border-radius: 8px;
  padding: 1rem;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 0.8rem;
  line-height: 1.4;
  white-space: pre-wrap;
  overflow-x: auto;
  max-height: 400px;
  overflow-y: auto;
  color: var(--text-secondary);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-json[b-5f3nqqkr84] {
    font-size: 0.75rem;
    padding: 0.75rem;
    max-height: 300px;
  }
}
.presentation-viewer__debug-table[b-5f3nqqkr84] {
  display: grid;
  gap: 0.75rem;
}
.presentation-viewer__debug-row[b-5f3nqqkr84] {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 1rem;
  padding: 0.75rem;
  background-color: rgba(var(--color-info-rgb), 0.03);
  border-radius: 8px;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-row[b-5f3nqqkr84] {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}
.presentation-viewer__debug-label[b-5f3nqqkr84] {
  font-weight: 600;
  color: var(--text-primary);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-label[b-5f3nqqkr84] {
    font-size: 0.9rem;
  }
}
.presentation-viewer__debug-value[b-5f3nqqkr84] {
  color: var(--text-secondary);
  word-break: break-word;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-value[b-5f3nqqkr84] {
    font-size: 0.85rem;
  }
}
.presentation-viewer__debug-slides[b-5f3nqqkr84] {
  margin-top: 1rem;
  display: grid;
  gap: 1rem;
}
.presentation-viewer__debug-slides h4[b-5f3nqqkr84] {
  color: var(--text-primary);
  margin: 1rem 0 0.5rem 0;
  font-size: 1.125rem;
}
.presentation-viewer__debug-slide[b-5f3nqqkr84] {
  background-color: rgba(var(--color-secondary-rgb), 0.05);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.1);
  border-radius: 10px;
  padding: 1rem;
}
.presentation-viewer__debug-slide-header[b-5f3nqqkr84] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-slide-header[b-5f3nqqkr84] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.presentation-viewer__debug-slide-content[b-5f3nqqkr84] {
  display: grid;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.presentation-viewer__debug-slide-content span[b-5f3nqqkr84] {
  padding: 0.25rem 0;
}
.presentation-viewer__debug-slide-content span strong[b-5f3nqqkr84] {
  color: var(--text-primary);
}
.presentation-viewer__content[b-5f3nqqkr84] {
  padding: 2rem;
}
@media (max-width: 1280px) {
  .presentation-viewer__content[b-5f3nqqkr84] {
    padding: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__content[b-5f3nqqkr84] {
    padding: 1rem;
  }
}
.presentation-viewer__loading[b-5f3nqqkr84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.presentation-viewer__spinner[b-5f3nqqkr84] {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(var(--color-primary-rgb), 0.2);
  border-top: 3px solid var(--color-primary);
  border-radius: 50%;
  animation: spin-b-5f3nqqkr84 1s linear infinite;
  margin-bottom: 1rem;
}
.presentation-viewer__spinner--large[b-5f3nqqkr84] {
  width: 60px;
  height: 60px;
  border-width: 4px;
}
.presentation-viewer__loading-text[b-5f3nqqkr84] {
  color: var(--text-secondary);
  font-size: 1rem;
  margin: 0;
}
.presentation-viewer__error[b-5f3nqqkr84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.presentation-viewer__error-icon[b-5f3nqqkr84] {
  color: var(--color-error);
  font-size: 4rem;
  margin-bottom: 1rem;
}
.presentation-viewer__error-icon .material-symbols-rounded[b-5f3nqqkr84] {
  font-size: inherit;
}
.presentation-viewer__error-title[b-5f3nqqkr84] {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.presentation-viewer__error-message[b-5f3nqqkr84] {
  color: var(--text-secondary);
  font-size: 1rem;
  margin: 0 0 2rem 0;
  line-height: 1.5;
}

@keyframes spin-b-5f3nqqkr84 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=AdminPresentationView.razor.css.map */
/* /Pages/Admin/MonetizationDashboard.razor.rz.scp.css */
:root[b-pr9tn7ccnq] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-pr9tn7ccnq] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.monetization-dashboard[b-pr9tn7ccnq] {
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
  min-height: 100vh;
  background-color: var(--background);
}
.monetization-dashboard__header[b-pr9tn7ccnq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  gap: 1.5rem;
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.02));
  padding: 2rem;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}
.monetization-dashboard__title[b-pr9tn7ccnq] {
  font-size: 2.4rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--text-primary), var(--color-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}
.monetization-dashboard__date-selector[b-pr9tn7ccnq] {
  min-width: 280px;
}
.monetization-dashboard__date-selector .date-picker[b-pr9tn7ccnq] {
  min-width: 100%;
}
.monetization-dashboard__loading[b-pr9tn7ccnq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12rem 0;
  background: linear-gradient(135deg, var(--surface), var(--surface-variant));
  border-radius: 8px;
  border: 1px solid var(--border-color);
}
.monetization-dashboard__loading .mud-typography[b-pr9tn7ccnq] {
  color: var(--text-secondary);
  margin-top: 1.5rem;
}
.monetization-dashboard__kpi-grid[b-pr9tn7ccnq] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}
.monetization-dashboard__kpi-grid .mud-card[b-pr9tn7ccnq] {
  border-radius: 8px;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--border-color);
  background: linear-gradient(135deg, var(--surface), rgba(var(--color-primary-rgb), 0.01));
}
.monetization-dashboard__kpi-grid .mud-card:hover[b-pr9tn7ccnq] {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px) scale(1.02);
  border-color: rgba(var(--color-primary-rgb), 0.3);
}
.monetization-dashboard__kpi-card[b-pr9tn7ccnq] {
  text-align: center;
  padding: 2rem;
  position: relative;
}
.monetization-dashboard__kpi-card[b-pr9tn7ccnq]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  border-radius: 8px 8px 0 0;
}
.monetization-dashboard__kpi-icon[b-pr9tn7ccnq] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
}
.monetization-dashboard__kpi-icon .mud-icon-root[b-pr9tn7ccnq] {
  opacity: 0.9;
  filter: drop-shadow(0 2px 4px rgba(var(--color-primary-rgb), 0.2));
}
.monetization-dashboard__kpi-value[b-pr9tn7ccnq] {
  font-size: 2.4rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
  line-height: 1.1;
  text-shadow: 0 2px 4px rgba(var(--color-primary-rgb), 0.1);
}
.monetization-dashboard__kpi-label[b-pr9tn7ccnq] {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.monetization-dashboard__kpi-change[b-pr9tn7ccnq] {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}
.monetization-dashboard__kpi-change .mud-icon-root[b-pr9tn7ccnq] {
  font-size: 16px;
}
.monetization-dashboard__kpi-change--positive[b-pr9tn7ccnq] {
  color: var(--color-success);
  background: linear-gradient(135deg, rgba(var(--color-success-rgb), 0.15), rgba(var(--color-success-rgb), 0.1));
  border: 1px solid rgba(var(--color-success-rgb), 0.3);
}
.monetization-dashboard__kpi-change--negative[b-pr9tn7ccnq] {
  color: var(--color-error);
  background: linear-gradient(135deg, rgba(var(--color-error-rgb), 0.15), rgba(var(--color-error-rgb), 0.1));
  border: 1px solid rgba(var(--color-error-rgb), 0.3);
}
.monetization-dashboard__charts-grid[b-pr9tn7ccnq] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}
.monetization-dashboard__chart-card[b-pr9tn7ccnq] {
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-color);
  background: linear-gradient(135deg, var(--surface), rgba(var(--color-primary-rgb), 0.01));
  transition: all 0.3s ease;
}
.monetization-dashboard__chart-card:hover[b-pr9tn7ccnq] {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}
.monetization-dashboard__chart-card .mud-card-header[b-pr9tn7ccnq] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  border-bottom: 2px solid var(--border-color);
}
.monetization-dashboard__chart-header[b-pr9tn7ccnq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.monetization-dashboard__chart-header .mud-typography-h6[b-pr9tn7ccnq] {
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.monetization-dashboard__chart-header .mud-icon-root[b-pr9tn7ccnq] {
  color: var(--color-primary);
  opacity: 0.8;
}
.monetization-dashboard__chart-container[b-pr9tn7ccnq] {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.monetization-dashboard__chart-container .mud-chart[b-pr9tn7ccnq] {
  width: 100%;
  height: 100%;
}
.monetization-dashboard__empty-state[b-pr9tn7ccnq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem;
}
.monetization-dashboard__empty-state .mud-icon-root[b-pr9tn7ccnq] {
  opacity: 0.4;
  margin-bottom: 2rem;
  color: var(--text-secondary);
}
.monetization-dashboard__empty-state .mud-typography-h6[b-pr9tn7ccnq] {
  color: var(--text-secondary);
  margin-bottom: 1rem;
  font-weight: 600;
}
.monetization-dashboard__empty-state .mud-typography-body2[b-pr9tn7ccnq] {
  color: var(--text-secondary);
  opacity: 0.8;
  max-width: 300px;
}
.monetization-dashboard__funnel-chart[b-pr9tn7ccnq] {
  padding: 2rem;
}
.monetization-dashboard__funnel-step[b-pr9tn7ccnq] {
  margin-bottom: 1.5rem;
}
.monetization-dashboard__funnel-step:last-child[b-pr9tn7ccnq] {
  margin-bottom: 0;
}
.monetization-dashboard__step-bar[b-pr9tn7ccnq] {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: 8px;
  padding: 1.5rem 2rem;
  position: relative;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.monetization-dashboard__step-bar[b-pr9tn7ccnq]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.monetization-dashboard__step-bar:hover[b-pr9tn7ccnq] {
  transform: translateX(4px) scale(1.01);
  box-shadow: var(--shadow-lg);
}
.monetization-dashboard__step-bar:hover[b-pr9tn7ccnq]::before {
  left: 100%;
}
.monetization-dashboard__step-label[b-pr9tn7ccnq] {
  font-size: 1rem;
  font-weight: 600;
}
.monetization-dashboard__step-value[b-pr9tn7ccnq] {
  font-size: 0.9rem;
  opacity: 0.95;
  font-weight: 500;
}
.monetization-dashboard__subscription-card[b-pr9tn7ccnq] {
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-color);
  margin-bottom: 3rem;
  background: linear-gradient(135deg, var(--surface), rgba(var(--color-primary-rgb), 0.01));
}
.monetization-dashboard__subscription-card .mud-card-header[b-pr9tn7ccnq] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  border-bottom: 2px solid var(--border-color);
}
.monetization-dashboard__subscription-grid[b-pr9tn7ccnq] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  padding: 1.5rem;
}
.monetization-dashboard__subscription-metric[b-pr9tn7ccnq] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.02));
  border-radius: 6px;
  border: 1px solid var(--border-color);
  transition: all 0.2s ease;
}
.monetization-dashboard__subscription-metric:hover[b-pr9tn7ccnq] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.monetization-dashboard__metric-icon[b-pr9tn7ccnq] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background: rgba(var(--color-primary-rgb), 0.1);
}
.monetization-dashboard__metric-content[b-pr9tn7ccnq] {
  flex: 1;
}
.monetization-dashboard__metric-value[b-pr9tn7ccnq] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}
.monetization-dashboard__metric-label[b-pr9tn7ccnq] {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
  margin-top: 2px;
}
.monetization-dashboard__segments-card[b-pr9tn7ccnq] {
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-color);
  background: linear-gradient(135deg, var(--surface), rgba(var(--color-primary-rgb), 0.01));
}
.monetization-dashboard__segments-card .mud-card-header[b-pr9tn7ccnq] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  border-bottom: 2px solid var(--border-color);
}
.monetization-dashboard__segments-card .mud-table .mud-table-head .mud-table-cell[b-pr9tn7ccnq] {
  font-weight: 700;
  color: var(--text-primary);
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.02));
}
.monetization-dashboard__segments-card .mud-table .mud-table-row[b-pr9tn7ccnq] {
  transition: all 0.2s ease;
}
.monetization-dashboard__segments-card .mud-table .mud-table-row:hover[b-pr9tn7ccnq] {
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.03), rgba(var(--color-primary-rgb), 0.01));
  transform: scale(1.01);
}
.monetization-dashboard__segments-card .mud-table .mud-table-row .mud-table-cell[b-pr9tn7ccnq] {
  color: var(--text-primary);
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.5);
}
.monetization-dashboard__segments-card .mud-table .mud-table-row .mud-table-cell .mud-chip[b-pr9tn7ccnq] {
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 50px;
}
.monetization-dashboard__segments-card .mud-table .mud-table-row .mud-table-cell .mud-progress-linear[b-pr9tn7ccnq] {
  border-radius: 50px;
  height: 8px;
}
.monetization-dashboard .mud-progress-circular[b-pr9tn7ccnq] {
  margin: 3rem auto;
  display: block;
}
.monetization-dashboard .mud-alert[b-pr9tn7ccnq] {
  border-radius: 8px;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}
.monetization-dashboard .mud-alert .mud-alert-message .mud-typography-h6[b-pr9tn7ccnq] {
  margin-bottom: 1rem;
  font-weight: 600;
}
.monetization-dashboard .mud-alert .mud-alert-message .mud-button[b-pr9tn7ccnq] {
  margin-top: 1rem;
  border-radius: 6px;
}

@media (max-width: 1280px) {
  .monetization-dashboard[b-pr9tn7ccnq] {
    padding: 1.5rem;
  }
  .monetization-dashboard__header[b-pr9tn7ccnq] {
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
    padding: 1.5rem;
  }
  .monetization-dashboard__title[b-pr9tn7ccnq] {
    font-size: 1.8rem;
    text-align: center;
  }
  .monetization-dashboard__date-selector[b-pr9tn7ccnq] {
    width: 100%;
  }
  .monetization-dashboard__kpi-grid[b-pr9tn7ccnq] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
  }
  .monetization-dashboard__charts-grid[b-pr9tn7ccnq] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .monetization-dashboard__chart-container[b-pr9tn7ccnq] {
    min-height: 250px;
  }
  .monetization-dashboard__subscription-grid[b-pr9tn7ccnq] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
  }
}
@media (max-width: 960px) {
  .monetization-dashboard[b-pr9tn7ccnq] {
    padding: 1rem;
  }
  .monetization-dashboard__kpi-grid[b-pr9tn7ccnq] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .monetization-dashboard__kpi-value[b-pr9tn7ccnq] {
    font-size: 1.8rem;
  }
  .monetization-dashboard__charts-grid[b-pr9tn7ccnq] {
    gap: 1rem;
  }
  .monetization-dashboard__chart-header .mud-typography-h6[b-pr9tn7ccnq] {
    font-size: 1rem;
  }
  .monetization-dashboard__subscription-grid[b-pr9tn7ccnq] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .monetization-dashboard__funnel-chart[b-pr9tn7ccnq] {
    padding: 1.5rem;
  }
  .monetization-dashboard__step-bar[b-pr9tn7ccnq] {
    padding: 1rem 1.5rem;
    min-height: 48px;
  }
}
@media (max-width: 600px) {
  .monetization-dashboard[b-pr9tn7ccnq] {
    padding: 0.5rem;
  }
  .monetization-dashboard__header[b-pr9tn7ccnq] {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  .monetization-dashboard__title[b-pr9tn7ccnq] {
    font-size: 1.5rem;
  }
  .monetization-dashboard__kpi-card[b-pr9tn7ccnq] {
    padding: 1.5rem;
  }
  .monetization-dashboard__kpi-value[b-pr9tn7ccnq] {
    font-size: 1.5rem;
  }
  .monetization-dashboard__chart-container[b-pr9tn7ccnq] {
    min-height: 200px;
    padding: 1rem;
  }
  .monetization-dashboard__empty-state[b-pr9tn7ccnq] {
    padding: 2rem;
  }
  .monetization-dashboard__step-bar[b-pr9tn7ccnq] {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
    min-height: auto;
    padding: 1rem;
  }
}

/*# sourceMappingURL=MonetizationDashboard.razor.css.map */
/* /Pages/Admin/PresentationsDashboard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-lgq5a9hq3b] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-lgq5a9hq3b] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.admin-presentations[b-lgq5a9hq3b] {
  min-height: 100vh;
  background-color: var(--background);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1280px) {
  .admin-presentations .mud-container[b-lgq5a9hq3b] {
    padding: 1rem;
  }
}
@media (max-width: 600px) {
  .admin-presentations .mud-container[b-lgq5a9hq3b] {
    padding: 0.5rem;
  }
}
.admin-presentations .mud-card[b-lgq5a9hq3b] {
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-lg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.admin-presentations .mud-card:hover[b-lgq5a9hq3b] {
  box-shadow: var(--shadow-xl);
  transform: translateY(-1px);
}
@media (max-width: 600px) {
  .admin-presentations .mud-card[b-lgq5a9hq3b] {
    border-radius: 8px;
    box-shadow: var(--shadow-md);
  }
}
.admin-presentations .mud-card-header[b-lgq5a9hq3b] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  border-bottom: 2px solid var(--border-color);
}
.admin-presentations .mud-card-header .mud-typography-h4[b-lgq5a9hq3b] {
  background: linear-gradient(135deg, var(--text-primary), var(--color-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}
.admin-presentations .mud-breadcrumbs .mud-breadcrumb-item[b-lgq5a9hq3b] {
  color: var(--text-secondary);
  font-weight: 500;
  transition: color 0.2s ease;
}
.admin-presentations .mud-breadcrumbs .mud-breadcrumb-item:hover[b-lgq5a9hq3b] {
  color: var(--color-primary);
}
.admin-presentations .mud-breadcrumbs .mud-breadcrumb-item:last-child[b-lgq5a9hq3b] {
  color: var(--text-primary);
  font-weight: 600;
}
.admin-presentations .mud-paper[b-lgq5a9hq3b] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.02));
  border: 1px solid var(--border-color);
}
.admin-presentations .mud-paper .mud-input-adornment-icon[b-lgq5a9hq3b] {
  color: var(--color-primary);
}
.admin-presentations .mud-table[b-lgq5a9hq3b] {
  border-radius: 12px;
  overflow: visible;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-md);
  height: auto !important;
  max-height: none !important;
}
.admin-presentations .mud-table .mud-table-head[b-lgq5a9hq3b] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  position: static !important;
}
.admin-presentations .mud-table .mud-table-head .mud-table-cell[b-lgq5a9hq3b] {
  font-weight: 600;
  color: var(--text-primary);
  border-bottom: 2px solid var(--border-color);
  padding: 1.25rem 1rem;
}
.admin-presentations .mud-table .mud-table-row[b-lgq5a9hq3b] {
  transition: all 0.2s ease;
}
.admin-presentations .mud-table .mud-table-row:hover[b-lgq5a9hq3b] {
  background-color: rgba(var(--color-primary-rgb), 0.02);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.08);
}
.admin-presentations .mud-table .mud-table-cell[b-lgq5a9hq3b] {
  padding: 1.5rem 1rem;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.5);
  vertical-align: middle;
}
.admin-presentations__theme-display[b-lgq5a9hq3b] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 1280px) {
  .admin-presentations__theme-display[b-lgq5a9hq3b] {
    gap: 0.375rem;
  }
}
.admin-presentations__color-palette[b-lgq5a9hq3b] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(var(--color-primary-rgb), 0.05);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: 16px;
  transition: all 0.2s ease;
}
.admin-presentations__color-palette:hover[b-lgq5a9hq3b] {
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.15);
}
@media (max-width: 1280px) {
  .admin-presentations__color-palette[b-lgq5a9hq3b] {
    padding: 0.2rem 0.375rem;
    gap: 0.2rem;
  }
}
@media (max-width: 600px) {
  .admin-presentations__color-palette[b-lgq5a9hq3b] {
    padding: 0.2rem 0.375rem;
    gap: 0.2rem;
  }
}
.admin-presentations__color-circle[b-lgq5a9hq3b] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  transition: transform 0.2s ease;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  display: block;
}
.admin-presentations__color-circle:hover[b-lgq5a9hq3b] {
  transform: scale(1.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
@media (max-width: 960px) {
  .admin-presentations__color-circle[b-lgq5a9hq3b] {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
  }
}
@media (max-width: 600px) {
  .admin-presentations__color-circle[b-lgq5a9hq3b] {
    width: 12px;
    height: 12px;
    border-width: 1px;
  }
}
.admin-presentations__color-name[b-lgq5a9hq3b] {
  font-size: 0.8rem;
  color: var(--text-primary);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 1280px) {
  .admin-presentations__color-name[b-lgq5a9hq3b] {
    font-size: 0.75rem;
  }
}
@media (max-width: 960px) {
  .admin-presentations__color-name[b-lgq5a9hq3b] {
    font-size: 0.7rem;
  }
}
.admin-presentations__ai-generated-indicator[b-lgq5a9hq3b] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.08), rgba(var(--color-primary-rgb), 0.12));
  border: 1px solid rgba(var(--color-primary-rgb), 0.2);
  border-radius: 20px;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  margin-top: 0.25rem;
}
.admin-presentations__ai-generated-indicator[b-lgq5a9hq3b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 2s ease;
}
.admin-presentations__ai-generated-indicator:hover[b-lgq5a9hq3b] {
  transform: scale(1.02);
  box-shadow: 0 3px 12px rgba(var(--color-primary-rgb), 0.2);
}
.admin-presentations__ai-generated-indicator:hover[b-lgq5a9hq3b]::before {
  left: 100%;
}
.admin-presentations__ai-generated-indicator .mud-icon[b-lgq5a9hq3b] {
  animation: sparkle-b-lgq5a9hq3b 2s ease-in-out infinite;
}
.admin-presentations__ai-generated-indicator .admin-presentations__color-name[b-lgq5a9hq3b] {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 0.8rem;
  background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 1280px) {
  .admin-presentations__ai-generated-indicator[b-lgq5a9hq3b] {
    padding: 0.3rem 0.6rem;
    gap: 0.3rem;
  }
  .admin-presentations__ai-generated-indicator .admin-presentations__color-name[b-lgq5a9hq3b] {
    font-size: 0.75rem;
  }
}
.admin-presentations__title-cell[b-lgq5a9hq3b] {
  max-width: 350px;
}
.admin-presentations__title-cell .mud-typography-h6[b-lgq5a9hq3b] {
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  word-break: break-word;
}
@media (max-width: 1280px) {
  .admin-presentations__title-cell .mud-typography-h6[b-lgq5a9hq3b] {
    font-size: 0.9rem;
  }
}
.admin-presentations__title-link[b-lgq5a9hq3b] {
  transition: all 0.2s ease;
  border-radius: 4px;
  padding: 0.25rem 0;
}
.admin-presentations__title-link:hover[b-lgq5a9hq3b] {
  color: var(--color-primary) !important;
  text-decoration: none !important;
  transform: translateX(2px);
  background-color: rgba(var(--color-primary-rgb), 0.02);
}
.admin-presentations__title-link:hover[b-lgq5a9hq3b]::after {
  content: " →";
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.admin-presentations__title-link:active[b-lgq5a9hq3b] {
  transform: translateX(1px);
}
@media (max-width: 1280px) {
  .admin-presentations__title-link[b-lgq5a9hq3b] {
    font-size: 0.9rem;
  }
}
.admin-presentations__title-link .mud-typography-body2[b-lgq5a9hq3b] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (max-width: 1280px) {
  .admin-presentations__title-link .mud-typography-body2[b-lgq5a9hq3b] {
    -webkit-line-clamp: 1;
    font-size: 0.75rem;
  }
}
.admin-presentations__user-cell[b-lgq5a9hq3b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.admin-presentations__user-cell:hover[b-lgq5a9hq3b] {
  background-color: rgba(var(--color-primary-rgb), 0.05);
  transform: translateY(-1px);
}
.admin-presentations__user-cell:hover .admin-presentations__user-email[b-lgq5a9hq3b] {
  color: var(--color-primary);
}
.admin-presentations__user-cell:hover .admin-presentations__user-avatar[b-lgq5a9hq3b] {
  background-color: var(--color-primary);
  color: white;
  transform: scale(1.1);
}
.admin-presentations__user-avatar[b-lgq5a9hq3b] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(var(--color-info-rgb), 0.1);
  color: var(--color-info);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(var(--color-info-rgb), 0.2);
  transition: all 0.2s ease;
}
@media (max-width: 1280px) {
  .admin-presentations__user-avatar[b-lgq5a9hq3b] {
    width: 28px;
    height: 28px;
  }
}
.admin-presentations__user-info[b-lgq5a9hq3b] {
  flex: 1;
  min-width: 0;
}
.admin-presentations__user-email[b-lgq5a9hq3b] {
  font-weight: 500;
  color: var(--text-primary);
  transition: color 0.2s ease;
  font-size: 0.9rem;
  word-break: break-word;
}
@media (max-width: 1280px) {
  .admin-presentations__user-email[b-lgq5a9hq3b] {
    font-size: 0.85rem;
  }
}
.admin-presentations__user-hint[b-lgq5a9hq3b] {
  color: var(--text-secondary);
  font-size: 0.7rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.admin-presentations__user-cell:hover .admin-presentations__user-hint[b-lgq5a9hq3b] {
  opacity: 1;
}
.admin-presentations__date-cell[b-lgq5a9hq3b] {
  text-align: left;
}
.admin-presentations__date-primary[b-lgq5a9hq3b] {
  font-weight: 500;
  color: var(--text-primary);
  font-size: 0.9rem;
}
@media (max-width: 1280px) {
  .admin-presentations__date-primary[b-lgq5a9hq3b] {
    font-size: 0.85rem;
  }
}
.admin-presentations__date-secondary[b-lgq5a9hq3b] {
  color: var(--text-secondary);
  font-size: 0.75rem;
  margin-top: 0.125rem;
}
.admin-presentations .mud-button-group .mud-button[b-lgq5a9hq3b] {
  border-radius: 8px;
  margin: 0 2px;
  transition: all 0.2s ease;
}
.admin-presentations .mud-button-group .mud-button:hover[b-lgq5a9hq3b] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.15);
}
.admin-presentations .mud-tooltip .mud-tooltip-content[b-lgq5a9hq3b] {
  background-color: var(--surface);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-lg);
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 500;
}
.admin-presentations .mud-table-empty[b-lgq5a9hq3b] {
  padding: 4rem 2rem;
  text-align: center;
}
.admin-presentations .mud-table-empty .mud-icon[b-lgq5a9hq3b] {
  font-size: 3rem;
  color: var(--color-tertiary);
  margin-bottom: 1rem;
}
.admin-presentations .mud-table-empty .mud-typography-h6[b-lgq5a9hq3b] {
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
.admin-presentations .mud-table-empty .mud-typography-body2[b-lgq5a9hq3b] {
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
}
.admin-presentations .mud-table-loading .mud-progress-circular[b-lgq5a9hq3b] {
  color: var(--color-primary);
}
.admin-presentations .mud-table-pagination[b-lgq5a9hq3b] {
  border-top: 1px solid var(--border-color);
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.01));
  position: static !important;
}
.admin-presentations .mud-table-pagination .mud-button[b-lgq5a9hq3b] {
  transition: all 0.2s ease;
}
.admin-presentations .mud-table-pagination .mud-button:hover[b-lgq5a9hq3b] {
  background-color: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
}
.admin-presentations .mud-dialog .mud-dialog-content .mud-typography[b-lgq5a9hq3b] {
  line-height: 1.6;
}
.admin-presentations .mud-dialog .mud-dialog-actions .mud-button[b-lgq5a9hq3b] {
  border-radius: 8px;
  transition: all 0.2s ease;
}
.admin-presentations .mud-dialog .mud-dialog-actions .mud-button:hover[b-lgq5a9hq3b] {
  transform: translateY(-1px);
}
@media (max-width: 1280px) {
  .admin-presentations .mud-table[b-lgq5a9hq3b] {
    font-size: 0.9rem;
  }
  .admin-presentations .mud-table .mud-table-cell[b-lgq5a9hq3b] {
    padding: 1rem 0.75rem;
  }
  .admin-presentations__color-palette[b-lgq5a9hq3b] {
    justify-content: center;
  }
}
@media (max-width: 960px) {
  .admin-presentations .mud-card-header[b-lgq5a9hq3b] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .admin-presentations .mud-card-header .mud-card-header-actions[b-lgq5a9hq3b] {
    width: 100%;
    justify-content: center;
  }
  .admin-presentations .mud-table[b-lgq5a9hq3b] {
    font-size: 0.85rem;
  }
  .admin-presentations .mud-table .mud-table-cell[b-lgq5a9hq3b] {
    padding: 0.75rem 0.5rem;
  }
}
@media (max-width: 600px) {
  .admin-presentations .mud-container[b-lgq5a9hq3b] {
    padding: 0;
  }
  .admin-presentations .mud-card[b-lgq5a9hq3b] {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  .admin-presentations .mud-table[b-lgq5a9hq3b] {
    border-radius: 0;
  }
  .admin-presentations .mud-table .mud-table-cell[b-lgq5a9hq3b] {
    padding: 0.5rem 0.25rem;
    font-size: 0.8rem;
  }
  .admin-presentations__color-circle[b-lgq5a9hq3b] {
    width: 10px;
    height: 10px;
    border-width: 1px;
  }
  .admin-presentations__color-name[b-lgq5a9hq3b] {
    font-size: 0.65rem;
  }
}

@keyframes admin-presentations-fade-in-b-lgq5a9hq3b {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes admin-presentations-slide-in-b-lgq5a9hq3b {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes sparkle-b-lgq5a9hq3b {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  25% {
    transform: scale(1.1) rotate(90deg);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.2) rotate(180deg);
    opacity: 1;
  }
  75% {
    transform: scale(1.1) rotate(270deg);
    opacity: 0.8;
  }
}
.admin-presentations .mud-table tbody tr[b-lgq5a9hq3b] {
  animation: admin-presentations-fade-in-b-lgq5a9hq3b 0.3s ease-out;
  animation-fill-mode: both;
}
.admin-presentations .mud-table tbody tr:nth-child(1)[b-lgq5a9hq3b] {
  animation-delay: 0s;
}
.admin-presentations .mud-table tbody tr:nth-child(2)[b-lgq5a9hq3b] {
  animation-delay: 0.05s;
}
.admin-presentations .mud-table tbody tr:nth-child(3)[b-lgq5a9hq3b] {
  animation-delay: 0.1s;
}
.admin-presentations .mud-table tbody tr:nth-child(4)[b-lgq5a9hq3b] {
  animation-delay: 0.15s;
}
.admin-presentations .mud-table tbody tr:nth-child(5)[b-lgq5a9hq3b] {
  animation-delay: 0.2s;
}
.admin-presentations .mud-table tbody tr:nth-child(6)[b-lgq5a9hq3b] {
  animation-delay: 0.25s;
}
.admin-presentations .mud-table tbody tr:nth-child(7)[b-lgq5a9hq3b] {
  animation-delay: 0.3s;
}
.admin-presentations .mud-table tbody tr:nth-child(8)[b-lgq5a9hq3b] {
  animation-delay: 0.35s;
}
.admin-presentations .mud-table tbody tr:nth-child(9)[b-lgq5a9hq3b] {
  animation-delay: 0.4s;
}
.admin-presentations .mud-table tbody tr:nth-child(10)[b-lgq5a9hq3b] {
  animation-delay: 0.45s;
}

.admin-presentations .mud-card[b-lgq5a9hq3b] {
  animation: admin-presentations-slide-in-b-lgq5a9hq3b 0.4s ease-out;
}

/*# sourceMappingURL=PresentationsDashboard.razor.css.map */
/* /Pages/Admin/SlideTemplatesPreview.razor.rz.scp.css */
:root[b-rbui6s10n3] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-rbui6s10n3] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.slide-templates-admin[b-rbui6s10n3] {
  padding: 0;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #f7f9fc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  position: relative;
}
.slide-templates-admin__header[b-rbui6s10n3] {
  margin-bottom: 2rem;
}
.slide-templates-admin__header--sticky[b-rbui6s10n3] {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  width: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
  transition: top 0.1s ease-out;
}
.slide-templates-admin__header-content[b-rbui6s10n3] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  flex-wrap: wrap;
  padding: 0 2rem;
  width: 100%;
  box-sizing: border-box;
}
.slide-templates-admin__header-title[b-rbui6s10n3] {
  flex: 1;
  min-width: 250px;
}
.slide-templates-admin__header-controls[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.slide-templates-admin__header-heading[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.5rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: #2c3e50;
}
.slide-templates-admin__header-heading i[b-rbui6s10n3] {
  font-size: 2.5rem;
  color: #3273dc;
}
.slide-templates-admin__header-subtitle[b-rbui6s10n3] {
  margin: 0;
  color: #5c7089;
  font-size: 1rem;
  line-height: 1.5;
}
.slide-templates-admin__theme-toggle[b-rbui6s10n3] {
  display: flex;
  gap: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: fit-content;
}
.slide-templates-admin__theme-btn[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background: transparent;
  color: #5c7089;
}
.slide-templates-admin__theme-btn:hover[b-rbui6s10n3] {
  background: rgba(0, 0, 0, 0.1);
  color: #2c3e50;
}
.slide-templates-admin__theme-btn--active[b-rbui6s10n3] {
  background: #3273dc;
  color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.slide-templates-admin__theme-btn--active:hover[b-rbui6s10n3] {
  background: #2661c7;
  color: white;
}
.slide-templates-admin__theme-btn i[b-rbui6s10n3] {
  font-size: 1rem;
}
.slide-templates-admin__actions[b-rbui6s10n3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.slide-templates-admin__btn[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  background: transparent;
}
.slide-templates-admin__btn:disabled[b-rbui6s10n3] {
  opacity: 0.6;
  cursor: not-allowed;
}
.slide-templates-admin__btn--primary[b-rbui6s10n3] {
  background: #3273dc;
  color: white;
}
.slide-templates-admin__btn--primary:hover:not(:disabled)[b-rbui6s10n3] {
  background: #2661c7;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
.slide-templates-admin__btn--secondary[b-rbui6s10n3] {
  background: #ffffff;
  color: #2c3e50;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.slide-templates-admin__btn--secondary:hover[b-rbui6s10n3] {
  background: #f7f9fc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.slide-templates-admin__btn--warning[b-rbui6s10n3] {
  background: #ffdd57;
  color: white;
}
.slide-templates-admin__btn--info[b-rbui6s10n3] {
  background: #3498db;
  color: white;
}
.slide-templates-admin__btn--ghost[b-rbui6s10n3] {
  background: transparent;
  color: #5c7089;
  border: 1px solid transparent;
}
.slide-templates-admin__btn--ghost:hover[b-rbui6s10n3] {
  background: #f7f9fc;
  color: #2c3e50;
}
.slide-templates-admin__btn--ghost.slide-templates-admin__btn--active[b-rbui6s10n3] {
  background: #3273dc;
  color: white;
}
.slide-templates-admin__btn--theme-light[b-rbui6s10n3] {
  background: transparent;
  color: #4285F4;
  border: 1px solid transparent;
  border-radius: 8px;
}
.slide-templates-admin__btn--theme-light:hover:not(:disabled)[b-rbui6s10n3] {
  background: rgba(66, 133, 244, 0.1);
  color: #1A73E8;
  transform: none;
  box-shadow: none;
}
.slide-templates-admin__btn--theme-light.slide-templates-admin__btn--active[b-rbui6s10n3] {
  background: #4285F4;
  color: white;
  box-shadow: 0 2px 4px rgba(66, 133, 244, 0.3);
}
.slide-templates-admin__btn--theme-dark[b-rbui6s10n3] {
  background: transparent;
  color: #374151;
  border: 1px solid transparent;
  border-radius: 8px;
}
.slide-templates-admin__btn--theme-dark:hover:not(:disabled)[b-rbui6s10n3] {
  background: rgba(55, 65, 81, 0.1);
  color: #1F2937;
  transform: none;
  box-shadow: none;
}
.slide-templates-admin__btn--theme-dark.slide-templates-admin__btn--active[b-rbui6s10n3] {
  background: #1F2937;
  color: white;
  box-shadow: 0 2px 4px rgba(31, 41, 55, 0.3);
}
.slide-templates-admin__debug-panel[b-rbui6s10n3] {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.slide-templates-admin__debug-panel-header[b-rbui6s10n3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.slide-templates-admin__debug-panel-title[b-rbui6s10n3] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #2c3e50;
}
.slide-templates-admin__debug-panel-close[b-rbui6s10n3] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 8px;
  color: #5c7089;
}
.slide-templates-admin__debug-panel-close:hover[b-rbui6s10n3] {
  background: #f7f9fc;
  color: #2c3e50;
}
.slide-templates-admin__debug-panel-content[b-rbui6s10n3] {
  padding: 1rem;
}
.slide-templates-admin__debug-panel-output[b-rbui6s10n3] {
  background: #1e293b;
  color: #e2e8f0;
  padding: 1rem;
  border-radius: 8px;
  font-family: "SF Mono", Monaco, "Cascadia Code", monospace;
  font-size: 0.875rem;
  white-space: pre-wrap;
  max-height: 400px;
  overflow-y: auto;
  margin: 0;
  line-height: 1.5;
}
.slide-templates-admin__debug-panel-empty[b-rbui6s10n3] {
  color: #5c7089;
  font-style: italic;
  margin: 0;
}
.slide-templates-admin__filters[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  flex-wrap: wrap;
  width: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
.slide-templates-admin__filters--sticky[b-rbui6s10n3] {
  position: sticky;
  top: 0;
  z-index: 90;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: top 0.1s ease-out;
}
.slide-templates-admin__filter-group[b-rbui6s10n3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 150px;
}
.slide-templates-admin__filter-group--compact[b-rbui6s10n3] {
  min-width: 90px;
}
.slide-templates-admin__filter-label[b-rbui6s10n3] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #5c7089;
  margin: 0;
}
.slide-templates-admin__filter-select[b-rbui6s10n3] {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: #ffffff;
  color: #2c3e50;
  font-size: 0.875rem;
  cursor: pointer;
}
.slide-templates-admin__filter-select:focus[b-rbui6s10n3] {
  outline: none;
  border-color: #3273dc;
  box-shadow: 0 0 0 3px rgba(50, 115, 220, 0.1);
}
.slide-templates-admin__filter-results[b-rbui6s10n3] {
  margin-left: auto;
}
.slide-templates-admin__filter-results-text[b-rbui6s10n3] {
  font-size: 0.875rem;
  color: #5c7089;
  font-weight: 500;
}
.slide-templates-admin__loading[b-rbui6s10n3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.slide-templates-admin__loading-spinner[b-rbui6s10n3] {
  margin-bottom: 1rem;
}
.slide-templates-admin__loading-title[b-rbui6s10n3] {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c3e50;
}
.slide-templates-admin__loading-subtitle[b-rbui6s10n3] {
  margin: 0;
  color: #5c7089;
  font-size: 0.875rem;
}
.slide-templates-admin__spinner[b-rbui6s10n3] {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #3273dc;
  border-radius: 50%;
  animation: spin-b-rbui6s10n3 1s linear infinite;
}
.slide-templates-admin__templates-grid[b-rbui6s10n3] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .slide-templates-admin__templates-grid[b-rbui6s10n3] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.slide-templates-admin__template-card[b-rbui6s10n3] {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
.slide-templates-admin__template-card:hover[b-rbui6s10n3] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.slide-templates-admin__template-card-header[b-rbui6s10n3] {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.slide-templates-admin__template-card-info[b-rbui6s10n3] {
  flex: 1;
  min-width: 0;
}
.slide-templates-admin__template-card-title[b-rbui6s10n3] {
  margin: 0 0 0.25rem 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #2c3e50;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slide-templates-admin__template-card-id[b-rbui6s10n3] {
  font-family: "SF Mono", Monaco, "Cascadia Code", monospace;
  font-size: 0.75rem;
  color: #5c7089;
  background: #f7f9fc;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  display: inline-block;
}
.slide-templates-admin__template-card-badges[b-rbui6s10n3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
}
.slide-templates-admin__template-card-preview[b-rbui6s10n3] {
  position: relative;
  width: 100%;
  min-height: 280px;
  height: 280px;
  background-color: var(--color-background-light);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-templates-admin__template-card-preview .presentation-preview__slide-wrapper[b-rbui6s10n3] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-templates-admin__template-card-preview:hover[b-rbui6s10n3] {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.slide-templates-admin__template-card-error[b-rbui6s10n3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  text-align: center;
  color: #5c7089;
  gap: 1rem;
}
.slide-templates-admin__template-card-error i[b-rbui6s10n3] {
  font-size: 3rem;
  opacity: 0.5;
}
.slide-templates-admin__template-card-footer[b-rbui6s10n3] {
  padding: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.slide-templates-admin__template-card-themes[b-rbui6s10n3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  flex: 1;
}
.slide-templates-admin__template-card-actions[b-rbui6s10n3] {
  display: flex;
  gap: 0.25rem;
}
.slide-templates-admin__template-badge[b-rbui6s10n3] {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  line-height: 1;
}
.slide-templates-admin__template-badge--hero[b-rbui6s10n3] {
  background: #dbeafe;
  color: #1e40af;
}
.slide-templates-admin__template-badge--content[b-rbui6s10n3] {
  background: #dcfce7;
  color: #166534;
}
.slide-templates-admin__template-badge--chart[b-rbui6s10n3] {
  background: #fef3c7;
  color: #92400e;
}
.slide-templates-admin__template-badge--compatible[b-rbui6s10n3] {
  background: #dcfce7;
  color: #166534;
}
.slide-templates-admin__template-badge--forced[b-rbui6s10n3] {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #f59e0b;
}
.slide-templates-admin__retry-btn[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  background: #3273dc;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.slide-templates-admin__retry-btn:hover[b-rbui6s10n3] {
  background: #2661c7;
}
.slide-templates-admin__theme-tag[b-rbui6s10n3] {
  padding: 0.125rem 0.5rem;
  background: #f7f9fc;
  color: #5c7089;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid transparent;
}
.slide-templates-admin__theme-tag--active[b-rbui6s10n3] {
  background: #3273dc;
  color: white;
}
.slide-templates-admin__theme-tag--more[b-rbui6s10n3] {
  background: #5c7089;
  color: white;
}
.slide-templates-admin__action-btn[b-rbui6s10n3] {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1.125rem;
}
.slide-templates-admin__action-btn--ghost[b-rbui6s10n3] {
  background: transparent;
  color: #5c7089;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.slide-templates-admin__action-btn--ghost:hover[b-rbui6s10n3] {
  background: #f7f9fc;
  color: #2c3e50;
}
.slide-templates-admin__action-btn--primary[b-rbui6s10n3] {
  background: #3273dc;
  color: white;
}
.slide-templates-admin__action-btn--primary:hover[b-rbui6s10n3] {
  background: #2661c7;
  transform: scale(1.05);
}
.slide-templates-admin__empty-state[b-rbui6s10n3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.slide-templates-admin__empty-state-icon[b-rbui6s10n3] {
  margin-bottom: 1rem;
}
.slide-templates-admin__empty-state-icon i[b-rbui6s10n3] {
  font-size: 4rem;
  color: #5c7089;
  opacity: 0.5;
}
.slide-templates-admin__empty-state-title[b-rbui6s10n3] {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c3e50;
}
.slide-templates-admin__empty-state-subtitle[b-rbui6s10n3] {
  margin: 0 0 2rem 0;
  color: #5c7089;
  font-size: 1rem;
  line-height: 1.5;
}
.slide-templates-admin__empty-state-action[b-rbui6s10n3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: #3273dc;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slide-templates-admin__empty-state-action:hover[b-rbui6s10n3] {
  background: #2661c7;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
@media (max-width: 1024px) {
  .slide-templates-admin__header-content[b-rbui6s10n3] {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  .slide-templates-admin__header-controls[b-rbui6s10n3] {
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .slide-templates-admin[b-rbui6s10n3] {
    padding: 1rem;
  }
  .slide-templates-admin__header-heading[b-rbui6s10n3] {
    font-size: 1.75rem;
  }
  .slide-templates-admin__header-controls[b-rbui6s10n3] {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  .slide-templates-admin__actions[b-rbui6s10n3] {
    width: 100%;
  }
  .slide-templates-admin__btn[b-rbui6s10n3] {
    flex: 1;
    justify-content: center;
  }
  .slide-templates-admin__filters[b-rbui6s10n3] {
    flex-direction: column;
    align-items: stretch;
  }
  .slide-templates-admin__filters--sticky[b-rbui6s10n3] {
    top: 160px;
  }
  .slide-templates-admin__filter-group[b-rbui6s10n3] {
    min-width: auto;
  }
  .slide-templates-admin__filter-results[b-rbui6s10n3] {
    margin-left: 0;
    text-align: center;
  }
}

.slide-templates-admin__main-content[b-rbui6s10n3] {
  padding: 2rem;
}

.slide-templates-admin__modal-overlay[b-rbui6s10n3] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  backdrop-filter: blur(4px);
  padding: 2rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .slide-templates-admin__modal-overlay[b-rbui6s10n3] {
    padding: 1rem;
  }
}
@media (max-width: 480px) {
  .slide-templates-admin__modal-overlay[b-rbui6s10n3] {
    padding: 0.5rem;
    align-items: flex-start;
    padding-top: 1rem;
  }
}

.slide-templates-admin__modal[b-rbui6s10n3] {
  background: #ffffff;
  border-radius: 12px;
  padding: 0;
  width: min(98vw, 1610px);
  height: min(95vh, 1035px);
  max-width: 98vw;
  max-height: 95vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  position: relative;
}
@media (max-width: 768px) {
  .slide-templates-admin__modal[b-rbui6s10n3] {
    width: 97vw;
    height: 90vh;
    max-width: 97vw;
    max-height: 90vh;
  }
}
@media (max-width: 480px) {
  .slide-templates-admin__modal[b-rbui6s10n3] {
    width: 99vw;
    height: 97vh;
    max-width: 99vw;
    max-height: 97vh;
    border-radius: 8px;
  }
}

.slide-templates-admin__modal-header[b-rbui6s10n3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2rem 1rem 2rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
  background: #ffffff;
}
.slide-templates-admin__modal-header h2[b-rbui6s10n3] {
  margin: 0;
  color: #3273dc;
  font-size: 1.5rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 60px);
}
@media (max-width: 480px) {
  .slide-templates-admin__modal-header h2[b-rbui6s10n3] {
    font-size: 1.25rem;
  }
}

.slide-templates-admin__modal-close[b-rbui6s10n3] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 8px;
  color: #5c7089;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.slide-templates-admin__modal-close:hover[b-rbui6s10n3] {
  background: #f7f9fc;
  color: #2c3e50;
  transform: scale(1.05);
}
.slide-templates-admin__modal-close i[b-rbui6s10n3] {
  font-size: 1.25rem;
}

.slide-templates-admin__modal-content[b-rbui6s10n3] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.slide-templates-admin__modal-slide-container[b-rbui6s10n3] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  min-height: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.02);
  position: relative;
}
.slide-templates-admin__modal-slide-container .presentation-preview__slide-wrapper[b-rbui6s10n3] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.slide-templates-admin__modal-slide[b-rbui6s10n3] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  display: block;
  /* Let JS control max-width and max-height for scaling */
}

.slide-templates-admin__modal-slide-iframe[b-rbui6s10n3] {
  border: none;
  background: var(--pres-color-background, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  display: block;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}

.slide-templates-admin__modal-info[b-rbui6s10n3] {
  padding: 1rem 2rem 2rem 2rem;
  background: #f7f9fc;
  text-align: center;
  flex-shrink: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #2c3e50;
}
.slide-templates-admin__modal-info p[b-rbui6s10n3] {
  margin: 0 0 0.25rem 0;
  font-size: 0.875rem;
}
.slide-templates-admin__modal-info p:last-child[b-rbui6s10n3] {
  margin-bottom: 0;
}
.slide-templates-admin__modal-info p strong[b-rbui6s10n3] {
  font-weight: 600;
  color: #2c3e50;
}
@media (max-width: 480px) {
  .slide-templates-admin__modal-info[b-rbui6s10n3] {
    padding: 0.5rem 1rem 1rem 1rem;
  }
  .slide-templates-admin__modal-info p[b-rbui6s10n3] {
    font-size: 0.75rem;
  }
}

@keyframes spin-b-rbui6s10n3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.presentation-preview__slide-wrapper[b-rbui6s10n3] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  overflow: hidden;
}
.presentation-preview__slide-wrapper--view-portrait-pdf[b-rbui6s10n3], .presentation-preview__slide-wrapper--view-tiktok[b-rbui6s10n3] {
  flex-shrink: 0;
  flex-grow: 0;
}

.presentation-preview__slide[b-rbui6s10n3] {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.presentation-preview__slide-iframe[b-rbui6s10n3] {
  border: none;
  background: var(--pres-color-background, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  display: block;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}

/*# sourceMappingURL=SlideTemplatesPreview.razor.css.map */
/* /Pages/Admin/UserDashboard.razor.rz.scp.css */
:root[b-cc72shv5e7] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-cc72shv5e7] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.admin-dashboard[b-cc72shv5e7] {
  padding: 2rem;
  background: var(--color-background);
  min-height: calc(100vh - var(--header-height));
}
.admin-dashboard__header[b-cc72shv5e7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
}
.admin-dashboard__header-title[b-cc72shv5e7] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}
.admin-dashboard__header-actions[b-cc72shv5e7] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.admin-dashboard__stats[b-cc72shv5e7] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.admin-dashboard__stats-card[b-cc72shv5e7] {
  background: var(--color-surface);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
  box-shadow: var(--shadow-card);
  border-left: 4px solid var(--color-primary);
}
.admin-dashboard__stats-card-value[b-cc72shv5e7] {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
}
.admin-dashboard__stats-card-label[b-cc72shv5e7] {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-dashboard__stats-card-change[b-cc72shv5e7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.admin-dashboard__stats-card-change.positive[b-cc72shv5e7] {
  color: var(--color-success);
}
.admin-dashboard__stats-card-change.negative[b-cc72shv5e7] {
  color: var(--color-error);
}
.admin-dashboard__content[b-cc72shv5e7] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}
.admin-dashboard__table[b-cc72shv5e7] {
  background: var(--color-surface);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.admin-dashboard__table-header[b-cc72shv5e7] {
  background: var(--color-primary-light);
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border);
}
.admin-dashboard__table-header h3[b-cc72shv5e7] {
  margin: 0;
  color: var(--color-primary);
  font-weight: 600;
}
.admin-dashboard__table-content[b-cc72shv5e7] {
  max-height: 600px;
  overflow-y: auto;
}
.admin-dashboard__table table[b-cc72shv5e7] {
  width: 100%;
  border-collapse: collapse;
}
.admin-dashboard__table table th[b-cc72shv5e7] {
  background: var(--color-background-alt);
  padding: 1rem;
  text-align: left;
  font-weight: 600;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border);
}
.admin-dashboard__table table td[b-cc72shv5e7] {
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
}
.admin-dashboard__table table td:first-child[b-cc72shv5e7] {
  font-weight: 500;
  color: var(--color-text-primary);
}
.admin-dashboard__table table tr[b-cc72shv5e7] {
  transition: var(--transition-base);
}
.admin-dashboard__table table tr:hover[b-cc72shv5e7] {
  background: var(--color-background-alt);
}
.admin-dashboard__sidebar[b-cc72shv5e7] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.admin-dashboard__sidebar-widget[b-cc72shv5e7] {
  background: var(--color-surface);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
  box-shadow: var(--shadow-card);
}
.admin-dashboard__sidebar-widget-title[b-cc72shv5e7] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}
.admin-dashboard__sidebar-widget-content[b-cc72shv5e7] {
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.user-actions[b-cc72shv5e7] {
  display: flex;
  gap: 0.5rem;
}
.user-actions .btn-icon[b-cc72shv5e7] {
  width: 2rem;
  height: 2rem;
  border-radius: var(--border-radius-sm);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition-base);
}
.user-actions .btn-icon.edit[b-cc72shv5e7] {
  background: var(--color-info-light);
  color: var(--color-info);
}
.user-actions .btn-icon.edit:hover[b-cc72shv5e7] {
  background: var(--color-info);
  color: var(--color-surface);
}
.user-actions .btn-icon.delete[b-cc72shv5e7] {
  background: var(--color-error-light);
  color: var(--color-error);
}
.user-actions .btn-icon.delete:hover[b-cc72shv5e7] {
  background: var(--color-error);
  color: var(--color-surface);
}
.user-actions .btn-icon.view[b-cc72shv5e7] {
  background: var(--color-success-light);
  color: var(--color-success);
}
.user-actions .btn-icon.view:hover[b-cc72shv5e7] {
  background: var(--color-success);
  color: var(--color-surface);
}

/*# sourceMappingURL=UserDashboard.razor.css.map */
/* /Pages/Blog/Blog.razor.rz.scp.css */
@charset "UTF-8";
:root[b-wsaau7b32v] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-wsaau7b32v] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.hp-blog[b-wsaau7b32v] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #363636;
  line-height: 1.6;
  width: 100%;
}
.hp-blog *:focus-visible[b-wsaau7b32v] {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

html[b-wsaau7b32v] {
  scroll-padding-top: 8rem;
  scroll-behavior: smooth;
}

.hp-blog-post__content h1[b-wsaau7b32v], .hp-blog-post__content h2[b-wsaau7b32v], .hp-blog-post__content h3[b-wsaau7b32v], .hp-blog-post__content h4[b-wsaau7b32v], .hp-blog-post__content h5[b-wsaau7b32v], .hp-blog-post__content h6[b-wsaau7b32v] {
  scroll-margin-top: 8rem;
}

.hp-blog[b-wsaau7b32v] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--text-primary);
  line-height: 1.6;
  width: 100%;
}
.hp-blog *:focus-visible[b-wsaau7b32v] {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

.hp-blog-listing[b-wsaau7b32v] {
  width: 100%;
  padding: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing[b-wsaau7b32v] {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing[b-wsaau7b32v] {
    padding: 2rem;
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .hp-blog-listing[b-wsaau7b32v] {
    max-width: 1200px;
    padding: 3rem;
  }
}
@media (min-width: 1366px) {
  .hp-blog-listing[b-wsaau7b32v] {
    padding: 3rem 4rem;
  }
}
.hp-blog-listing__header[b-wsaau7b32v] {
  text-align: center;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__header[b-wsaau7b32v] {
    margin-bottom: 3rem;
  }
}
.hp-blog-listing__header-subtitle[b-wsaau7b32v] {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0 auto 1.5rem;
  font-weight: 400;
  padding: 0 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__header-subtitle[b-wsaau7b32v] {
    font-size: 1.05rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__header-subtitle[b-wsaau7b32v] {
    font-size: 1.125rem;
    max-width: 600px;
    padding: 0;
    font-weight: 500;
  }
}
.hp-blog-listing__search[b-wsaau7b32v] {
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__search[b-wsaau7b32v] {
    max-width: 400px;
    margin: 0 auto 2.5rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__search[b-wsaau7b32v] {
    max-width: 500px;
    margin-bottom: 3rem;
  }
}
.hp-blog-listing__search-icon[b-wsaau7b32v] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  z-index: 2;
  font-size: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__search-icon[b-wsaau7b32v] {
    left: 1.25rem;
  }
}
.hp-blog-listing__search-input[b-wsaau7b32v] {
  width: 100%;
  padding: 0.875rem 3rem 0.875rem 2.75rem;
  border: 2px solid var(--border-color);
  border-radius: 25px;
  font-size: 1rem;
  background: var(--surface);
  color: var(--text-primary);
  transition: all 0.3s ease;
  min-height: 48px;
}
@media (min-width: 480px) {
  .hp-blog-listing__search-input[b-wsaau7b32v] {
    padding: 1rem 3.5rem 1rem 3rem;
    border-radius: 30px;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__search-input[b-wsaau7b32v] {
    border-radius: 50px;
  }
}
.hp-blog-listing__search-input:focus[b-wsaau7b32v] {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
  outline: none;
}
.hp-blog-listing__search-input[b-wsaau7b32v]::placeholder {
  color: var(--text-secondary);
}
.hp-blog-listing__search-clear[b-wsaau7b32v] {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all 0.3s ease;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 480px) {
  .hp-blog-listing__search-clear[b-wsaau7b32v] {
    right: 1.25rem;
  }
}
.hp-blog-listing__search-clear:hover[b-wsaau7b32v], .hp-blog-listing__search-clear:active[b-wsaau7b32v] {
  color: var(--text-primary);
  background: rgba(var(--text-primary-rgb), 0.1);
}
@media (max-width: 768px) {
  .hp-blog-listing__search-clear:active[b-wsaau7b32v] {
    transform: translateY(-50%) scale(0.95);
  }
}
.hp-blog-listing__search-results[b-wsaau7b32v] {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__search-results[b-wsaau7b32v] {
    margin-bottom: 4rem;
  }
}
.hp-blog-listing__no-results[b-wsaau7b32v] {
  text-align: center;
  padding: 3rem 1rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__no-results[b-wsaau7b32v] {
    padding: 4rem 2rem;
  }
}
.hp-blog-listing__no-results-icon[b-wsaau7b32v] {
  font-size: 3rem;
  color: var(--text-secondary);
  margin-bottom: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__no-results-icon[b-wsaau7b32v] {
    font-size: 4rem;
  }
}
.hp-blog-listing__no-results-title[b-wsaau7b32v] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__no-results-title[b-wsaau7b32v] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.hp-blog-listing__no-results-text[b-wsaau7b32v] {
  color: var(--text-secondary);
  margin-bottom: 2rem;
  font-size: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__no-results-text[b-wsaau7b32v] {
    font-size: 1.05rem;
  }
}
.hp-blog-listing__no-results-button[b-wsaau7b32v] {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: 0.875rem 2rem;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 48px;
}
@media (min-width: 480px) {
  .hp-blog-listing__no-results-button[b-wsaau7b32v] {
    padding: 1rem 2.5rem;
    border-radius: 30px;
  }
}
.hp-blog-listing__no-results-button:hover[b-wsaau7b32v], .hp-blog-listing__no-results-button:active[b-wsaau7b32v] {
  background: var(--color-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .hp-blog-listing__no-results-button:active[b-wsaau7b32v] {
    transform: scale(0.98);
  }
}
.hp-blog-listing__section-title[b-wsaau7b32v] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 480px) {
  .hp-blog-listing__section-title[b-wsaau7b32v] {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__section-title[b-wsaau7b32v] {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.hp-blog-listing__featured[b-wsaau7b32v] {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__featured[b-wsaau7b32v] {
    margin-bottom: 4rem;
  }
}
.hp-blog-listing__featured-grid[b-wsaau7b32v] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-grid[b-wsaau7b32v] {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__featured-grid[b-wsaau7b32v] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media (min-width: 1024px) {
  .hp-blog-listing__featured-grid[b-wsaau7b32v] {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }
}
.hp-blog-listing__featured-card[b-wsaau7b32v] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-card[b-wsaau7b32v] {
    border-radius: 12px;
  }
}
.hp-blog-listing__featured-card:hover[b-wsaau7b32v], .hp-blog-listing__featured-card:active[b-wsaau7b32v] {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: var(--color-primary);
}
@media (max-width: 768px) {
  .hp-blog-listing__featured-card:active[b-wsaau7b32v] {
    transform: translateY(-2px);
  }
}
.hp-blog-listing__featured-card-image[b-wsaau7b32v] {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-card-image[b-wsaau7b32v] {
    height: 220px;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__featured-card-image[b-wsaau7b32v] {
    height: 240px;
  }
}
.hp-blog-listing__featured-card-image img[b-wsaau7b32v] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.hp-blog-listing__featured-card-content[b-wsaau7b32v] {
  padding: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-card-content[b-wsaau7b32v] {
    padding: 2rem;
  }
}
.hp-blog-listing__featured-badge[b-wsaau7b32v] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--color-primary);
  color: white;
  padding: 0.375rem 0.875rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-badge[b-wsaau7b32v] {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
  }
}
.hp-blog-listing__featured-badge i[b-wsaau7b32v] {
  font-size: 0.75rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-badge i[b-wsaau7b32v] {
    font-size: 0.875rem;
  }
}
.hp-blog-listing__featured-title[b-wsaau7b32v] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-title[b-wsaau7b32v] {
    font-size: 1.375rem;
    margin-bottom: 1rem;
  }
}
.hp-blog-listing__featured-summary[b-wsaau7b32v] {
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-summary[b-wsaau7b32v] {
    font-size: 1rem;
  }
}
.hp-blog-listing__featured-meta[b-wsaau7b32v] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__featured-meta[b-wsaau7b32v] {
    font-size: 0.9rem;
  }
}
.hp-blog-listing__featured-date[b-wsaau7b32v] {
  font-weight: 500;
}
.hp-blog-listing__featured-read-time[b-wsaau7b32v]::before {
  content: "·";
  margin-right: 0.75rem;
  color: var(--text-secondary);
}
.hp-blog-listing__filters[b-wsaau7b32v] {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__filters[b-wsaau7b32v] {
    margin-bottom: 3rem;
  }
}
.hp-blog-listing__filters-section[b-wsaau7b32v] {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__filters-section[b-wsaau7b32v] {
    margin-bottom: 2.5rem;
  }
}
.hp-blog-listing__filters-title[b-wsaau7b32v] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__filters-title[b-wsaau7b32v] {
    font-size: 1.125rem;
  }
}
.hp-blog-listing__filters-chips[b-wsaau7b32v] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__filters-chips[b-wsaau7b32v] {
    gap: 0.75rem;
  }
}
.hp-blog-listing__filters-chip[b-wsaau7b32v] {
  background: var(--surface-variant);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 44px;
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
  .hp-blog-listing__filters-chip[b-wsaau7b32v] {
    font-size: 0.9rem;
    padding: 0.625rem 1.25rem;
    border-radius: 25px;
  }
}
.hp-blog-listing__filters-chip:hover[b-wsaau7b32v], .hp-blog-listing__filters-chip:active[b-wsaau7b32v] {
  background: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
  transform: translateY(-1px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.hp-blog-listing__filters-chip.active[b-wsaau7b32v] {
  background: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
}
@media (max-width: 768px) {
  .hp-blog-listing__filters-chip:active[b-wsaau7b32v] {
    transform: scale(0.98);
  }
}
.hp-blog-listing__filters-sort select[b-wsaau7b32v] {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 48px;
}
@media (min-width: 480px) {
  .hp-blog-listing__filters-sort select[b-wsaau7b32v] {
    max-width: 250px;
  }
}
.hp-blog-listing__filters-sort select:focus[b-wsaau7b32v] {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
  outline: none;
}
.hp-blog-listing__active-filters[b-wsaau7b32v] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__active-filters[b-wsaau7b32v] {
    gap: 0.75rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__active-filters[b-wsaau7b32v] {
    margin-bottom: 3rem;
  }
}
.hp-blog-listing__active-filter[b-wsaau7b32v] {
  background: var(--color-primary);
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__active-filter[b-wsaau7b32v] {
    padding: 0.625rem 1rem;
    font-size: 0.9rem;
  }
}
.hp-blog-listing__active-filter button[b-wsaau7b32v] {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 50%;
  transition: all 0.3s ease;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hp-blog-listing__active-filter button:hover[b-wsaau7b32v], .hp-blog-listing__active-filter button:active[b-wsaau7b32v] {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 768px) {
  .hp-blog-listing__active-filter button:active[b-wsaau7b32v] {
    transform: scale(0.9);
  }
}
.hp-blog-listing__grid[b-wsaau7b32v] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__grid[b-wsaau7b32v] {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__grid[b-wsaau7b32v] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .hp-blog-listing__grid[b-wsaau7b32v] {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }
}
@media (min-width: 1366px) {
  .hp-blog-listing__grid[b-wsaau7b32v] {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}
.hp-blog-listing__card[b-wsaau7b32v] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (min-width: 480px) {
  .hp-blog-listing__card[b-wsaau7b32v] {
    border-radius: 12px;
  }
}
.hp-blog-listing__card:hover[b-wsaau7b32v], .hp-blog-listing__card:active[b-wsaau7b32v] {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: var(--color-primary);
}
@media (max-width: 768px) {
  .hp-blog-listing__card:active[b-wsaau7b32v] {
    transform: translateY(-2px);
  }
}
.hp-blog-listing__card-image[b-wsaau7b32v] {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-image[b-wsaau7b32v] {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__card-image[b-wsaau7b32v] {
    height: 220px;
  }
}
.hp-blog-listing__card-image img[b-wsaau7b32v] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.hp-blog-listing__card-placeholder[b-wsaau7b32v] {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--surface-variant) 0%, var(--border-color) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 3rem;
}
.hp-blog-listing__card-placeholder[b-wsaau7b32v]::before {
  content: "📝";
}
.hp-blog-listing__card-content[b-wsaau7b32v] {
  padding: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-content[b-wsaau7b32v] {
    padding: 2rem;
  }
}
.hp-blog-listing__card-categories[b-wsaau7b32v] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-categories[b-wsaau7b32v] {
    margin-bottom: 1.25rem;
  }
}
.hp-blog-listing__card-tag[b-wsaau7b32v] {
  background: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-tag[b-wsaau7b32v] {
    font-size: 0.8rem;
    padding: 0.375rem 0.875rem;
    border-radius: 15px;
  }
}
.hp-blog-listing__card-title[b-wsaau7b32v] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-title[b-wsaau7b32v] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.hp-blog-listing__card-summary[b-wsaau7b32v] {
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-summary[b-wsaau7b32v] {
    font-size: 0.95rem;
    margin-bottom: 1.25rem;
  }
}
.hp-blog-listing__card-meta[b-wsaau7b32v] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__card-meta[b-wsaau7b32v] {
    flex-direction: row;
    align-items: center;
    font-size: 0.9rem;
  }
}
.hp-blog-listing__card-author[b-wsaau7b32v] {
  font-weight: 500;
  color: var(--text-primary);
}
.hp-blog-listing__card-date[b-wsaau7b32v]::before {
  content: "";
}
@media (min-width: 480px) {
  .hp-blog-listing__card-date[b-wsaau7b32v]::before {
    content: "·";
    margin: 0 0.5rem;
  }
}
.hp-blog-listing__card-read-time[b-wsaau7b32v]::before {
  content: "";
}
@media (min-width: 480px) {
  .hp-blog-listing__card-read-time[b-wsaau7b32v]::before {
    content: "·";
    margin: 0 0.5rem;
  }
}
.hp-blog-listing__loading[b-wsaau7b32v] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 2rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__loading[b-wsaau7b32v] {
    padding: 6rem 2rem;
  }
}
.hp-blog-listing__empty-state[b-wsaau7b32v] {
  text-align: center;
  padding: 4rem 2rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__empty-state[b-wsaau7b32v] {
    padding: 6rem 2rem;
  }
}
.hp-blog-listing__empty-state-text[b-wsaau7b32v] {
  color: var(--text-secondary);
  font-size: 1.125rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__empty-state-text[b-wsaau7b32v] {
    font-size: 1.25rem;
  }
}
.hp-blog-listing__load-more[b-wsaau7b32v] {
  text-align: center;
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .hp-blog-listing__load-more[b-wsaau7b32v] {
    margin-top: 4rem;
  }
}
.hp-blog-listing__load-more button[b-wsaau7b32v] {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: 1rem 2.5rem;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 48px;
}
@media (min-width: 480px) {
  .hp-blog-listing__load-more button[b-wsaau7b32v] {
    padding: 1.25rem 3rem;
    font-size: 1.05rem;
  }
}
.hp-blog-listing__load-more button:hover[b-wsaau7b32v], .hp-blog-listing__load-more button:active[b-wsaau7b32v] {
  background: var(--color-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .hp-blog-listing__load-more button:active[b-wsaau7b32v] {
    transform: scale(0.98);
  }
}
.hp-blog-listing__newsletter[b-wsaau7b32v] {
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.05) 0%, rgba(var(--color-secondary-rgb), 0.05) 100%);
  border-radius: 12px;
  padding: 2rem 1.5rem;
  margin-top: 4rem;
  text-align: center;
}
@media (min-width: 480px) {
  .hp-blog-listing__newsletter[b-wsaau7b32v] {
    padding: 2.5rem 2rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-listing__newsletter[b-wsaau7b32v] {
    padding: 3rem;
    margin-top: 5rem;
  }
}
.hp-blog-listing__newsletter-content[b-wsaau7b32v] {
  max-width: 500px;
  margin: 0 auto;
}
.hp-blog-listing__newsletter-content h3[b-wsaau7b32v] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__newsletter-content h3[b-wsaau7b32v] {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}
.hp-blog-listing__newsletter-content p[b-wsaau7b32v] {
  color: var(--text-secondary);
  margin-bottom: 2rem;
  font-size: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__newsletter-content p[b-wsaau7b32v] {
    font-size: 1.05rem;
  }
}
.hp-blog-listing__newsletter-form[b-wsaau7b32v] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-listing__newsletter-form[b-wsaau7b32v] {
    flex-direction: row;
    gap: 1rem;
  }
}
.hp-blog-listing__newsletter-form input[b-wsaau7b32v] {
  flex: 1;
  padding: 1rem 1.25rem;
  border: 2px solid var(--border-color);
  border-radius: 25px;
  font-size: 1rem;
  background: var(--surface);
  color: var(--text-primary);
  transition: all 0.3s ease;
  min-height: 48px;
}
@media (min-width: 480px) {
  .hp-blog-listing__newsletter-form input[b-wsaau7b32v] {
    border-radius: 30px;
  }
}
.hp-blog-listing__newsletter-form input:focus[b-wsaau7b32v] {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
  outline: none;
}
.hp-blog-listing__newsletter-form input[b-wsaau7b32v]::placeholder {
  color: var(--text-secondary);
}
.hp-blog-listing__newsletter-form button[b-wsaau7b32v] {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 48px;
}
@media (min-width: 480px) {
  .hp-blog-listing__newsletter-form button[b-wsaau7b32v] {
    border-radius: 30px;
    flex-shrink: 0;
  }
}
.hp-blog-listing__newsletter-form button:hover[b-wsaau7b32v], .hp-blog-listing__newsletter-form button:active[b-wsaau7b32v] {
  background: var(--color-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .hp-blog-listing__newsletter-form button:active[b-wsaau7b32v] {
    transform: scale(0.98);
  }
}

.scrollable-content[b-wsaau7b32v] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

@media print {
  .hp-blog-listing__search[b-wsaau7b32v], .hp-blog-listing__filters[b-wsaau7b32v], .hp-blog-listing__newsletter[b-wsaau7b32v], .hp-blog-listing__load-more[b-wsaau7b32v] {
    display: none;
  }
  .hp-blog-listing__grid[b-wsaau7b32v] {
    display: block;
  }
  .hp-blog-listing__card[b-wsaau7b32v] {
    break-inside: avoid;
    margin-bottom: 2rem;
    box-shadow: none;
    border: 1px solid #ccc;
  }
}

/*# sourceMappingURL=Blog.razor.css.map */
/* /Pages/Blog/BlogPost.razor.rz.scp.css */
@charset "UTF-8";
:root[b-k8bgu0zyr6] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-k8bgu0zyr6] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.hp-blog[b-k8bgu0zyr6] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--text-primary);
  line-height: 1.6;
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .hp-blog[b-k8bgu0zyr6] {
    padding: 0 2rem;
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .hp-blog[b-k8bgu0zyr6] {
    max-width: 1200px;
    padding: 0 3rem;
  }
}
@media (min-width: 1366px) {
  .hp-blog[b-k8bgu0zyr6] {
    padding: 0 4rem;
  }
}

.hp-blog-post[b-k8bgu0zyr6] {
  margin: 1rem 0;
}
@media (min-width: 480px) {
  .hp-blog-post[b-k8bgu0zyr6] {
    margin: 1.5rem 0;
  }
}
@media (min-width: 768px) {
  .hp-blog-post[b-k8bgu0zyr6] {
    margin: 2rem 0;
  }
}
.hp-blog-post__header[b-k8bgu0zyr6] {
  text-align: center;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(var(--border-color), 0.1);
}
@media (min-width: 768px) {
  .hp-blog-post__header[b-k8bgu0zyr6] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
  }
}
.hp-blog-post__header-categories[b-k8bgu0zyr6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
@media (min-width: 480px) {
  .hp-blog-post__header-categories[b-k8bgu0zyr6] {
    gap: 0.75rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__header-categories[b-k8bgu0zyr6] {
    margin-bottom: 2rem;
  }
}
.hp-blog-post__header-category[b-k8bgu0zyr6] {
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
  padding: 0.5rem 0.875rem;
  border-radius: 24px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(var(--color-primary-rgb), 0.15);
  min-height: 44px;
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
  .hp-blog-post__header-category[b-k8bgu0zyr6] {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
  }
}
.hp-blog-post__header-category:hover[b-k8bgu0zyr6], .hp-blog-post__header-category:active[b-k8bgu0zyr6] {
  background: rgba(var(--color-primary-rgb), 0.12);
  transform: translateY(-1px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .hp-blog-post__header-category:active[b-k8bgu0zyr6] {
    transform: scale(0.98);
  }
}
.hp-blog-post__header-title[b-k8bgu0zyr6] {
  font-size: clamp(1.75rem, 8vw, 3.5rem);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 480px) {
  .hp-blog-post__header-title[b-k8bgu0zyr6] {
    margin-bottom: 2rem;
    max-width: 600px;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__header-title[b-k8bgu0zyr6] {
    max-width: 800px;
  }
}
.hp-blog-post__header-meta[b-k8bgu0zyr6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
}
@media (min-width: 480px) {
  .hp-blog-post__header-meta[b-k8bgu0zyr6] {
    gap: 0.75rem;
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__header-meta[b-k8bgu0zyr6] {
    flex-direction: row;
    justify-content: center;
  }
}
.hp-blog-post__header-author[b-k8bgu0zyr6] {
  font-weight: 500;
  color: var(--text-primary);
}
.hp-blog-post__header-details[b-k8bgu0zyr6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 480px) {
  .hp-blog-post__header-details[b-k8bgu0zyr6] {
    gap: 0.75rem;
  }
}
.hp-blog-post__header-dot[b-k8bgu0zyr6] {
  display: none;
  color: var(--text-secondary);
}
@media (min-width: 768px) {
  .hp-blog-post__header-dot[b-k8bgu0zyr6] {
    display: inline;
  }
}
.hp-blog-post__header-read-time[b-k8bgu0zyr6] {
  color: var(--text-secondary);
  font-size: 0.85rem;
}
@media (min-width: 480px) {
  .hp-blog-post__header-read-time[b-k8bgu0zyr6] {
    font-size: 0.9rem;
  }
}
.hp-blog-post__header-social[b-k8bgu0zyr6] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-post__header-social[b-k8bgu0zyr6] {
    gap: 1rem;
    margin-top: 2rem;
  }
}
.hp-blog-post__header-social button[b-k8bgu0zyr6] {
  background: var(--surface-variant);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hp-blog-post__header-social button:hover[b-k8bgu0zyr6], .hp-blog-post__header-social button:active[b-k8bgu0zyr6] {
  background: var(--color-primary);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .hp-blog-post__header-social button:active[b-k8bgu0zyr6] {
    transform: scale(0.95);
  }
}
.hp-blog-post__header-social button i[b-k8bgu0zyr6] {
  font-size: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-post__header-social button i[b-k8bgu0zyr6] {
    font-size: 1.1rem;
  }
}
.hp-blog-post__featured[b-k8bgu0zyr6] {
  margin: 2rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .hp-blog-post__featured[b-k8bgu0zyr6] {
    margin: 3rem 0;
  }
}
.hp-blog-post__featured img[b-k8bgu0zyr6] {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  max-height: 300px;
  object-fit: cover;
}
@media (min-width: 480px) {
  .hp-blog-post__featured img[b-k8bgu0zyr6] {
    max-height: 400px;
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__featured img[b-k8bgu0zyr6] {
    max-height: 500px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }
}
.hp-blog-post__featured-caption[b-k8bgu0zyr6] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
  font-style: italic;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}
@media (min-width: 480px) {
  .hp-blog-post__featured-caption[b-k8bgu0zyr6] {
    margin-top: 1rem;
    font-size: 0.875rem;
    max-width: 500px;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__featured-caption[b-k8bgu0zyr6] {
    max-width: 600px;
    padding: 0;
  }
}
.hp-blog-post__main[b-k8bgu0zyr6] {
  display: block;
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .hp-blog-post__main[b-k8bgu0zyr6] {
    margin: 3rem 0;
  }
}
@media (min-width: 1024px) {
  .hp-blog-post__main[b-k8bgu0zyr6] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 3rem;
    align-items: start;
  }
}
@media (min-width: 1366px) {
  .hp-blog-post__main[b-k8bgu0zyr6] {
    gap: 4rem;
    grid-template-columns: 1fr 320px;
  }
}
@media (max-width: 1023px) {
  .hp-blog-post__sidebar[b-k8bgu0zyr6] {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hp-blog-post__sidebar[b-k8bgu0zyr6] {
    order: 1;
    margin-bottom: 0;
    position: sticky;
    top: 100px;
    height: fit-content;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    z-index: 5;
  }
}
.hp-blog-post__sidebar-toc[b-k8bgu0zyr6] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .hp-blog-post__sidebar-toc[b-k8bgu0zyr6] {
    border-radius: 12px;
    padding: 2rem;
  }
}
.hp-blog-post__sidebar-toc h3[b-k8bgu0zyr6] {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .hp-blog-post__sidebar-toc h3[b-k8bgu0zyr6] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
}
.hp-blog-post__sidebar-links[b-k8bgu0zyr6] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-links[b-k8bgu0zyr6] {
    gap: 0.25rem;
  }
}
.hp-blog-post__sidebar-link[b-k8bgu0zyr6] {
  color: var(--text-secondary);
  text-decoration: none;
  padding: 0.625rem 0 0.625rem 0.875rem;
  border-left: 2px solid transparent;
  transition: all 0.3s ease;
  font-size: 0.85rem;
  line-height: 1.4;
  border-radius: 0 6px 6px 0;
  min-height: 44px;
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-link[b-k8bgu0zyr6] {
    font-size: 0.9rem;
    padding: 0.75rem 0 0.75rem 1rem;
    border-radius: 0 8px 8px 0;
  }
}
.hp-blog-post__sidebar-link:hover[b-k8bgu0zyr6], .hp-blog-post__sidebar-link:active[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.active[b-k8bgu0zyr6] {
  color: var(--color-primary);
  border-left-color: var(--color-primary);
  background: rgba(var(--color-primary-rgb), 0.06);
  padding-left: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-link:hover[b-k8bgu0zyr6], .hp-blog-post__sidebar-link:active[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.active[b-k8bgu0zyr6] {
    padding-left: 1.25rem;
  }
}
@media (max-width: 768px) {
  .hp-blog-post__sidebar-link:active[b-k8bgu0zyr6] {
    background: rgba(var(--color-primary-rgb), 0.12);
  }
}
.hp-blog-post__sidebar-link.level-2[b-k8bgu0zyr6] {
  padding-left: 1.25rem;
  font-size: 0.8rem;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-link.level-2[b-k8bgu0zyr6] {
    padding-left: 1.5rem;
    font-size: 0.85rem;
  }
}
.hp-blog-post__sidebar-link.level-2:hover[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-2:active[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-2.active[b-k8bgu0zyr6] {
  padding-left: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-link.level-2:hover[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-2:active[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-2.active[b-k8bgu0zyr6] {
    padding-left: 1.75rem;
  }
}
.hp-blog-post__sidebar-link.level-3[b-k8bgu0zyr6] {
  padding-left: 1.5rem;
  font-size: 0.75rem;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-link.level-3[b-k8bgu0zyr6] {
    padding-left: 2rem;
    font-size: 0.8rem;
  }
}
.hp-blog-post__sidebar-link.level-3:hover[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-3:active[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-3.active[b-k8bgu0zyr6] {
  padding-left: 1.75rem;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-link.level-3:hover[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-3:active[b-k8bgu0zyr6], .hp-blog-post__sidebar-link.level-3.active[b-k8bgu0zyr6] {
    padding-left: 2.25rem;
  }
}
.hp-blog-post__sidebar-no-items[b-k8bgu0zyr6] {
  color: var(--text-secondary);
  font-size: 0.85rem;
  text-align: center;
  padding: 1.5rem 0;
  font-style: italic;
}
@media (min-width: 480px) {
  .hp-blog-post__sidebar-no-items[b-k8bgu0zyr6] {
    font-size: 0.9rem;
    padding: 2rem 0;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6] {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--text-primary);
  font-weight: 400;
  letter-spacing: -0.003em;
  max-width: 100%;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6] {
    font-size: 1.05rem;
    line-height: 1.7;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6] {
    font-size: 1.1rem;
    max-width: 700px;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  h1, .hp-blog-post__content[b-k8bgu0zyr6]  h2, .hp-blog-post__content[b-k8bgu0zyr6]  h3, .hp-blog-post__content[b-k8bgu0zyr6]  h4, .hp-blog-post__content[b-k8bgu0zyr6]  h5, .hp-blog-post__content[b-k8bgu0zyr6]  h6 {
  color: var(--text-primary);
  margin-top: 2rem;
  margin-bottom: 1rem;
  scroll-margin-top: 6rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.25;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  h1, .hp-blog-post__content[b-k8bgu0zyr6]  h2, .hp-blog-post__content[b-k8bgu0zyr6]  h3, .hp-blog-post__content[b-k8bgu0zyr6]  h4, .hp-blog-post__content[b-k8bgu0zyr6]  h5, .hp-blog-post__content[b-k8bgu0zyr6]  h6 {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    scroll-margin-top: 7rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  h1, .hp-blog-post__content[b-k8bgu0zyr6]  h2, .hp-blog-post__content[b-k8bgu0zyr6]  h3, .hp-blog-post__content[b-k8bgu0zyr6]  h4, .hp-blog-post__content[b-k8bgu0zyr6]  h5, .hp-blog-post__content[b-k8bgu0zyr6]  h6 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    scroll-margin-top: 8rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  h1 {
  font-size: clamp(1.75rem, 6vw, 2.5rem);
  font-weight: 800;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  h1 {
    margin-top: 2rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  h2 {
  font-size: clamp(1.5rem, 5vw, 2rem);
  font-weight: 700;
  position: relative;
  padding-bottom: 0.375rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  h2 {
    padding-bottom: 0.5rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 2px;
  background: var(--color-primary);
  border-radius: 1px;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  h2::after {
    width: 3rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  h3 {
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  h4 {
  font-size: clamp(1.125rem, 3.5vw, 1.25rem);
  font-weight: 600;
}
.hp-blog-post__content[b-k8bgu0zyr6]  h5 {
  font-size: clamp(1rem, 3vw, 1.125rem);
  font-weight: 600;
}
.hp-blog-post__content[b-k8bgu0zyr6]  h6 {
  font-size: clamp(0.9rem, 2.5vw, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.hp-blog-post__content[b-k8bgu0zyr6]  p {
  margin-bottom: 1.5rem;
  line-height: 1.65;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  p {
    margin-bottom: 1.75rem;
    line-height: 1.7;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  p:first-of-type {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text-secondary);
  margin-bottom: 1.75rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  p:first-of-type {
    font-size: 1.15rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  p:first-of-type {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  strong {
  font-weight: 700;
  color: var(--text-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  em {
  font-style: italic;
  color: var(--text-secondary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  mark {
  background: rgba(var(--color-warning-rgb), 0.25);
  color: var(--text-primary);
  padding: 0.125rem 0.25rem;
  border-radius: 3px;
  font-weight: 500;
}
.hp-blog-post__content[b-k8bgu0zyr6]  a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.hp-blog-post__content[b-k8bgu0zyr6]  a:hover, .hp-blog-post__content[b-k8bgu0zyr6]  a:active {
  border-bottom-color: var(--color-primary);
  color: var(--color-primary-dark);
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol, .hp-blog-post__content[b-k8bgu0zyr6]  ul {
  margin: 1.5rem 0;
  padding-left: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ol, .hp-blog-post__content[b-k8bgu0zyr6]  ul {
    margin: 2rem 0;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol li, .hp-blog-post__content[b-k8bgu0zyr6]  ul li {
  line-height: 1.65;
  margin-bottom: 0.75rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ol li, .hp-blog-post__content[b-k8bgu0zyr6]  ul li {
    line-height: 1.7;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ol li, .hp-blog-post__content[b-k8bgu0zyr6]  ul li {
    margin-bottom: 1.25rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol li > p, .hp-blog-post__content[b-k8bgu0zyr6]  ul li > p {
  margin-bottom: 0;
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol li > p:not(:last-child), .hp-blog-post__content[b-k8bgu0zyr6]  ul li > p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol {
  counter-reset: list-counter;
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol > li {
  counter-increment: list-counter;
  position: relative;
  padding-left: 2rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ol > li {
    padding-left: 2.5rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ol > li::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 0;
  width: 1.5rem;
  text-align: right;
  padding-right: 0.5rem;
  font-weight: 600;
  color: var(--color-primary);
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ol > li::before {
    width: 2rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ul > li {
  position: relative;
  padding-left: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ul > li {
    padding-left: 2rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ul > li::before {
  content: "";
  position: absolute;
  left: 0.375rem;
  top: 0.65em;
  width: 4px;
  height: 4px;
  background: var(--color-primary);
  border-radius: 50%;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ul > li::before {
    left: 0.5rem;
    width: 5px;
    height: 5px;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  li > ul, .hp-blog-post__content[b-k8bgu0zyr6]  li > ol {
  margin: 0.75rem 0 0.75rem 0;
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  li > ul, .hp-blog-post__content[b-k8bgu0zyr6]  li > ol {
    margin: 1rem 0 1rem 0;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ul ul > li::before,
.hp-blog-post__content[b-k8bgu0zyr6]  ol > li > ul > li::before {
  background: var(--text-secondary);
  width: 3px;
  height: 3px;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  ul ul > li::before,
  .hp-blog-post__content[b-k8bgu0zyr6]  ol > li > ul > li::before {
    width: 4px;
    height: 4px;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  ul ol, .hp-blog-post__content[b-k8bgu0zyr6]  ol ol {
  counter-reset: sub-list-counter;
}
.hp-blog-post__content[b-k8bgu0zyr6]  ul ol > li, .hp-blog-post__content[b-k8bgu0zyr6]  ol ol > li {
  counter-increment: sub-list-counter;
}
.hp-blog-post__content[b-k8bgu0zyr6]  ul ol > li::before, .hp-blog-post__content[b-k8bgu0zyr6]  ol ol > li::before {
  content: counter(sub-list-counter, lower-alpha) ".";
  color: var(--text-secondary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  blockquote {
  margin: 2rem 0;
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  background: var(--surface-variant);
  border: none;
  border-left: 3px solid var(--color-primary);
  border-radius: 0 6px 6px 0;
  position: relative;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--text-secondary);
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  blockquote {
    margin: 2.5rem 0;
    padding: 1.75rem 2rem 1.75rem 3rem;
    border-left-width: 4px;
    border-radius: 0 8px 8px 0;
    font-size: 1.05rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  blockquote {
    margin: 3rem 0;
    padding: 2rem 2rem 2rem 3rem;
    font-size: 1.1rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  blockquote::before {
  content: '"';
  position: absolute;
  top: 1rem;
  left: 0.75rem;
  font-size: 1.5rem;
  color: var(--color-primary);
  font-family: Georgia, serif;
  opacity: 0.5;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  blockquote::before {
    top: 1.25rem;
    left: 1rem;
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  blockquote::before {
    top: 1rem;
    font-size: 2rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  blockquote p {
  margin: 0;
  font-weight: 400;
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout {
  margin: 2rem 0;
  padding: 1.25rem 1rem 1.25rem 2.75rem;
  border-radius: 6px;
  border-left: 3px solid;
  position: relative;
  font-size: 0.95rem;
  line-height: 1.6;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  .callout {
    margin: 2.5rem 0;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    border-radius: 8px;
    border-left-width: 4px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  .callout {
    margin: 3rem 0;
    padding: 2rem 2rem 2rem 3.5rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout::before {
  position: absolute;
  top: 1.25rem;
  left: 0.625rem;
  font-size: 1rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  .callout::before {
    top: 1.5rem;
    left: 0.75rem;
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  .callout::before {
    top: 2rem;
    left: 1rem;
    font-size: 1.25rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-info {
  background: rgba(59, 130, 246, 0.06);
  border-left-color: #3b82f6;
  color: var(--text-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-info::before {
  content: "ℹ";
  color: #3b82f6;
  font-weight: bold;
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-warning {
  background: rgba(var(--color-warning-rgb), 0.06);
  border-left-color: var(--color-warning);
  color: var(--text-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-warning::before {
  content: "⚠";
  color: var(--color-warning);
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-tip {
  background: rgba(16, 185, 129, 0.06);
  border-left-color: #10b981;
  color: var(--text-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-tip::before {
  content: "💡";
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-note {
  background: rgba(107, 114, 128, 0.06);
  border-left-color: #6b7280;
  color: var(--text-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-note::before {
  content: "📝";
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-danger {
  background: rgba(var(--color-error-rgb), 0.06);
  border-left-color: var(--color-error);
  color: var(--text-primary);
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout-danger::before {
  content: "🚨";
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout p {
  margin: 0;
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout p:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  .callout p:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout strong {
  font-weight: 600;
}
.hp-blog-post__content[b-k8bgu0zyr6]  .callout code {
  background: rgba(var(--text-primary-rgb), 0.1);
  padding: 0.125rem 0.25rem;
  border-radius: 3px;
  font-size: 0.9em;
}
.hp-blog-post__content[b-k8bgu0zyr6]  code {
  background: var(--surface-variant);
  padding: 0.25rem 0.375rem;
  border-radius: 3px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 0.85em;
  color: var(--color-primary);
  border: 1px solid var(--border-color);
  word-break: break-word;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  code {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.9em;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  pre {
  background: var(--surface-variant);
  padding: 1.5rem;
  border-radius: 6px;
  overflow-x: auto;
  margin: 1.5rem 0;
  border: 1px solid var(--border-color);
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  pre {
    padding: 2rem;
    border-radius: 8px;
    margin: 2rem 0;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  pre code {
  background: none;
  padding: 0;
  color: inherit;
  border: none;
  font-size: 0.85rem;
  word-break: normal;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  pre code {
    font-size: 0.9rem;
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 1.5rem 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  img {
    border-radius: 8px;
    margin: 2rem 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  }
}
.hp-blog-post__content[b-k8bgu0zyr6]  img:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.hp-blog-post__content[b-k8bgu0zyr6]  table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  font-size: 0.875rem;
}
@media (min-width: 480px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table {
    margin: 2rem 0;
    border-radius: 8px;
    font-size: 0.9rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  table::-webkit-scrollbar {
    height: 6px;
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  table::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  table th, .hp-blog-post__content[b-k8bgu0zyr6]  table td {
    white-space: nowrap;
    min-width: 120px;
    padding: 0.75rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table th, .hp-blog-post__content[b-k8bgu0zyr6]  table td {
    padding: 1rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table th, .hp-blog-post__content[b-k8bgu0zyr6]  table td {
    padding: 1rem 1.5rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table th {
    background: var(--surface-variant);
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border-bottom: 2px solid var(--border-color);
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table th {
    font-size: 0.9rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__content[b-k8bgu0zyr6]  table tbody tr:nth-child(even) {
    background: rgba(var(--surface-variant-rgb), 0.3);
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  table tbody tr:nth-child(odd) {
    background: var(--surface);
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  table tbody tr:hover {
    background: rgba(var(--color-primary-rgb), 0.08) !important;
    transform: translateY(-1px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  table tr:last-child td {
    border-bottom: none;
  }
}
.hp-blog-post__tags[b-k8bgu0zyr6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 2rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
}
@media (min-width: 480px) {
  .hp-blog-post__tags[b-k8bgu0zyr6] {
    gap: 0.75rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__tags[b-k8bgu0zyr6] {
    margin: 3rem 0;
    padding-top: 2rem;
  }
}
.hp-blog-post__tag[b-k8bgu0zyr6] {
  background: var(--surface-variant);
  color: var(--text-secondary);
  padding: 0.5rem 0.875rem;
  border-radius: 18px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid var(--border-color);
  min-height: 44px;
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
  .hp-blog-post__tag[b-k8bgu0zyr6] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
  }
}
.hp-blog-post__tag:hover[b-k8bgu0zyr6], .hp-blog-post__tag:active[b-k8bgu0zyr6] {
  background: var(--color-primary);
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .hp-blog-post__tag:active[b-k8bgu0zyr6] {
    transform: scale(0.98);
  }
}
.hp-blog-post__related[b-k8bgu0zyr6] {
  margin: 3rem 0;
}
@media (min-width: 768px) {
  .hp-blog-post__related[b-k8bgu0zyr6] {
    margin: 4rem 0;
  }
}
.hp-blog-post__related h3[b-k8bgu0zyr6] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 480px) {
  .hp-blog-post__related h3[b-k8bgu0zyr6] {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__related h3[b-k8bgu0zyr6] {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.hp-blog-post__related-grid[b-k8bgu0zyr6] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-post__related-grid[b-k8bgu0zyr6] {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__related-grid[b-k8bgu0zyr6] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
@media (min-width: 1024px) {
  .hp-blog-post__related-grid[b-k8bgu0zyr6] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
}
.hp-blog-post__related-card[b-k8bgu0zyr6] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (min-width: 480px) {
  .hp-blog-post__related-card[b-k8bgu0zyr6] {
    border-radius: 12px;
  }
}
.hp-blog-post__related-card:hover[b-k8bgu0zyr6], .hp-blog-post__related-card:active[b-k8bgu0zyr6] {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: var(--color-primary);
}
@media (max-width: 768px) {
  .hp-blog-post__related-card:active[b-k8bgu0zyr6] {
    transform: translateY(-1px);
  }
}
.hp-blog-post__related-image[b-k8bgu0zyr6] {
  width: 100%;
  height: 180px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .hp-blog-post__related-image[b-k8bgu0zyr6] {
    height: 200px;
  }
}
.hp-blog-post__related-image img[b-k8bgu0zyr6] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.hp-blog-post__related-content[b-k8bgu0zyr6] {
  padding: 1.5rem;
}
@media (min-width: 480px) {
  .hp-blog-post__related-content[b-k8bgu0zyr6] {
    padding: 2rem;
  }
}
.hp-blog-post__related-title[b-k8bgu0zyr6] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
@media (min-width: 480px) {
  .hp-blog-post__related-title[b-k8bgu0zyr6] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.hp-blog-post__related-summary[b-k8bgu0zyr6] {
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 480px) {
  .hp-blog-post__related-summary[b-k8bgu0zyr6] {
    font-size: 0.95rem;
  }
}
.hp-blog-post__navigation[b-k8bgu0zyr6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 3rem 0;
  padding-top: 2rem;
  border-top: 1px solid var(--border-color);
}
@media (min-width: 480px) {
  .hp-blog-post__navigation[b-k8bgu0zyr6] {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .hp-blog-post__navigation[b-k8bgu0zyr6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 4rem 0;
    padding-top: 3rem;
  }
}
@media (min-width: 1024px) {
  .hp-blog-post__navigation[b-k8bgu0zyr6] {
    gap: 3rem;
  }
}
.hp-blog-post__nav-link[b-k8bgu0zyr6] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 100px;
  justify-content: center;
}
@media (min-width: 480px) {
  .hp-blog-post__nav-link[b-k8bgu0zyr6] {
    border-radius: 12px;
    padding: 2rem;
    min-height: 120px;
  }
}
.hp-blog-post__nav-link:hover[b-k8bgu0zyr6], .hp-blog-post__nav-link:active[b-k8bgu0zyr6] {
  border-color: var(--color-primary);
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .hp-blog-post__nav-link:active[b-k8bgu0zyr6] {
    transform: translateY(-1px);
  }
}
.hp-blog-post__nav-link.prev[b-k8bgu0zyr6] {
  text-align: left;
}
.hp-blog-post__nav-link.next[b-k8bgu0zyr6] {
  text-align: right;
}
@media (min-width: 768px) {
  .hp-blog-post__nav-link.next[b-k8bgu0zyr6] {
    grid-column: 2;
  }
}
.hp-blog-post__nav-label[b-k8bgu0zyr6] {
  font-size: 0.8rem;
  color: var(--text-secondary);
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (min-width: 480px) {
  .hp-blog-post__nav-label[b-k8bgu0zyr6] {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
}
.hp-blog-post__nav-title[b-k8bgu0zyr6] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 480px) {
  .hp-blog-post__nav-title[b-k8bgu0zyr6] {
    font-size: 1.1rem;
  }
}

.scrollable-content[b-k8bgu0zyr6] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

*:focus-visible[b-k8bgu0zyr6] {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

@media print {
  .hp-blog-post__header-social[b-k8bgu0zyr6], .hp-blog-post__sidebar[b-k8bgu0zyr6], .hp-blog-post__navigation[b-k8bgu0zyr6], .hp-blog-post__related[b-k8bgu0zyr6] {
    display: none;
  }
  .hp-blog-post__main[b-k8bgu0zyr6] {
    display: block;
  }
  .hp-blog-post__content[b-k8bgu0zyr6] {
    max-width: none;
  }
  .hp-blog-post__content[b-k8bgu0zyr6]  a {
    color: inherit;
    text-decoration: underline;
  }
}

/*# sourceMappingURL=BlogPost.razor.css.map */
/* /Pages/Brand.razor.rz.scp.css */
:root[b-fu3inrarp2] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-fu3inrarp2] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

/**
 * Brand page component
 * Follows BEM methodology and frontend-dev rules
 */
.brand-page[b-fu3inrarp2] {
  padding: 3rem 0;
  background-color: var(--surface);
  min-height: 100vh;
}
.brand-page__container[b-fu3inrarp2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.brand-header[b-fu3inrarp2] {
  text-align: center;
  margin-bottom: 3rem;
}
.brand-header__title[b-fu3inrarp2] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
.brand-header__subtitle[b-fu3inrarp2] {
  font-size: 1.15rem;
  color: var(--text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

.brand-sections[b-fu3inrarp2] {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.brand-section[b-fu3inrarp2] {
  background-color: white;
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  padding: 2rem;
}
.brand-section__title[b-fu3inrarp2] {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  position: relative;
}
.brand-section__title[b-fu3inrarp2]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(to right, var(--color-primary), var(--color-secondary));
  border-radius: 3px;
}
.brand-section__description[b-fu3inrarp2] {
  font-size: 1rem;
  color: var(--text-secondary);
  margin-bottom: 2rem;
  max-width: 800px;
}

.logo-grid[b-fu3inrarp2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.logo-item[b-fu3inrarp2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logo-item__preview[b-fu3inrarp2] {
  width: 100%;
  padding: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border-radius: 8px;
  min-height: 150px;
  transition: all 0.3s ease;
  overflow: visible;
}
.logo-item__preview--light[b-fu3inrarp2] {
  background-color: white;
  border: 1px solid var(--border-color);
}
.logo-item__preview--light svg[b-fu3inrarp2] {
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
}
.logo-item__preview--dark[b-fu3inrarp2] {
  background-color: #121212;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.logo-item__preview--dark svg[b-fu3inrarp2] {
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
}
.logo-item__preview svg[b-fu3inrarp2] {
  max-width: 80%;
  width: auto;
  height: auto;
  vector-effect: non-scaling-stroke;
}
.logo-item__preview:hover[b-fu3inrarp2] {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}
.logo-item__caption[b-fu3inrarp2] {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 1rem;
}
.logo-item__buttons[b-fu3inrarp2] {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 960px) {
  .logo-item__buttons[b-fu3inrarp2] {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.social-preview[b-fu3inrarp2] {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background: #0a0a14;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.social-preview:hover[b-fu3inrarp2] {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 0 12px 20px rgba(0, 0, 0, 0.12);
}
.social-preview[b-fu3inrarp2]::before {
  display: block;
  content: "";
  width: 100%;
}
.social-preview--facebook[b-fu3inrarp2]::before {
  padding-top: 38.0487804878%;
}
.social-preview--twitter[b-fu3inrarp2]::before {
  padding-top: 33.3333333333%;
}
.social-preview--linkedin[b-fu3inrarp2]::before {
  padding-top: 16.9326241135%;
}
.social-preview__gradient[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(25, 180, 210, 0.85) 0%, rgba(16, 25, 95, 0.9) 100%);
  z-index: 1;
  opacity: 0.85;
  mix-blend-mode: soft-light;
}
.social-preview__gradient[b-fu3inrarp2]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 30% 60%, rgba(38, 208, 206, 0.3) 0%, rgba(26, 41, 128, 0) 60%);
}
.social-preview__gradient--linkedin[b-fu3inrarp2] {
  background: linear-gradient(135deg, rgba(25, 180, 210, 0.9) 0%, rgba(16, 25, 95, 0.95) 100%);
}
.social-preview__gradient--linkedin[b-fu3inrarp2]::after {
  background: radial-gradient(circle at 70% 50%, rgba(38, 208, 206, 0.4) 0%, rgba(26, 41, 128, 0) 60%);
}
.social-preview__grid[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 150%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 30px 30px;
  background-position: -1px -1px;
  transform: perspective(800px) rotateX(60deg) translateY(20%) translateX(10%);
  transform-origin: bottom;
  opacity: 0.4;
  z-index: 2;
  animation: gridMove-b-fu3inrarp2 60s linear infinite;
}
.social-preview__particles[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.7;
  mix-blend-mode: screen;
}
.social-preview__content[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1.5rem;
  z-index: 3;
  overflow: hidden;
}
.social-preview__content[b-fu3inrarp2]::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 70%;
  height: 200%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 60%);
  transform: rotate(35deg);
  z-index: 1;
}
@media (max-width: 960px) {
  .social-preview__content[b-fu3inrarp2] {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.social-preview__robot-quote[b-fu3inrarp2] {
  position: relative;
  flex: 1;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 960px) {
  .social-preview__robot-quote[b-fu3inrarp2] {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.social-preview__quote-bubble[b-fu3inrarp2] {
  flex: 1;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 1.75rem;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.social-preview__quote-bubble[b-fu3inrarp2]::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 15px 15px 15px 0;
  border-style: solid;
  border-color: transparent rgba(255, 255, 255, 0.08) transparent transparent;
}
@media (max-width: 960px) {
  .social-preview__quote-bubble[b-fu3inrarp2]::after {
    left: 50%;
    top: -15px;
    transform: translateX(-50%) rotate(90deg);
  }
}
.social-preview__quote-bubble--right[b-fu3inrarp2]::after {
  right: auto;
  left: -15px;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .social-preview__quote-bubble--right[b-fu3inrarp2]::after {
    left: 50%;
    top: -15px;
    transform: translateX(-50%) rotate(90deg);
  }
}
.social-preview__quote-logo[b-fu3inrarp2] {
  margin-bottom: 1rem;
  margin-left: -5px;
  transform: scale(0.9);
  transform-origin: left center;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
}
@media (max-width: 960px) {
  .social-preview__quote-logo[b-fu3inrarp2] {
    transform-origin: center;
    margin-left: 0;
    display: flex;
    justify-content: center;
  }
}
.social-preview__quote-text[b-fu3inrarp2] {
  font-size: 1.1rem;
  font-weight: 500;
  color: white;
  position: relative;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
  line-height: 1.5;
}
.social-preview__quote-text[b-fu3inrarp2]::before {
  content: '"';
  position: absolute;
  left: 0;
  top: -0.5rem;
  font-size: 2.5rem;
  font-family: Georgia, serif;
  color: rgba(38, 208, 206, 0.8);
  line-height: 1;
}
@media (max-width: 600px) {
  .social-preview__quote-text[b-fu3inrarp2] {
    font-size: 0.95rem;
  }
}
.social-preview__quote-author[b-fu3inrarp2] {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
@media (max-width: 960px) {
  .social-preview__quote-author[b-fu3inrarp2] {
    justify-content: center;
  }
}
.social-preview__author-tag[b-fu3inrarp2] {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(38, 208, 206, 0.9);
  background: rgba(38, 208, 206, 0.1);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  margin-right: 0.5rem;
}
.social-preview__author-name[b-fu3inrarp2] {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}
.social-preview__robot[b-fu3inrarp2] {
  flex: 0 0 auto;
  position: relative;
  z-index: 4;
  filter: drop-shadow(0 0 25px rgba(38, 208, 206, 0.3));
}
.social-preview__robot--facebook[b-fu3inrarp2] {
  max-width: 180px;
  margin-right: 1.5rem;
  transform: scaleX(-1);
}
@media (max-width: 960px) {
  .social-preview__robot--facebook[b-fu3inrarp2] {
    margin: 0 0 1rem 0;
    max-width: 130px;
  }
}
.social-preview__robot--twitter[b-fu3inrarp2] {
  max-width: 200px;
  margin-right: 2rem;
  transform: scaleX(-1);
}
@media (max-width: 960px) {
  .social-preview__robot--twitter[b-fu3inrarp2] {
    margin: 0 0 1rem 0;
    max-width: 150px;
  }
}
.social-preview__robot--linkedin[b-fu3inrarp2] {
  max-width: 140px;
  margin-left: 1.5rem;
  transform: scaleX(-1);
}
@media (max-width: 960px) {
  .social-preview__robot--linkedin[b-fu3inrarp2] {
    margin: 1rem 0 0 0;
    order: 2;
    max-width: 120px;
  }
}
.social-preview__robot-image[b-fu3inrarp2] {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
  position: relative;
  z-index: 5;
  animation: brand__float-b-fu3inrarp2 6s ease-in-out infinite;
}
.social-preview__robot-glow[b-fu3inrarp2] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: radial-gradient(ellipse, rgba(38, 208, 206, 0.6) 0%, rgba(38, 208, 206, 0) 70%);
  border-radius: 50%;
  filter: blur(20px);
  z-index: 4;
  animation: brand__pulse-b-fu3inrarp2 4s infinite ease-in-out;
  mix-blend-mode: screen;
}
.social-preview__feature-icons[b-fu3inrarp2] {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 1.5rem;
}
@media (max-width: 960px) {
  .social-preview__feature-icons[b-fu3inrarp2] {
    flex-direction: column;
    gap: 0.7rem;
    align-items: center;
  }
}
.social-preview__professional-tagline[b-fu3inrarp2] {
  font-size: 1.05rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 0.8rem;
  line-height: 1.5;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0.5rem 0;
}
.social-preview__professional-tagline[b-fu3inrarp2]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 40px;
  height: 2px;
  background: rgba(38, 208, 206, 0.7);
  transform: translateX(-50%);
}
@media (max-width: 600px) {
  .social-preview__professional-tagline[b-fu3inrarp2] {
    font-size: 0.9rem;
    margin-top: 0.6rem;
  }
}
.social-preview__feature[b-fu3inrarp2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 0.6rem 0.9rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.social-preview__feature:hover[b-fu3inrarp2] {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}
@media (max-width: 960px) {
  .social-preview__feature[b-fu3inrarp2] {
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
}
.social-preview__feature-icon[b-fu3inrarp2] {
  color: rgba(38, 208, 206, 0.9);
  font-size: 1.3rem;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}
@media (max-width: 960px) {
  .social-preview__feature-icon[b-fu3inrarp2] {
    margin-right: 0.5rem;
  }
}
.social-preview__feature-text[b-fu3inrarp2] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}
.social-preview__floating-elements[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.social-preview__floating-element[b-fu3inrarp2] {
  position: absolute;
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.5s ease;
}
.social-preview__floating-element:hover[b-fu3inrarp2] {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.1) !important;
}
@media (max-width: 960px) {
  .social-preview__floating-element[b-fu3inrarp2] {
    width: 35px;
    height: 35px;
  }
}
.social-preview__floating-element-icon[b-fu3inrarp2] {
  font-size: 1.3rem;
  color: rgba(38, 208, 206, 0.9);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}
@media (max-width: 960px) {
  .social-preview__floating-element-icon[b-fu3inrarp2] {
    font-size: 1.1rem;
  }
}
.social-preview__floating-element--pos1[b-fu3inrarp2] {
  top: 15%;
  left: 10%;
  animation: floatSlow-b-fu3inrarp2 7s ease-in-out infinite;
}
.social-preview__floating-element--pos2[b-fu3inrarp2] {
  bottom: 25%;
  left: 15%;
  animation: floatSlow-b-fu3inrarp2 9s ease-in-out infinite;
  animation-delay: 1s;
}
.social-preview__floating-element--pos3[b-fu3inrarp2] {
  top: 40%;
  left: 5%;
  animation: floatSlow-b-fu3inrarp2 8s ease-in-out infinite;
  animation-delay: 2s;
}
.social-preview__floating-element--twitter-pos1[b-fu3inrarp2] {
  top: 20%;
  left: 8%;
  animation: floatSlow-b-fu3inrarp2 8s ease-in-out infinite;
}
.social-preview__floating-element--twitter-pos2[b-fu3inrarp2] {
  bottom: 20%;
  left: 12%;
  animation: floatSlow-b-fu3inrarp2 10s ease-in-out infinite;
  animation-delay: 1.5s;
}
.social-preview__floating-element--twitter-pos3[b-fu3inrarp2] {
  top: 45%;
  left: 3%;
  animation: floatSlow-b-fu3inrarp2 7s ease-in-out infinite;
  animation-delay: 1s;
}

.export-container[b-fu3inrarp2] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.export-btn[b-fu3inrarp2] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  color: white;
  border: none;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
  gap: 0.5rem;
}
@media (max-width: 600px) {
  .export-btn[b-fu3inrarp2] {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
  }
}
.export-btn__icon[b-fu3inrarp2] {
  font-size: 1.25rem;
}
@media (max-width: 600px) {
  .export-btn__icon[b-fu3inrarp2] {
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  .export-btn__text[b-fu3inrarp2] {
    display: none;
  }
}
.export-btn:hover[b-fu3inrarp2] {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.export-btn--svg[b-fu3inrarp2] {
  background: white;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.export-btn--svg:hover[b-fu3inrarp2] {
  background: var(--color-primary);
  color: white;
}

@keyframes floatSlow-b-fu3inrarp2 {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-12px) rotate(2deg);
  }
  50% {
    transform: translateY(0) rotate(0deg);
  }
  75% {
    transform: translateY(8px) rotate(-2deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes brand__float-b-fu3inrarp2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes brand__pulse-b-fu3inrarp2 {
  0% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(0.9);
  }
  50% {
    opacity: 0.9;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(0.9);
  }
}
@keyframes gridMove-b-fu3inrarp2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 300px 0;
  }
}
@keyframes pulse-dot-b-fu3inrarp2 {
  0% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.8;
  }
}
@media (max-width: 1280px) {
  .brand-header__title[b-fu3inrarp2] {
    font-size: 2.25rem;
  }
  .social-preview__content .social-preview__text .social-preview__tagline[b-fu3inrarp2] {
    font-size: 1.3rem;
  }
}
@media (max-width: 960px) {
  .brand-section[b-fu3inrarp2] {
    padding: 1.5rem;
  }
  .social-preview__content[b-fu3inrarp2] {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .social-preview__content .social-preview__robot[b-fu3inrarp2] {
    margin: 0 0 1rem 0;
    max-width: 150px;
  }
  .social-preview__content .social-preview__robot--side[b-fu3inrarp2] {
    margin: 1rem 0 0 0;
    order: 2;
  }
  .social-preview__content .social-preview__text .social-preview__logo[b-fu3inrarp2] {
    display: flex;
    justify-content: center;
  }
  .social-preview__feature-icons[b-fu3inrarp2] {
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
  }
  .social-preview__feature[b-fu3inrarp2] {
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
  .social-preview__feature-icon[b-fu3inrarp2] {
    margin-right: 0.5rem;
  }
  .social-preview__floating-element[b-fu3inrarp2] {
    width: 30px;
    height: 30px;
  }
  .social-preview__floating-element-icon[b-fu3inrarp2] {
    font-size: 1rem;
  }
  .social-preview__buttons[b-fu3inrarp2] {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (max-width: 600px) {
  .brand-header__title[b-fu3inrarp2] {
    font-size: 2rem;
  }
  .brand-header__subtitle[b-fu3inrarp2] {
    font-size: 1rem;
  }
  .brand-section__title[b-fu3inrarp2] {
    font-size: 1.5rem;
  }
  .social-preview__robot[b-fu3inrarp2] {
    max-width: 120px;
  }
  .social-preview__text .social-preview__tagline[b-fu3inrarp2] {
    font-size: 1.1rem;
  }
  .social-preview__text .social-preview__description[b-fu3inrarp2] {
    font-size: 0.9rem;
  }
  .export-btn[b-fu3inrarp2] {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
  }
  .export-btn__text[b-fu3inrarp2] {
    display: none;
  }
  .export-btn__icon[b-fu3inrarp2] {
    margin-right: 0;
  }
}
.product-banner[b-fu3inrarp2] {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 1600/1200;
  margin: 2rem auto;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.product-banner__content-wrapper[b-fu3inrarp2] {
  width: 1600px;
  height: 1200px;
  transform-origin: top left;
  position: relative;
  background: linear-gradient(135deg, #0f1419 0%, #1a2332 100%);
  display: flex;
  flex-direction: column;
  padding: 4rem;
  box-sizing: border-box;
  overflow: hidden;
}
.product-banner__grid[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 60px 60px;
  z-index: 1;
  opacity: 0.4;
}
.product-banner__glow[b-fu3inrarp2] {
  position: absolute;
  width: 70%;
  height: 50%;
  border-radius: 50%;
  filter: blur(120px);
  z-index: 2;
  opacity: 0.15;
  top: 20%;
  left: 15%;
}
.product-banner__glow--pro[b-fu3inrarp2] {
  background: linear-gradient(135deg, rgba(78, 99, 255, 0.3) 0%, rgba(126, 87, 255, 0.2) 100%);
}
.product-banner__glow--starter[b-fu3inrarp2] {
  background: linear-gradient(135deg, rgba(38, 208, 206, 0.3) 0%, rgba(16, 25, 95, 0.2) 100%);
}
.product-banner__glow--unlock[b-fu3inrarp2] {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.3) 0%, rgba(255, 152, 0, 0.2) 100%);
}
.product-banner__glow--credits[b-fu3inrarp2] {
  background: linear-gradient(135deg, rgba(156, 39, 176, 0.3) 0%, rgba(233, 30, 99, 0.2) 100%);
}
.product-banner__glow--designer[b-fu3inrarp2] {
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.3) 0%, rgba(139, 195, 74, 0.2) 100%);
}
.product-banner__logo[b-fu3inrarp2] {
  position: absolute;
  top: 3rem;
  left: 3rem;
  z-index: 15;
  transform: scale(3.2);
  transform-origin: top left;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}
.product-banner__title[b-fu3inrarp2] {
  font-size: 20rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  margin: 0;
  position: absolute;
  bottom: 36rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 12;
  line-height: 0.85;
}
.product-banner__title--pro[b-fu3inrarp2] {
  font-size: 24rem;
  background: linear-gradient(135deg, #4E63FF 0%, #7E57FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 12px rgba(78, 99, 255, 0.25));
}
.product-banner__title--starter[b-fu3inrarp2] {
  background: linear-gradient(135deg, #26D0CE 0%, #4389FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 12px rgba(38, 208, 206, 0.25));
}
.product-banner__title--unlock[b-fu3inrarp2] {
  background: linear-gradient(135deg, #FFC107 0%, #FF9800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 12px rgba(255, 193, 7, 0.25));
}
.product-banner__title--credits[b-fu3inrarp2] {
  background: linear-gradient(135deg, #9C27B0 0%, #E91E63 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 12px rgba(156, 39, 176, 0.25));
}
.product-banner__title--designer[b-fu3inrarp2] {
  background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 12px rgba(76, 175, 80, 0.25));
}
.product-banner__features[b-fu3inrarp2] {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  max-width: 1100px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  z-index: 10;
}
.product-banner__feature[b-fu3inrarp2] {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  padding: 2.5rem 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}
.product-banner__feature[b-fu3inrarp2]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
  transition: left 0.5s ease;
}
.product-banner__feature:hover[b-fu3inrarp2]::before {
  left: 100%;
}
.product-banner__feature--pro[b-fu3inrarp2] {
  border-left: 4px solid #4E63FF;
  box-shadow: 0 8px 24px rgba(78, 99, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.product-banner__feature--starter[b-fu3inrarp2] {
  border-left: 4px solid #26D0CE;
  box-shadow: 0 8px 24px rgba(38, 208, 206, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.product-banner__feature--unlock[b-fu3inrarp2] {
  border-left: 4px solid #FFC107;
  box-shadow: 0 8px 24px rgba(255, 193, 7, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.product-banner__feature--credits[b-fu3inrarp2] {
  border-left: 4px solid #9C27B0;
  box-shadow: 0 8px 24px rgba(156, 39, 176, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.product-banner__feature--designer[b-fu3inrarp2] {
  border-left: 4px solid #4CAF50;
  box-shadow: 0 8px 24px rgba(76, 175, 80, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.product-banner__feature-icon[b-fu3inrarp2] {
  font-size: 3.5rem;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.product-banner__feature-icon--pro[b-fu3inrarp2] {
  color: #7E57FF;
}
.product-banner__feature-icon--starter[b-fu3inrarp2] {
  color: #26D0CE;
}
.product-banner__feature-icon--unlock[b-fu3inrarp2] {
  color: #FFC107;
}
.product-banner__feature-icon--credits[b-fu3inrarp2] {
  color: #E91E63;
}
.product-banner__feature-icon--designer[b-fu3inrarp2] {
  color: #4CAF50;
}
.product-banner__feature-text[b-fu3inrarp2] {
  font-weight: 600;
  font-size: 2.2rem;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: -0.01em;
}
.product-banner__decorations[b-fu3inrarp2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.product-banner__decoration[b-fu3inrarp2] {
  position: absolute;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.product-banner__decoration--shape1[b-fu3inrarp2] {
  width: 120px;
  height: 120px;
  top: 15%;
  right: 8%;
  border-radius: 24px;
  transform: rotate(15deg);
}
.product-banner__decoration--shape1[b-fu3inrarp2]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  border-radius: 12px;
}
.product-banner__decoration--shape1--pro[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #4E63FF 0%, #7E57FF 100%);
  box-shadow: 0 0 16px rgba(78, 99, 255, 0.3);
}
.product-banner__decoration--shape1--starter[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #26D0CE 0%, #4389FF 100%);
  box-shadow: 0 0 16px rgba(38, 208, 206, 0.3);
}
.product-banner__decoration--shape1--unlock[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #FFC107 0%, #FF9800 100%);
  box-shadow: 0 0 16px rgba(255, 193, 7, 0.3);
}
.product-banner__decoration--shape1--credits[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #9C27B0 0%, #E91E63 100%);
  box-shadow: 0 0 16px rgba(156, 39, 176, 0.3);
}
.product-banner__decoration--shape1--designer[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
  box-shadow: 0 0 16px rgba(76, 175, 80, 0.3);
}
.product-banner__decoration--shape2[b-fu3inrarp2] {
  width: 80px;
  height: 80px;
  bottom: 35%;
  right: 10%;
  border-radius: 50%;
}
.product-banner__decoration--shape2[b-fu3inrarp2]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border-radius: 50%;
}
.product-banner__decoration--shape2--pro[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #7E57FF 0%, #4E63FF 100%);
  box-shadow: 0 0 12px rgba(78, 99, 255, 0.25);
}
.product-banner__decoration--shape2--starter[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #4389FF 0%, #26D0CE 100%);
  box-shadow: 0 0 12px rgba(38, 208, 206, 0.25);
}
.product-banner__decoration--shape2--unlock[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #FF9800 0%, #FFC107 100%);
  box-shadow: 0 0 12px rgba(255, 193, 7, 0.25);
}
.product-banner__decoration--shape2--credits[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #E91E63 0%, #9C27B0 100%);
  box-shadow: 0 0 12px rgba(156, 39, 176, 0.25);
}
.product-banner__decoration--shape2--designer[b-fu3inrarp2]::before {
  background: linear-gradient(135deg, #8BC34A 0%, #4CAF50 100%);
  box-shadow: 0 0 12px rgba(76, 175, 80, 0.25);
}
.product-banner__subtitle[b-fu3inrarp2], .product-banner__plan-badge[b-fu3inrarp2] {
  display: none;
}

@keyframes gridMoveBanner-b-fu3inrarp2 {
  0%, 100% {
    transform: none;
  }
}
@keyframes pulseGlow-b-fu3inrarp2 {
  0%, 100% {
    transform: none;
  }
}
@keyframes floatBanner-b-fu3inrarp2 {
  0%, 100% {
    transform: none;
  }
}

/*# sourceMappingURL=Brand.razor.css.map */
/* /Pages/Complience/Cookies.razor.rz.scp.css */
@charset "UTF-8";
:root[b-24jerkqhtv] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-24jerkqhtv] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.legal__container[b-24jerkqhtv] {
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: var(--mud-typography-default-family);
  color: #2c3e50;
  line-height: 1.7;
  background-color: #ffffff;
}
.legal__header[b-24jerkqhtv] {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.legal__header .back-button[b-24jerkqhtv] {
  background-color: rgba(50, 115, 220, 0.08);
  color: #3273dc;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.legal__header .back-button:hover[b-24jerkqhtv] {
  background-color: rgba(50, 115, 220, 0.12);
  transform: translateX(-3px);
}
.legal__title[b-24jerkqhtv] {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  color: #3273dc;
}
.legal__date[b-24jerkqhtv] {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #5c7089;
  opacity: 0.8;
}
.legal__content[b-24jerkqhtv] {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0;
}
.legal__intro[b-24jerkqhtv] {
  font-size: 1.1rem;
  margin-bottom: 3rem;
  color: #5c7089;
  max-width: 85ch;
  font-weight: 400;
}
.legal__section[b-24jerkqhtv] {
  margin-bottom: 3.5rem;
  max-width: 85ch;
}
.legal__section-title[b-24jerkqhtv] {
  color: #3273dc;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(50, 115, 220, 0.08);
}
.legal__subsection-title[b-24jerkqhtv] {
  color: #2c3e50;
  font-size: 1.15rem;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.legal__list[b-24jerkqhtv] {
  padding-left: 1.25rem;
  margin-bottom: 1.5rem;
}
.legal__list li[b-24jerkqhtv] {
  margin-bottom: 0.85rem;
  position: relative;
  list-style-type: none;
  color: #5c7089;
}
.legal__list li[b-24jerkqhtv]:before {
  content: "•";
  position: absolute;
  left: -1.25rem;
  top: 0;
  color: #3273dc;
  font-size: 1rem;
}
.legal__emphasis[b-24jerkqhtv] {
  font-weight: 500;
  color: #2c3e50;
}
.legal__contact-info[b-24jerkqhtv] {
  background-color: #f7f9fc;
  border-radius: 6px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  border-left: 2px solid #3273dc;
}
.legal a[b-24jerkqhtv] {
  color: #3273dc;
  text-decoration: none;
  border-bottom: 1px dotted rgba(50, 115, 220, 0.3);
  transition: all 0.2s ease;
}
.legal a:hover[b-24jerkqhtv] {
  color: #4a89dc;
  border-bottom-color: #4a89dc;
}
@media (max-width: 768px) {
  .legal__container[b-24jerkqhtv] {
    padding: 2rem 1rem;
  }
  .legal__title[b-24jerkqhtv] {
    font-size: 1.8rem;
  }
  .legal__section-title[b-24jerkqhtv] {
    font-size: 1.3rem;
  }
  .legal__subsection-title[b-24jerkqhtv] {
    font-size: 1.1rem;
  }
}
@media (max-width: 480px) {
  .legal__container[b-24jerkqhtv] {
    padding: 1.5rem 1rem;
  }
  .legal__title[b-24jerkqhtv] {
    font-size: 1.6rem;
  }
  .legal__content[b-24jerkqhtv] {
    padding: 0;
  }
  .legal__section-title[b-24jerkqhtv] {
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=Cookies.razor.css.map */
/* /Pages/Complience/Privacy.razor.rz.scp.css */
@charset "UTF-8";
:root[b-lvk238pgjw] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-lvk238pgjw] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.legal__container[b-lvk238pgjw] {
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: var(--mud-typography-default-family);
  color: #2c3e50;
  line-height: 1.7;
  background-color: #ffffff;
}
.legal__header[b-lvk238pgjw] {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.legal__header .back-button[b-lvk238pgjw] {
  background-color: rgba(50, 115, 220, 0.08);
  color: #3273dc;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.legal__header .back-button:hover[b-lvk238pgjw] {
  background-color: rgba(50, 115, 220, 0.12);
  transform: translateX(-3px);
}
.legal__title[b-lvk238pgjw] {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  color: #3273dc;
}
.legal__date[b-lvk238pgjw] {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #5c7089;
  opacity: 0.8;
}
.legal__content[b-lvk238pgjw] {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0;
}
.legal__intro[b-lvk238pgjw] {
  font-size: 1.1rem;
  margin-bottom: 3rem;
  color: #5c7089;
  max-width: 85ch;
  font-weight: 400;
}
.legal__section[b-lvk238pgjw] {
  margin-bottom: 3.5rem;
  max-width: 85ch;
}
.legal__section-title[b-lvk238pgjw] {
  color: #3273dc;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(50, 115, 220, 0.08);
}
.legal__subsection-title[b-lvk238pgjw] {
  color: #2c3e50;
  font-size: 1.15rem;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.legal__list[b-lvk238pgjw] {
  padding-left: 1.25rem;
  margin-bottom: 1.5rem;
}
.legal__list li[b-lvk238pgjw] {
  margin-bottom: 0.85rem;
  position: relative;
  list-style-type: none;
  color: #5c7089;
}
.legal__list li[b-lvk238pgjw]:before {
  content: "•";
  position: absolute;
  left: -1.25rem;
  top: 0;
  color: #3273dc;
  font-size: 1rem;
}
.legal__emphasis[b-lvk238pgjw] {
  font-weight: 500;
  color: #2c3e50;
}
.legal__contact-info[b-lvk238pgjw] {
  background-color: #f7f9fc;
  border-radius: 6px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  border-left: 2px solid #3273dc;
}
.legal a[b-lvk238pgjw] {
  color: #3273dc;
  text-decoration: none;
  border-bottom: 1px dotted rgba(50, 115, 220, 0.3);
  transition: all 0.2s ease;
}
.legal a:hover[b-lvk238pgjw] {
  color: #4a89dc;
  border-bottom-color: #4a89dc;
}
@media (max-width: 768px) {
  .legal__container[b-lvk238pgjw] {
    padding: 2rem 1rem;
  }
  .legal__title[b-lvk238pgjw] {
    font-size: 1.8rem;
  }
  .legal__section-title[b-lvk238pgjw] {
    font-size: 1.3rem;
  }
  .legal__subsection-title[b-lvk238pgjw] {
    font-size: 1.1rem;
  }
}
@media (max-width: 480px) {
  .legal__container[b-lvk238pgjw] {
    padding: 1.5rem 1rem;
  }
  .legal__title[b-lvk238pgjw] {
    font-size: 1.6rem;
  }
  .legal__content[b-lvk238pgjw] {
    padding: 0;
  }
  .legal__section-title[b-lvk238pgjw] {
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=Privacy.razor.css.map */
/* /Pages/Complience/ToS.razor.rz.scp.css */
@charset "UTF-8";
:root[b-4un4bkr81v] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-4un4bkr81v] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.legal__container[b-4un4bkr81v] {
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: var(--mud-typography-default-family);
  color: #2c3e50;
  line-height: 1.7;
  background-color: #ffffff;
}
.legal__header[b-4un4bkr81v] {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.legal__header .back-button[b-4un4bkr81v] {
  background-color: rgba(50, 115, 220, 0.08);
  color: #3273dc;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.legal__header .back-button:hover[b-4un4bkr81v] {
  background-color: rgba(50, 115, 220, 0.12);
  transform: translateX(-3px);
}
.legal__title[b-4un4bkr81v] {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  color: #3273dc;
}
.legal__date[b-4un4bkr81v] {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #5c7089;
  opacity: 0.8;
}
.legal__content[b-4un4bkr81v] {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0;
}
.legal__intro[b-4un4bkr81v] {
  font-size: 1.1rem;
  margin-bottom: 3rem;
  color: #5c7089;
  max-width: 85ch;
  font-weight: 400;
}
.legal__section[b-4un4bkr81v] {
  margin-bottom: 3.5rem;
  max-width: 85ch;
}
.legal__section-title[b-4un4bkr81v] {
  color: #3273dc;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(50, 115, 220, 0.08);
}
.legal__subsection-title[b-4un4bkr81v] {
  color: #2c3e50;
  font-size: 1.15rem;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.legal__list[b-4un4bkr81v] {
  padding-left: 1.25rem;
  margin-bottom: 1.5rem;
}
.legal__list li[b-4un4bkr81v] {
  margin-bottom: 0.85rem;
  position: relative;
  list-style-type: none;
  color: #5c7089;
}
.legal__list li[b-4un4bkr81v]:before {
  content: "•";
  position: absolute;
  left: -1.25rem;
  top: 0;
  color: #3273dc;
  font-size: 1rem;
}
.legal__emphasis[b-4un4bkr81v] {
  font-weight: 500;
  color: #2c3e50;
}
.legal__contact-info[b-4un4bkr81v] {
  background-color: #f7f9fc;
  border-radius: 6px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  border-left: 2px solid #3273dc;
}
.legal a[b-4un4bkr81v] {
  color: #3273dc;
  text-decoration: none;
  border-bottom: 1px dotted rgba(50, 115, 220, 0.3);
  transition: all 0.2s ease;
}
.legal a:hover[b-4un4bkr81v] {
  color: #4a89dc;
  border-bottom-color: #4a89dc;
}
@media (max-width: 768px) {
  .legal__container[b-4un4bkr81v] {
    padding: 2rem 1rem;
  }
  .legal__title[b-4un4bkr81v] {
    font-size: 1.8rem;
  }
  .legal__section-title[b-4un4bkr81v] {
    font-size: 1.3rem;
  }
  .legal__subsection-title[b-4un4bkr81v] {
    font-size: 1.1rem;
  }
}
@media (max-width: 480px) {
  .legal__container[b-4un4bkr81v] {
    padding: 1.5rem 1rem;
  }
  .legal__title[b-4un4bkr81v] {
    font-size: 1.6rem;
  }
  .legal__content[b-4un4bkr81v] {
    padding: 0;
  }
  .legal__section-title[b-4un4bkr81v] {
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=ToS.razor.css.map */
/* /Pages/Components/Common/EmailConfirmationBanner.razor.rz.scp.css */
@charset "UTF-8";
:root[b-pj87330mz9] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-pj87330mz9] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-creator__alert[b-pj87330mz9] {
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  animation: slideInDown-b-pj87330mz9 0.3s ease-out;
}
.presentation-creator__alert--info[b-pj87330mz9] {
  background: linear-gradient(120deg, rgba(33, 150, 243, 0.08), rgba(33, 150, 243, 0.04));
  border-color: rgba(33, 150, 243, 0.2);
  color: #2c3e50;
}
.presentation-creator__alert--info[b-pj87330mz9]::before {
  content: "ℹ";
  font-size: 1.5rem;
  color: #3498db;
  font-weight: 600;
  margin-top: 2px;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .presentation-creator__alert[b-pj87330mz9] {
    padding: 0.875rem 1rem;
    margin-bottom: 1rem;
    gap: 0.75rem;
  }
  .presentation-creator__alert--info[b-pj87330mz9]::before {
    font-size: 1.25rem;
  }
}
.presentation-creator__alert-content[b-pj87330mz9] {
  flex: 1;
}
.presentation-creator__alert-content p[b-pj87330mz9] {
  margin: 0 0 1rem 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #2c3e50;
  font-weight: 500;
}
@media (max-width: 600px) {
  .presentation-creator__alert-content p[b-pj87330mz9] {
    font-size: 0.9rem;
    margin-bottom: 0.875rem;
  }
}
.presentation-creator__resend-section[b-pj87330mz9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .presentation-creator__resend-section[b-pj87330mz9] {
    gap: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.presentation-creator__btn[b-pj87330mz9] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  text-decoration: none;
  min-height: 38px;
}
.presentation-creator__btn--secondary[b-pj87330mz9] {
  background: #00d1b2;
  color: #ffffff;
}
.presentation-creator__btn--secondary:hover:not(:disabled)[b-pj87330mz9] {
  background: #00a693;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(103, 58, 183, 0.3);
}
.presentation-creator__btn--secondary:disabled[b-pj87330mz9] {
  background: #5c7089;
  color: rgba(255, 255, 255, 0.7);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
@media (max-width: 600px) {
  .presentation-creator__btn[b-pj87330mz9] {
    padding: 0.625rem 1rem;
    font-size: 0.8rem;
    min-height: 36px;
  }
  .presentation-creator__btn:hover:not(:disabled)[b-pj87330mz9] {
    transform: none;
    box-shadow: 0 2px 4px rgba(103, 58, 183, 0.2);
  }
}
.presentation-creator__cooldown-text[b-pj87330mz9] {
  font-size: 0.875rem;
  color: #5c7089;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .presentation-creator__cooldown-text[b-pj87330mz9] {
    font-size: 0.8rem;
  }
}
.presentation-creator__spinner[b-pj87330mz9] {
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin-b-pj87330mz9 1s linear infinite;
}
.presentation-creator__spinner--small[b-pj87330mz9] {
  width: 14px;
  height: 14px;
}
@media (max-width: 600px) {
  .presentation-creator__spinner--small[b-pj87330mz9] {
    width: 12px;
    height: 12px;
  }
}

@keyframes slideInDown-b-pj87330mz9 {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin-b-pj87330mz9 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-contrast: high) {
  .presentation-creator__alert--info[b-pj87330mz9] {
    border-width: 2px;
    border-color: #3498db;
    background: rgba(33, 150, 243, 0.15);
  }
  .presentation-creator__btn--secondary[b-pj87330mz9] {
    border: 2px solid #00d1b2;
  }
}
@media (prefers-reduced-motion: reduce) {
  .presentation-creator__alert[b-pj87330mz9] {
    animation: none;
  }
  .presentation-creator__btn[b-pj87330mz9] {
    transition: none;
  }
  .presentation-creator__btn:hover:not(:disabled)[b-pj87330mz9] {
    transform: none;
  }
  .presentation-creator__spinner[b-pj87330mz9] {
    animation: none;
    border: 2px solid currentColor;
    border-radius: 50%;
  }
}

/*# sourceMappingURL=EmailConfirmationBanner.razor.css.map */
/* /Pages/Components/Common/PresentationRatingComponent.razor.rz.scp.css */
:root[b-stuxe0r2al] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-stuxe0r2al] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-creator__emoji-rating[b-stuxe0r2al] {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 3rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.presentation-creator__emoji-rating--hidden[b-stuxe0r2al] {
  opacity: 0;
  transform: scale(0.8) translateY(20px);
  pointer-events: none;
}
.presentation-creator__emoji-rating--visible[b-stuxe0r2al] {
  opacity: 1;
  transform: scale(1) translateY(0);
  animation: ratingComponentEntrance-b-stuxe0r2al 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.presentation-creator__emoji-rating:hover[b-stuxe0r2al] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.presentation-creator__emoji-rating__title[b-stuxe0r2al] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #2c3e50;
  text-align: center;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.presentation-creator__emoji-rating__subtitle[b-stuxe0r2al] {
  font-size: 0.9rem;
  color: #5c7089;
  text-align: center;
  line-height: 1.4;
}
.presentation-creator__emoji-rating__emojis[b-stuxe0r2al] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 0;
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating__emojis[b-stuxe0r2al] {
    gap: 1rem;
  }
}
.presentation-creator__emoji-rating__emoji[b-stuxe0r2al] {
  font-size: 3rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50%;
  padding: 1rem;
  background: transparent;
  position: relative;
  user-select: none;
  opacity: 0.6;
  transform: scale(1);
}
.presentation-creator__emoji-rating__emoji:hover[b-stuxe0r2al] {
  opacity: 1;
  transform: scale(1.15);
  background: rgba(50, 115, 220, 0.08);
}
.presentation-creator__emoji-rating__emoji--selected[b-stuxe0r2al] {
  opacity: 1;
  transform: scale(1.2);
  background: linear-gradient(135deg, rgba(50, 115, 220, 0.15), rgba(50, 115, 220, 0.1));
  box-shadow: 0 4px 16px rgba(50, 115, 220, 0.3);
  animation: bounce-b-stuxe0r2al 0.5s ease;
}
.presentation-creator__emoji-rating__emoji--dimmed[b-stuxe0r2al] {
  opacity: 0.3;
  filter: grayscale(0.5);
}
.presentation-creator__emoji-rating__emoji--dimmed:hover[b-stuxe0r2al] {
  opacity: 0.6;
  transform: scale(1.05);
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating__emoji[b-stuxe0r2al] {
    font-size: 2.5rem;
    padding: 0.5rem;
  }
}
.presentation-creator__emoji-rating__feedback-panel[b-stuxe0r2al] {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateY(-20px);
}
.presentation-creator__emoji-rating__feedback-panel--expanded[b-stuxe0r2al] {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0);
}
.presentation-creator__emoji-rating__feedback-content[b-stuxe0r2al] {
  background: linear-gradient(135deg, rgba(50, 115, 220, 0.02), rgba(50, 115, 220, 0.05));
  border: 1px solid rgba(50, 115, 220, 0.1);
  border-radius: 6px;
  padding: 2rem;
  animation: slideInUp-b-stuxe0r2al 0.6s ease-out;
}
.presentation-creator__emoji-rating__feedback-title[b-stuxe0r2al] {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.5rem;
}
.presentation-creator__emoji-rating__feedback-title .material-icons[b-stuxe0r2al] {
  font-size: 1.2rem;
  color: #3273dc;
}
.presentation-creator__emoji-rating__feedback-description[b-stuxe0r2al] {
  font-size: 0.9rem;
  color: #5c7089;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.presentation-creator__emoji-rating__textarea[b-stuxe0r2al] {
  width: 100%;
  min-height: 100px;
  max-height: 200px;
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 0.9rem;
  font-family: inherit;
  line-height: 1.5;
  color: #2c3e50;
  background: #ffffff;
  resize: vertical;
  transition: all 0.3s ease;
  margin-bottom: 2rem;
}
.presentation-creator__emoji-rating__textarea:focus[b-stuxe0r2al] {
  outline: none;
  border-color: #3273dc;
  box-shadow: 0 0 0 3px rgba(50, 115, 220, 0.1);
}
.presentation-creator__emoji-rating__textarea[b-stuxe0r2al]::placeholder {
  color: #8892a4;
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating__textarea[b-stuxe0r2al] {
    min-height: 80px;
    padding: 1rem;
  }
}
.presentation-creator__emoji-rating__actions[b-stuxe0r2al] {
  display: flex;
  gap: 1.5rem;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating__actions[b-stuxe0r2al] {
    flex-direction: column-reverse;
    gap: 1rem;
  }
}
.presentation-creator__emoji-rating__skip-button[b-stuxe0r2al] {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #5c7089;
  padding: 1rem 2rem;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.presentation-creator__emoji-rating__skip-button:hover[b-stuxe0r2al] {
  background: rgba(0, 0, 0, 0.05);
  color: #2c3e50;
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating__skip-button[b-stuxe0r2al] {
    width: 100%;
    padding: 1.5rem;
  }
}
.presentation-creator__emoji-rating__send-button[b-stuxe0r2al] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
  user-select: none;
  background-color: var(--color-primary);
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 3rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.presentation-creator__emoji-rating__send-button:hover[b-stuxe0r2al], .presentation-creator__emoji-rating__send-button:focus[b-stuxe0r2al] {
  background-color: var(--color-primary-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.presentation-creator__emoji-rating__send-button:active[b-stuxe0r2al] {
  transform: translateY(0);
}
.presentation-creator__emoji-rating__send-button:disabled[b-stuxe0r2al] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.presentation-creator__emoji-rating__send-button:disabled:hover[b-stuxe0r2al] {
  transform: none;
  box-shadow: none;
}
.presentation-creator__emoji-rating__send-button .material-icons[b-stuxe0r2al] {
  font-size: 1.1rem;
}
.presentation-creator__emoji-rating__send-button .spinner[b-stuxe0r2al] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.presentation-creator__emoji-rating__send-button .spinner.small[b-stuxe0r2al] {
  width: 14px;
  height: 14px;
  border-width: 1.5px;
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating__send-button[b-stuxe0r2al] {
    width: 100%;
    justify-content: center;
    padding: 1.5rem;
  }
}
.dark-theme .presentation-creator__emoji-rating[b-stuxe0r2al] {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .presentation-creator__emoji-rating__title[b-stuxe0r2al] {
  color: rgba(255, 255, 255, 0.95);
}
.dark-theme .presentation-creator__emoji-rating__subtitle[b-stuxe0r2al] {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .presentation-creator__emoji-rating__feedback-content[b-stuxe0r2al] {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .presentation-creator__emoji-rating__feedback-title[b-stuxe0r2al] {
  color: rgba(255, 255, 255, 0.95);
}
.dark-theme .presentation-creator__emoji-rating__feedback-description[b-stuxe0r2al] {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .presentation-creator__emoji-rating__textarea[b-stuxe0r2al] {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.95);
}
.dark-theme .presentation-creator__emoji-rating__textarea[b-stuxe0r2al]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .presentation-creator__emoji-rating__textarea:focus[b-stuxe0r2al] {
  border-color: #3273dc;
  background: rgba(255, 255, 255, 0.08);
}
.dark-theme .presentation-creator__emoji-rating__skip-button[b-stuxe0r2al] {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .presentation-creator__emoji-rating__skip-button:hover[b-stuxe0r2al] {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 960px) {
  .presentation-creator__emoji-rating[b-stuxe0r2al] {
    padding: 2rem;
  }
  .presentation-creator__emoji-rating__title[b-stuxe0r2al] {
    font-size: 1rem;
  }
  .presentation-creator__emoji-rating__subtitle[b-stuxe0r2al] {
    font-size: 0.8rem;
  }
  .presentation-creator__emoji-rating__feedback-content[b-stuxe0r2al] {
    padding: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-creator__emoji-rating[b-stuxe0r2al] {
    padding: 1.5rem;
  }
  .presentation-creator__emoji-rating__emojis[b-stuxe0r2al] {
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .presentation-creator__emoji-rating__feedback-content[b-stuxe0r2al] {
    padding: 1rem;
  }
}

@keyframes bounce-b-stuxe0r2al {
  0%, 20%, 50%, 80%, 100% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1.3);
  }
  60% {
    transform: scale(1.25);
  }
}
@keyframes pulse-b-stuxe0r2al {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.1);
  }
  100% {
    opacity: 0.6;
    transform: scale(1);
  }
}
@keyframes slideInUp-b-stuxe0r2al {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ratingComponentEntrance-b-stuxe0r2al {
  0% {
    opacity: 0;
    transform: scale(0.8) translateY(20px);
  }
  60% {
    opacity: 0.8;
    transform: scale(1.02) translateY(-2px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/*# sourceMappingURL=PresentationRatingComponent.razor.css.map */
/* /Pages/Components/Common/SlideEditorComponent.razor.rz.scp.css */
:root[b-gdunlr5hpg] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-gdunlr5hpg] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-preview__edit-container[b-gdunlr5hpg] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.presentation-preview__edit-container > *[b-gdunlr5hpg] {
  pointer-events: auto;
}
@media (max-width: 600px) {
  .presentation-preview__edit-container[b-gdunlr5hpg] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: flex-start;
    pointer-events: auto;
  }
}

.presentation-preview__edit-button[b-gdunlr5hpg] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, #00d1b2, #3273dc);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  border: none;
  outline: none;
  z-index: 101;
  opacity: 0.85;
  touch-action: manipulation;
  pointer-events: auto;
  transform: scale(1) !important;
  transform-origin: center;
  isolation: isolate;
  contain: layout style;
  user-select: none;
}
.presentation-preview__edit-button:hover[b-gdunlr5hpg] {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.presentation-preview__edit-button--active[b-gdunlr5hpg] {
  background: linear-gradient(120deg, #ff3860, #ff5b7f);
  opacity: 1;
  box-shadow: 0 6px 12px rgba(255, 56, 96, 0.3);
}
.presentation-preview__edit-button--attention-pulse[b-gdunlr5hpg] {
  animation: edit-button-pulse-b-gdunlr5hpg 2s infinite;
  opacity: 1;
}
.presentation-preview__edit-button:disabled[b-gdunlr5hpg] {
  opacity: 0.4;
  cursor: not-allowed;
  filter: grayscale(0.8);
  pointer-events: none;
}
.presentation-preview__edit-button:disabled:hover[b-gdunlr5hpg] {
  transform: scale(1) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0.4;
}
.presentation-preview__edit-button .material-icons[b-gdunlr5hpg] {
  font-size: 24px;
  font-weight: 400;
}
@media (max-width: 960px) {
  .presentation-preview__edit-button[b-gdunlr5hpg] {
    width: 44px;
    height: 44px;
  }
  .presentation-preview__edit-button .material-icons[b-gdunlr5hpg] {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .presentation-preview__edit-button[b-gdunlr5hpg] {
    position: static;
    width: 40px;
    height: 40px;
    opacity: 0.9;
  }
  .presentation-preview__edit-button .material-icons[b-gdunlr5hpg] {
    font-size: 20px;
  }
  .presentation-preview__edit-button:hover[b-gdunlr5hpg] {
    transform: scale(1.05) !important;
    opacity: 1;
  }
  .presentation-preview__edit-button--attention-pulse[b-gdunlr5hpg] {
    opacity: 1;
  }
}

.presentation-preview__visual-edit-button[b-gdunlr5hpg] {
  position: absolute;
  top: 70px;
  right: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, #3498db, #5dade2);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  border: none;
  outline: none;
  z-index: 101;
  opacity: 0.85;
  touch-action: manipulation;
  pointer-events: auto;
  transform: scale(1) !important;
  transform-origin: center;
  isolation: isolate;
  contain: layout style;
  user-select: none;
}
.presentation-preview__visual-edit-button:hover[b-gdunlr5hpg] {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.presentation-preview__visual-edit-button--active[b-gdunlr5hpg] {
  background: linear-gradient(120deg, #2661c7, #3273dc);
  opacity: 1;
  animation: visual-edit-pulse-b-gdunlr5hpg 2s infinite;
}
.presentation-preview__visual-edit-button:disabled[b-gdunlr5hpg] {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(1);
  pointer-events: none;
}
.presentation-preview__visual-edit-button:disabled:hover[b-gdunlr5hpg] {
  transform: scale(1) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0.5;
}
.presentation-preview__visual-edit-button .material-icons[b-gdunlr5hpg] {
  font-size: 24px;
}
@media (max-width: 960px) {
  .presentation-preview__visual-edit-button[b-gdunlr5hpg] {
    width: 44px;
    height: 44px;
    top: 64px;
  }
  .presentation-preview__visual-edit-button .material-icons[b-gdunlr5hpg] {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .presentation-preview__visual-edit-button[b-gdunlr5hpg] {
    position: static;
    width: 40px;
    height: 40px;
    opacity: 0.9;
  }
  .presentation-preview__visual-edit-button .material-icons[b-gdunlr5hpg] {
    font-size: 20px;
  }
  .presentation-preview__visual-edit-button:hover[b-gdunlr5hpg] {
    transform: scale(1.05) !important;
    opacity: 1;
  }
}

.presentation-preview__regenerate-button[b-gdunlr5hpg] {
  position: absolute;
  top: 128px;
  right: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, #ffdd57, #ffe97d);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  border: none;
  outline: none;
  z-index: 101;
  opacity: 0.85;
  touch-action: manipulation;
  pointer-events: auto;
  transform: scale(1) !important;
  transform-origin: center;
  isolation: isolate;
  contain: layout style;
  user-select: none;
}
.presentation-preview__regenerate-button:hover[b-gdunlr5hpg] {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.presentation-preview__regenerate-button:disabled[b-gdunlr5hpg] {
  opacity: 0.4;
  cursor: not-allowed;
  filter: grayscale(0.8);
  pointer-events: none;
}
.presentation-preview__regenerate-button:disabled:hover[b-gdunlr5hpg] {
  transform: scale(1) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0.4;
}
.presentation-preview__regenerate-button .material-icons[b-gdunlr5hpg] {
  font-size: 24px;
}
@media (max-width: 960px) {
  .presentation-preview__regenerate-button[b-gdunlr5hpg] {
    width: 44px;
    height: 44px;
    top: 120px;
  }
  .presentation-preview__regenerate-button .material-icons[b-gdunlr5hpg] {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .presentation-preview__regenerate-button[b-gdunlr5hpg] {
    position: static;
    width: 40px;
    height: 40px;
    opacity: 0.9;
  }
  .presentation-preview__regenerate-button .material-icons[b-gdunlr5hpg] {
    font-size: 20px;
  }
  .presentation-preview__regenerate-button:hover[b-gdunlr5hpg] {
    transform: scale(1.05) !important;
    opacity: 1;
  }
}

.presentation-preview__delete-button[b-gdunlr5hpg] {
  position: absolute;
  top: 186px;
  right: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(120deg, #ff3860, #ff5b7f);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  border: none;
  outline: none;
  z-index: 101;
  opacity: 0.85;
  touch-action: manipulation;
  pointer-events: auto;
  transform: scale(1) !important;
  transform-origin: center;
  isolation: isolate;
  contain: layout style;
  user-select: none;
}
.presentation-preview__delete-button:hover[b-gdunlr5hpg] {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 10px rgba(220, 38, 127, 0.3);
  opacity: 1;
}
.presentation-preview__delete-button:disabled[b-gdunlr5hpg] {
  opacity: 0.4;
  cursor: not-allowed;
  filter: grayscale(0.8);
  pointer-events: none;
}
.presentation-preview__delete-button:disabled:hover[b-gdunlr5hpg] {
  transform: scale(1) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0.4;
}
.presentation-preview__delete-button .material-icons[b-gdunlr5hpg] {
  font-size: 24px;
}
@media (max-width: 960px) {
  .presentation-preview__delete-button[b-gdunlr5hpg] {
    width: 44px;
    height: 44px;
    top: 176px;
  }
  .presentation-preview__delete-button .material-icons[b-gdunlr5hpg] {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .presentation-preview__delete-button[b-gdunlr5hpg] {
    position: static;
    width: 40px;
    height: 40px;
    opacity: 0.9;
  }
  .presentation-preview__delete-button .material-icons[b-gdunlr5hpg] {
    font-size: 20px;
  }
  .presentation-preview__delete-button:hover[b-gdunlr5hpg] {
    transform: scale(1.05) !important;
    opacity: 1;
  }
}

.edit-tooltip[b-gdunlr5hpg] {
  position: absolute;
  top: 70px;
  right: 70px;
  background: linear-gradient(120deg, #ffdd57, #ffe97d);
  color: #2c3e50;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  z-index: 102;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(255, 221, 87, 0.3);
  animation: tooltip-bounce-b-gdunlr5hpg 2s infinite;
  pointer-events: none;
}
.edit-tooltip[b-gdunlr5hpg]::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  border: 4px solid transparent;
  border-left-color: #ffdd57;
}
.edit-tooltip .material-icons[b-gdunlr5hpg] {
  font-size: 16px;
  margin-right: 4px;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .edit-tooltip[b-gdunlr5hpg] {
    display: none;
  }
}

.presentation-preview__prompt-panel[b-gdunlr5hpg] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 0;
  height: auto;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  z-index: 200;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transform-origin: top right;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.presentation-preview__prompt-panel--active[b-gdunlr5hpg] {
  width: 480px;
  max-width: 90%;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
@media (max-width: 1280px) {
  .presentation-preview__prompt-panel--active[b-gdunlr5hpg] {
    width: 400px;
    max-width: 85%;
  }
}
@media (max-width: 960px) {
  .presentation-preview__prompt-panel--active[b-gdunlr5hpg] {
    width: 360px;
    max-width: 80%;
  }
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel--active[b-gdunlr5hpg] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 95% !important;
    max-width: 400px !important;
    max-height: 85vh;
    overflow-y: auto;
    border-radius: 12px;
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
  }
}
.presentation-preview__prompt-panel-content[b-gdunlr5hpg] {
  width: 480px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1280px) {
  .presentation-preview__prompt-panel-content[b-gdunlr5hpg] {
    width: 400px;
  }
}
@media (max-width: 960px) {
  .presentation-preview__prompt-panel-content[b-gdunlr5hpg] {
    width: 360px;
  }
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel-content[b-gdunlr5hpg] {
    width: 100%;
    max-width: 100%;
  }
}
.presentation-preview__prompt-panel-header[b-gdunlr5hpg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: linear-gradient(120deg, #3273dc, #00d1b2);
  color: #ffffff;
  border-radius: 8px 8px 0 0;
}
.presentation-preview__prompt-panel-header h3[b-gdunlr5hpg] {
  font-weight: 700;
  font-size: 1.15rem;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.presentation-preview__prompt-panel-header h3 .material-icons[b-gdunlr5hpg] {
  font-size: 20px;
}
.presentation-preview__prompt-panel-header .panel-header-controls[b-gdunlr5hpg] {
  display: flex;
  gap: 8px;
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel-header[b-gdunlr5hpg] {
    padding: 12px 16px;
  }
  .presentation-preview__prompt-panel-header h3[b-gdunlr5hpg] {
    font-size: 1rem;
  }
  .presentation-preview__prompt-panel-header h3 .material-icons[b-gdunlr5hpg] {
    font-size: 18px;
  }
}
.presentation-preview__prompt-panel-collapse[b-gdunlr5hpg], .presentation-preview__prompt-panel-close[b-gdunlr5hpg] {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-preview__prompt-panel-collapse:hover[b-gdunlr5hpg], .presentation-preview__prompt-panel-close:hover[b-gdunlr5hpg] {
  background: rgba(255, 255, 255, 0.2);
}
.presentation-preview__prompt-panel-collapse .material-icons[b-gdunlr5hpg], .presentation-preview__prompt-panel-close .material-icons[b-gdunlr5hpg] {
  font-size: 18px;
}
.presentation-preview__prompt-panel-body[b-gdunlr5hpg] {
  padding: 20px;
  max-height: 400px;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel-body[b-gdunlr5hpg] {
    padding: 16px;
    max-height: none;
  }
}
.presentation-preview__prompt-panel-textarea[b-gdunlr5hpg] {
  width: 100%;
  min-height: 100px;
  padding: 12px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: inherit;
  resize: vertical;
  transition: border-color 0.2s ease;
  background: #ffffff;
  color: #2c3e50;
}
.presentation-preview__prompt-panel-textarea:focus[b-gdunlr5hpg] {
  outline: none;
  border-color: #3273dc;
  box-shadow: 0 0 0 3px rgba(50, 115, 220, 0.1);
}
.presentation-preview__prompt-panel-textarea[b-gdunlr5hpg]::placeholder {
  color: #5c7089;
}
.presentation-preview__prompt-panel-textarea:disabled[b-gdunlr5hpg] {
  background: #f5f8fc;
  cursor: not-allowed;
  opacity: 0.6;
}
.presentation-preview__prompt-panel-hint[b-gdunlr5hpg] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  background: rgba(50, 115, 220, 0.05);
  border-radius: 6px;
  font-size: 0.8rem;
  color: #5c7089;
}
.presentation-preview__prompt-panel-hint .material-icons[b-gdunlr5hpg] {
  font-size: 16px;
  color: #ffdd57;
  margin-top: 1px;
}
.presentation-preview__prompt-panel-hint p[b-gdunlr5hpg] {
  margin: 0;
}
.presentation-preview__prompt-panel-hint p strong[b-gdunlr5hpg] {
  color: #2c3e50;
}
.presentation-preview__prompt-panel-footer[b-gdunlr5hpg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  gap: 12px;
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel-footer[b-gdunlr5hpg] {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
}
.presentation-preview__prompt-panel-credit[b-gdunlr5hpg] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  color: #5c7089;
  font-weight: 600;
}
.presentation-preview__prompt-panel-credit .material-icons[b-gdunlr5hpg] {
  font-size: 16px;
}
.presentation-preview__prompt-panel-credit .material-icons[style*="color: gold"][b-gdunlr5hpg] {
  color: #ffdd57 !important;
}
.presentation-preview__prompt-panel-credit .material-icons[style*="color: gold"] + span[b-gdunlr5hpg] {
  color: #ffdd57;
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel-credit[b-gdunlr5hpg] {
    justify-content: center;
  }
}
.presentation-preview__prompt-panel-submit[b-gdunlr5hpg] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(120deg, #3273dc, #00d1b2);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
}
.presentation-preview__prompt-panel-submit:hover:not(:disabled)[b-gdunlr5hpg] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(50, 115, 220, 0.3);
}
.presentation-preview__prompt-panel-submit:disabled[b-gdunlr5hpg] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.presentation-preview__prompt-panel-submit .material-icons[b-gdunlr5hpg] {
  font-size: 18px;
}
@media (max-width: 600px) {
  .presentation-preview__prompt-panel-submit[b-gdunlr5hpg] {
    width: 100%;
    justify-content: center;
    padding: 12px 20px;
  }
}
.presentation-preview__prompt-panel .collapsed .presentation-preview__prompt-panel-body[b-gdunlr5hpg] {
  display: none;
}

.presentation-preview__character-counter[b-gdunlr5hpg] {
  text-align: right;
  font-size: 0.75rem;
  color: #5c7089;
  margin-top: 4px;
  font-weight: 500;
}

.edit-mode-tabs[b-gdunlr5hpg] {
  display: flex;
  background: #f5f8fc;
  border-radius: 0;
  overflow: hidden;
}
.edit-mode-tabs.collapsed[b-gdunlr5hpg] {
  display: none;
}
.edit-mode-tabs .edit-tab[b-gdunlr5hpg] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: #f5f8fc;
  border: none;
  color: #5c7089;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.edit-mode-tabs .edit-tab:hover:not(:disabled)[b-gdunlr5hpg] {
  background: rgba(50, 115, 220, 0.1);
  color: #3273dc;
}
.edit-mode-tabs .edit-tab.active[b-gdunlr5hpg] {
  background: #ffffff;
  color: #3273dc;
  border-bottom: 2px solid #3273dc;
}
.edit-mode-tabs .edit-tab:disabled[b-gdunlr5hpg] {
  opacity: 0.5;
  cursor: not-allowed;
  color: #5c7089;
  background: #f5f8fc;
}
.edit-mode-tabs .edit-tab .material-icons[b-gdunlr5hpg] {
  font-size: 18px;
}
@media (max-width: 600px) {
  .edit-mode-tabs .edit-tab[b-gdunlr5hpg] {
    padding: 10px 12px;
    font-size: 0.875rem;
  }
  .edit-mode-tabs .edit-tab .material-icons[b-gdunlr5hpg] {
    font-size: 16px;
  }
}

.visual-editor-controls[b-gdunlr5hpg] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.visual-editor-controls .visual-editor-info[b-gdunlr5hpg] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.visual-editor-controls .visual-editor-info .info-row[b-gdunlr5hpg] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.visual-editor-controls .visual-editor-info .info-row .material-icons[b-gdunlr5hpg] {
  font-size: 18px;
  margin-top: 2px;
}
.visual-editor-controls .visual-editor-info .info-row p[b-gdunlr5hpg] {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}
.visual-editor-controls .visual-editor-info .info-row p strong[b-gdunlr5hpg] {
  font-weight: 600;
}
.visual-editor-controls .visual-editor-actions[b-gdunlr5hpg] {
  display: flex;
  justify-content: center;
}
.visual-editor-controls .visual-editor-actions .visual-editor-btn[b-gdunlr5hpg] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.visual-editor-controls .visual-editor-actions .visual-editor-btn:hover[b-gdunlr5hpg] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(50, 115, 220, 0.3);
}
.visual-editor-controls .visual-editor-actions .visual-editor-btn .material-icons[b-gdunlr5hpg] {
  font-size: 18px;
}

@keyframes edit-button-pulse-b-gdunlr5hpg {
  0%, 100% {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(50, 115, 220, 0.7);
  }
  50% {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 0 8px rgba(50, 115, 220, 0);
  }
}
@keyframes visual-edit-pulse-b-gdunlr5hpg {
  0%, 100% {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(52, 152, 219, 0.7);
  }
  50% {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 0 8px rgba(52, 152, 219, 0);
  }
}
@keyframes tooltip-bounce-b-gdunlr5hpg {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-4px);
  }
  60% {
    transform: translateY(-2px);
  }
}
@media (prefers-contrast: high) {
  .presentation-preview__edit-button[b-gdunlr5hpg],
  .presentation-preview__visual-edit-button[b-gdunlr5hpg] {
    border: 2px solid #2c3e50;
  }
  .presentation-preview__prompt-panel[b-gdunlr5hpg] {
    border: 2px solid #2c3e50;
  }
}
@media (prefers-reduced-motion: reduce) {
  .presentation-preview__edit-button[b-gdunlr5hpg],
  .presentation-preview__visual-edit-button[b-gdunlr5hpg],
  .presentation-preview__prompt-panel[b-gdunlr5hpg],
  .edit-tooltip[b-gdunlr5hpg] {
    transition: none;
    animation: none;
  }
  .presentation-preview__edit-button:hover[b-gdunlr5hpg],
  .presentation-preview__visual-edit-button:hover[b-gdunlr5hpg] {
    transform: scale(1) !important;
  }
}

/*# sourceMappingURL=SlideEditorComponent.razor.css.map */
/* /Pages/Components/Identity/ForgotPasswordComponent.razor.rz.scp.css */
:root[b-rguqcweint] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-rguqcweint] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.login-auth[b-rguqcweint],
.register-auth[b-rguqcweint] {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.login-auth__card[b-rguqcweint],
.register-auth__card[b-rguqcweint] {
  width: 100%;
  max-width: 420px;
  background: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
  position: relative;
  animation: fadeIn 0.3s ease-in-out 0s 1 normal;
}
.login-auth__header[b-rguqcweint],
.register-auth__header[b-rguqcweint] {
  padding-top: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.login-auth__header .logo-container[b-rguqcweint],
.register-auth__header .logo-container[b-rguqcweint] {
  transform: scale(0.9);
  margin: 0 auto;
}
.login-auth__content[b-rguqcweint],
.register-auth__content[b-rguqcweint] {
  padding: 2rem;
}
.login-auth__title[b-rguqcweint],
.register-auth__title[b-rguqcweint] {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
}
.login-auth__subtitle[b-rguqcweint],
.register-auth__subtitle[b-rguqcweint] {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 2rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.login-auth__field[b-rguqcweint],
.register-auth__field[b-rguqcweint] {
  margin-bottom: 0.5rem;
}
.login-auth__input-wrapper[b-rguqcweint],
.register-auth__input-wrapper[b-rguqcweint] {
  position: relative;
}
.login-auth__input[b-rguqcweint],
.register-auth__input[b-rguqcweint] {
  width: 100%;
  height: 3rem;
  padding: 0 1.5rem 0 3rem;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.3s ease;
}
.login-auth__input:focus[b-rguqcweint],
.register-auth__input:focus[b-rguqcweint] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(var(--color-primary-rgb), 0.25);
}
.login-auth__input[b-rguqcweint]::placeholder,
.register-auth__input[b-rguqcweint]::placeholder {
  color: var(--text-secondary);
}
.login-auth__input--error[b-rguqcweint],
.register-auth__input--error[b-rguqcweint] {
  border-color: var(--color-error);
}
.login-auth__input--error:focus[b-rguqcweint],
.register-auth__input--error:focus[b-rguqcweint] {
  border-color: var(--color-error);
  box-shadow: 0 0 0 1px rgba(var(--color-error-rgb), 0.25);
}
.login-auth__icon[b-rguqcweint],
.register-auth__icon[b-rguqcweint] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-size: 1.2rem;
  pointer-events: none;
}
.login-auth__error[b-rguqcweint],
.register-auth__error[b-rguqcweint] {
  color: var(--color-error);
  font-size: 0.9rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.login-auth__button[b-rguqcweint],
.register-auth__button[b-rguqcweint] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
  user-select: none;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
.login-auth__button--primary[b-rguqcweint],
.register-auth__button--primary[b-rguqcweint] {
  background: linear-gradient(135deg, #3273dc 0%, #4a89dc 100%);
  color: #ffffff;
}
.login-auth__button--primary:hover:not(:disabled)[b-rguqcweint],
.register-auth__button--primary:hover:not(:disabled)[b-rguqcweint] {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-secondary-dark) 100%);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.login-auth__button--primary:active:not(:disabled)[b-rguqcweint],
.register-auth__button--primary:active:not(:disabled)[b-rguqcweint] {
  transform: translateY(1px);
}
.login-auth__button--primary:disabled[b-rguqcweint],
.register-auth__button--primary:disabled[b-rguqcweint] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__button--social[b-rguqcweint],
.register-auth__button--social[b-rguqcweint] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.login-auth__button--social:hover:not(:disabled)[b-rguqcweint],
.register-auth__button--social:hover:not(:disabled)[b-rguqcweint] {
  background: var(--surface-variant);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.login-auth__button--social:disabled[b-rguqcweint],
.register-auth__button--social:disabled[b-rguqcweint] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__social-icon[b-rguqcweint],
.register-auth__social-icon[b-rguqcweint] {
  font-size: 1.2rem;
  color: #4285f4;
}
.login-auth__spinner[b-rguqcweint],
.register-auth__spinner[b-rguqcweint] {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 0.8s ease-in-out infinite;
}
.login-auth__notification[b-rguqcweint],
.register-auth__notification[b-rguqcweint] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  position: relative;
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
}
.login-auth__notification--success[b-rguqcweint],
.register-auth__notification--success[b-rguqcweint] {
  background-color: rgba(var(--color-success-rgb), 0.1);
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
}
.login-auth__notification a[b-rguqcweint],
.register-auth__notification a[b-rguqcweint] {
  color: inherit;
  text-decoration: underline;
}
.login-auth__notification a:hover[b-rguqcweint],
.register-auth__notification a:hover[b-rguqcweint] {
  opacity: 0.8;
}
.login-auth__notification-close[b-rguqcweint],
.register-auth__notification-close[b-rguqcweint] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-error);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.login-auth__notification-close:hover[b-rguqcweint],
.register-auth__notification-close:hover[b-rguqcweint] {
  background-color: rgba(var(--color-error-rgb), 0.1);
}
.login-auth__notification-close i[b-rguqcweint],
.register-auth__notification-close i[b-rguqcweint] {
  font-size: 1rem;
}
.login-auth__divider[b-rguqcweint],
.register-auth__divider[b-rguqcweint] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
.login-auth__divider[b-rguqcweint]::before, .login-auth__divider[b-rguqcweint]::after,
.register-auth__divider[b-rguqcweint]::before,
.register-auth__divider[b-rguqcweint]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border-color);
}
.login-auth__divider[b-rguqcweint]::before,
.register-auth__divider[b-rguqcweint]::before {
  margin-right: 1rem;
}
.login-auth__divider[b-rguqcweint]::after,
.register-auth__divider[b-rguqcweint]::after {
  margin-left: 1rem;
}
.login-auth__link-container[b-rguqcweint],
.register-auth__link-container[b-rguqcweint] {
  text-align: center;
  margin-top: 1rem;
}
.login-auth__link-text[b-rguqcweint],
.register-auth__link-text[b-rguqcweint] {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.login-auth__link[b-rguqcweint],
.register-auth__link[b-rguqcweint] {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__link:hover[b-rguqcweint],
.register-auth__link:hover[b-rguqcweint] {
  text-decoration: underline;
  color: var(--color-primary-dark);
}
.login-auth__footer[b-rguqcweint],
.register-auth__footer[b-rguqcweint] {
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  background: var(--surface-variant);
}
.login-auth__footer-link[b-rguqcweint],
.register-auth__footer-link[b-rguqcweint] {
  font-size: 0.8rem;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__footer-link:hover[b-rguqcweint],
.register-auth__footer-link:hover[b-rguqcweint] {
  color: var(--color-primary);
  text-decoration: underline;
}

@media (max-width: 600px) {
  .login-auth[b-rguqcweint],
  .register-auth[b-rguqcweint] {
    padding: 1rem;
  }
  .login-auth__card[b-rguqcweint],
  .register-auth__card[b-rguqcweint] {
    border-radius: 8px;
  }
  .login-auth__content[b-rguqcweint],
  .register-auth__content[b-rguqcweint] {
    padding: 1.5rem;
  }
  .login-auth__title[b-rguqcweint],
  .register-auth__title[b-rguqcweint] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .login-auth__input[b-rguqcweint], .login-auth__button[b-rguqcweint],
  .register-auth__input[b-rguqcweint],
  .register-auth__button[b-rguqcweint] {
    height: 2.75rem;
  }
  .login-auth__header[b-rguqcweint],
  .register-auth__header[b-rguqcweint] {
    padding: 1.5rem 1rem;
  }
  .login-auth__footer[b-rguqcweint],
  .register-auth__footer[b-rguqcweint] {
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.5rem;
  }
}

/*# sourceMappingURL=ForgotPasswordComponent.razor.css.map */
/* /Pages/Components/Identity/ForgotPasswordResetComponent.razor.rz.scp.css */
:root[b-4i41kjsvde] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-4i41kjsvde] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.login-auth[b-4i41kjsvde],
.register-auth[b-4i41kjsvde] {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.login-auth__card[b-4i41kjsvde],
.register-auth__card[b-4i41kjsvde] {
  width: 100%;
  max-width: 420px;
  background: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
  position: relative;
  animation: fadeIn 0.3s ease-in-out 0s 1 normal;
}
.login-auth__header[b-4i41kjsvde],
.register-auth__header[b-4i41kjsvde] {
  padding-top: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.login-auth__header .logo-container[b-4i41kjsvde],
.register-auth__header .logo-container[b-4i41kjsvde] {
  transform: scale(0.9);
  margin: 0 auto;
}
.login-auth__content[b-4i41kjsvde],
.register-auth__content[b-4i41kjsvde] {
  padding: 2rem;
}
.login-auth__title[b-4i41kjsvde],
.register-auth__title[b-4i41kjsvde] {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
}
.login-auth__subtitle[b-4i41kjsvde],
.register-auth__subtitle[b-4i41kjsvde] {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 2rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.login-auth__field[b-4i41kjsvde],
.register-auth__field[b-4i41kjsvde] {
  margin-bottom: 0.5rem;
}
.login-auth__input-wrapper[b-4i41kjsvde],
.register-auth__input-wrapper[b-4i41kjsvde] {
  position: relative;
}
.login-auth__input[b-4i41kjsvde],
.register-auth__input[b-4i41kjsvde] {
  width: 100%;
  height: 3rem;
  padding: 0 1.5rem 0 3rem;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.3s ease;
}
.login-auth__input:focus[b-4i41kjsvde],
.register-auth__input:focus[b-4i41kjsvde] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(var(--color-primary-rgb), 0.25);
}
.login-auth__input[b-4i41kjsvde]::placeholder,
.register-auth__input[b-4i41kjsvde]::placeholder {
  color: var(--text-secondary);
}
.login-auth__input--error[b-4i41kjsvde],
.register-auth__input--error[b-4i41kjsvde] {
  border-color: var(--color-error);
}
.login-auth__input--error:focus[b-4i41kjsvde],
.register-auth__input--error:focus[b-4i41kjsvde] {
  border-color: var(--color-error);
  box-shadow: 0 0 0 1px rgba(var(--color-error-rgb), 0.25);
}
.login-auth__icon[b-4i41kjsvde],
.register-auth__icon[b-4i41kjsvde] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-size: 1.2rem;
  pointer-events: none;
}
.login-auth__error[b-4i41kjsvde],
.register-auth__error[b-4i41kjsvde] {
  color: var(--color-error);
  font-size: 0.9rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.login-auth__button[b-4i41kjsvde],
.register-auth__button[b-4i41kjsvde] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
  user-select: none;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
.login-auth__button--primary[b-4i41kjsvde],
.register-auth__button--primary[b-4i41kjsvde] {
  background: linear-gradient(135deg, #3273dc 0%, #4a89dc 100%);
  color: #ffffff;
}
.login-auth__button--primary:hover:not(:disabled)[b-4i41kjsvde],
.register-auth__button--primary:hover:not(:disabled)[b-4i41kjsvde] {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-secondary-dark) 100%);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.login-auth__button--primary:active:not(:disabled)[b-4i41kjsvde],
.register-auth__button--primary:active:not(:disabled)[b-4i41kjsvde] {
  transform: translateY(1px);
}
.login-auth__button--primary:disabled[b-4i41kjsvde],
.register-auth__button--primary:disabled[b-4i41kjsvde] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__button--social[b-4i41kjsvde],
.register-auth__button--social[b-4i41kjsvde] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.login-auth__button--social:hover:not(:disabled)[b-4i41kjsvde],
.register-auth__button--social:hover:not(:disabled)[b-4i41kjsvde] {
  background: var(--surface-variant);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.login-auth__button--social:disabled[b-4i41kjsvde],
.register-auth__button--social:disabled[b-4i41kjsvde] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__social-icon[b-4i41kjsvde],
.register-auth__social-icon[b-4i41kjsvde] {
  font-size: 1.2rem;
  color: #4285f4;
}
.login-auth__spinner[b-4i41kjsvde],
.register-auth__spinner[b-4i41kjsvde] {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 0.8s ease-in-out infinite;
}
.login-auth__notification[b-4i41kjsvde],
.register-auth__notification[b-4i41kjsvde] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  position: relative;
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
}
.login-auth__notification--success[b-4i41kjsvde],
.register-auth__notification--success[b-4i41kjsvde] {
  background-color: rgba(var(--color-success-rgb), 0.1);
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
}
.login-auth__notification a[b-4i41kjsvde],
.register-auth__notification a[b-4i41kjsvde] {
  color: inherit;
  text-decoration: underline;
}
.login-auth__notification a:hover[b-4i41kjsvde],
.register-auth__notification a:hover[b-4i41kjsvde] {
  opacity: 0.8;
}
.login-auth__notification-close[b-4i41kjsvde],
.register-auth__notification-close[b-4i41kjsvde] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-error);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.login-auth__notification-close:hover[b-4i41kjsvde],
.register-auth__notification-close:hover[b-4i41kjsvde] {
  background-color: rgba(var(--color-error-rgb), 0.1);
}
.login-auth__notification-close i[b-4i41kjsvde],
.register-auth__notification-close i[b-4i41kjsvde] {
  font-size: 1rem;
}
.login-auth__divider[b-4i41kjsvde],
.register-auth__divider[b-4i41kjsvde] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
.login-auth__divider[b-4i41kjsvde]::before, .login-auth__divider[b-4i41kjsvde]::after,
.register-auth__divider[b-4i41kjsvde]::before,
.register-auth__divider[b-4i41kjsvde]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border-color);
}
.login-auth__divider[b-4i41kjsvde]::before,
.register-auth__divider[b-4i41kjsvde]::before {
  margin-right: 1rem;
}
.login-auth__divider[b-4i41kjsvde]::after,
.register-auth__divider[b-4i41kjsvde]::after {
  margin-left: 1rem;
}
.login-auth__link-container[b-4i41kjsvde],
.register-auth__link-container[b-4i41kjsvde] {
  text-align: center;
  margin-top: 1rem;
}
.login-auth__link-text[b-4i41kjsvde],
.register-auth__link-text[b-4i41kjsvde] {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.login-auth__link[b-4i41kjsvde],
.register-auth__link[b-4i41kjsvde] {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__link:hover[b-4i41kjsvde],
.register-auth__link:hover[b-4i41kjsvde] {
  text-decoration: underline;
  color: var(--color-primary-dark);
}
.login-auth__footer[b-4i41kjsvde],
.register-auth__footer[b-4i41kjsvde] {
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  background: var(--surface-variant);
}
.login-auth__footer-link[b-4i41kjsvde],
.register-auth__footer-link[b-4i41kjsvde] {
  font-size: 0.8rem;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__footer-link:hover[b-4i41kjsvde],
.register-auth__footer-link:hover[b-4i41kjsvde] {
  color: var(--color-primary);
  text-decoration: underline;
}

@media (max-width: 600px) {
  .login-auth[b-4i41kjsvde],
  .register-auth[b-4i41kjsvde] {
    padding: 1rem;
  }
  .login-auth__card[b-4i41kjsvde],
  .register-auth__card[b-4i41kjsvde] {
    border-radius: 8px;
  }
  .login-auth__content[b-4i41kjsvde],
  .register-auth__content[b-4i41kjsvde] {
    padding: 1.5rem;
  }
  .login-auth__title[b-4i41kjsvde],
  .register-auth__title[b-4i41kjsvde] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .login-auth__input[b-4i41kjsvde], .login-auth__button[b-4i41kjsvde],
  .register-auth__input[b-4i41kjsvde],
  .register-auth__button[b-4i41kjsvde] {
    height: 2.75rem;
  }
  .login-auth__header[b-4i41kjsvde],
  .register-auth__header[b-4i41kjsvde] {
    padding: 1.5rem 1rem;
  }
  .login-auth__footer[b-4i41kjsvde],
  .register-auth__footer[b-4i41kjsvde] {
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.5rem;
  }
}

/*# sourceMappingURL=ForgotPasswordResetComponent.razor.css.map */
/* /Pages/Components/Identity/LoginComponent.razor.rz.scp.css */
:root[b-0x811xzafc] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-0x811xzafc] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.login-auth[b-0x811xzafc],
.register-auth[b-0x811xzafc] {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.login-auth__card[b-0x811xzafc],
.register-auth__card[b-0x811xzafc] {
  width: 100%;
  max-width: 420px;
  background: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
  position: relative;
  animation: fadeIn 0.3s ease-in-out 0s 1 normal;
}
.login-auth__header[b-0x811xzafc],
.register-auth__header[b-0x811xzafc] {
  padding-top: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.login-auth__header .logo-container[b-0x811xzafc],
.register-auth__header .logo-container[b-0x811xzafc] {
  transform: scale(0.9);
  margin: 0 auto;
}
.login-auth__content[b-0x811xzafc],
.register-auth__content[b-0x811xzafc] {
  padding: 2rem;
}
.login-auth__title[b-0x811xzafc],
.register-auth__title[b-0x811xzafc] {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
}
.login-auth__subtitle[b-0x811xzafc],
.register-auth__subtitle[b-0x811xzafc] {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 2rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.login-auth__field[b-0x811xzafc],
.register-auth__field[b-0x811xzafc] {
  margin-bottom: 0.5rem;
}
.login-auth__input-wrapper[b-0x811xzafc],
.register-auth__input-wrapper[b-0x811xzafc] {
  position: relative;
}
.login-auth__input[b-0x811xzafc],
.register-auth__input[b-0x811xzafc] {
  width: 100%;
  height: 3rem;
  padding: 0 1.5rem 0 3rem;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.3s ease;
}
.login-auth__input:focus[b-0x811xzafc],
.register-auth__input:focus[b-0x811xzafc] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(var(--color-primary-rgb), 0.25);
}
.login-auth__input[b-0x811xzafc]::placeholder,
.register-auth__input[b-0x811xzafc]::placeholder {
  color: var(--text-secondary);
}
.login-auth__input--error[b-0x811xzafc],
.register-auth__input--error[b-0x811xzafc] {
  border-color: var(--color-error);
}
.login-auth__input--error:focus[b-0x811xzafc],
.register-auth__input--error:focus[b-0x811xzafc] {
  border-color: var(--color-error);
  box-shadow: 0 0 0 1px rgba(var(--color-error-rgb), 0.25);
}
.login-auth__icon[b-0x811xzafc],
.register-auth__icon[b-0x811xzafc] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-size: 1.2rem;
  pointer-events: none;
}
.login-auth__error[b-0x811xzafc],
.register-auth__error[b-0x811xzafc] {
  color: var(--color-error);
  font-size: 0.9rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.login-auth__button[b-0x811xzafc],
.register-auth__button[b-0x811xzafc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
  user-select: none;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
.login-auth__button--primary[b-0x811xzafc],
.register-auth__button--primary[b-0x811xzafc] {
  background: linear-gradient(135deg, #3273dc 0%, #4a89dc 100%);
  color: #ffffff;
}
.login-auth__button--primary:hover:not(:disabled)[b-0x811xzafc],
.register-auth__button--primary:hover:not(:disabled)[b-0x811xzafc] {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-secondary-dark) 100%);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.login-auth__button--primary:active:not(:disabled)[b-0x811xzafc],
.register-auth__button--primary:active:not(:disabled)[b-0x811xzafc] {
  transform: translateY(1px);
}
.login-auth__button--primary:disabled[b-0x811xzafc],
.register-auth__button--primary:disabled[b-0x811xzafc] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__button--social[b-0x811xzafc],
.register-auth__button--social[b-0x811xzafc] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.login-auth__button--social:hover:not(:disabled)[b-0x811xzafc],
.register-auth__button--social:hover:not(:disabled)[b-0x811xzafc] {
  background: var(--surface-variant);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.login-auth__button--social:disabled[b-0x811xzafc],
.register-auth__button--social:disabled[b-0x811xzafc] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__social-icon[b-0x811xzafc],
.register-auth__social-icon[b-0x811xzafc] {
  font-size: 1.2rem;
  color: #4285f4;
}
.login-auth__spinner[b-0x811xzafc],
.register-auth__spinner[b-0x811xzafc] {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 0.8s ease-in-out infinite;
}
.login-auth__notification[b-0x811xzafc],
.register-auth__notification[b-0x811xzafc] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  position: relative;
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
}
.login-auth__notification--success[b-0x811xzafc],
.register-auth__notification--success[b-0x811xzafc] {
  background-color: rgba(var(--color-success-rgb), 0.1);
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
}
.login-auth__notification a[b-0x811xzafc],
.register-auth__notification a[b-0x811xzafc] {
  color: inherit;
  text-decoration: underline;
}
.login-auth__notification a:hover[b-0x811xzafc],
.register-auth__notification a:hover[b-0x811xzafc] {
  opacity: 0.8;
}
.login-auth__notification-close[b-0x811xzafc],
.register-auth__notification-close[b-0x811xzafc] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-error);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.login-auth__notification-close:hover[b-0x811xzafc],
.register-auth__notification-close:hover[b-0x811xzafc] {
  background-color: rgba(var(--color-error-rgb), 0.1);
}
.login-auth__notification-close i[b-0x811xzafc],
.register-auth__notification-close i[b-0x811xzafc] {
  font-size: 1rem;
}
.login-auth__divider[b-0x811xzafc],
.register-auth__divider[b-0x811xzafc] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
.login-auth__divider[b-0x811xzafc]::before, .login-auth__divider[b-0x811xzafc]::after,
.register-auth__divider[b-0x811xzafc]::before,
.register-auth__divider[b-0x811xzafc]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border-color);
}
.login-auth__divider[b-0x811xzafc]::before,
.register-auth__divider[b-0x811xzafc]::before {
  margin-right: 1rem;
}
.login-auth__divider[b-0x811xzafc]::after,
.register-auth__divider[b-0x811xzafc]::after {
  margin-left: 1rem;
}
.login-auth__link-container[b-0x811xzafc],
.register-auth__link-container[b-0x811xzafc] {
  text-align: center;
  margin-top: 1rem;
}
.login-auth__link-text[b-0x811xzafc],
.register-auth__link-text[b-0x811xzafc] {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.login-auth__link[b-0x811xzafc],
.register-auth__link[b-0x811xzafc] {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__link:hover[b-0x811xzafc],
.register-auth__link:hover[b-0x811xzafc] {
  text-decoration: underline;
  color: var(--color-primary-dark);
}
.login-auth__footer[b-0x811xzafc],
.register-auth__footer[b-0x811xzafc] {
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  background: var(--surface-variant);
}
.login-auth__footer-link[b-0x811xzafc],
.register-auth__footer-link[b-0x811xzafc] {
  font-size: 0.8rem;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__footer-link:hover[b-0x811xzafc],
.register-auth__footer-link:hover[b-0x811xzafc] {
  color: var(--color-primary);
  text-decoration: underline;
}

@media (max-width: 600px) {
  .login-auth[b-0x811xzafc],
  .register-auth[b-0x811xzafc] {
    padding: 1rem;
  }
  .login-auth__card[b-0x811xzafc],
  .register-auth__card[b-0x811xzafc] {
    border-radius: 8px;
  }
  .login-auth__content[b-0x811xzafc],
  .register-auth__content[b-0x811xzafc] {
    padding: 1.5rem;
  }
  .login-auth__title[b-0x811xzafc],
  .register-auth__title[b-0x811xzafc] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .login-auth__input[b-0x811xzafc], .login-auth__button[b-0x811xzafc],
  .register-auth__input[b-0x811xzafc],
  .register-auth__button[b-0x811xzafc] {
    height: 2.75rem;
  }
  .login-auth__header[b-0x811xzafc],
  .register-auth__header[b-0x811xzafc] {
    padding: 1.5rem 1rem;
  }
  .login-auth__footer[b-0x811xzafc],
  .register-auth__footer[b-0x811xzafc] {
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.5rem;
  }
}

/*# sourceMappingURL=LoginComponent.razor.css.map */
/* /Pages/Components/Identity/RegisterComponent.razor.rz.scp.css */
:root[b-iledmwhfmi] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-iledmwhfmi] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.login-auth[b-iledmwhfmi],
.register-auth[b-iledmwhfmi] {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}
.login-auth__card[b-iledmwhfmi],
.register-auth__card[b-iledmwhfmi] {
  width: 100%;
  max-width: 420px;
  background: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
  position: relative;
  animation: fadeIn 0.3s ease-in-out 0s 1 normal;
}
.login-auth__header[b-iledmwhfmi],
.register-auth__header[b-iledmwhfmi] {
  padding-top: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.login-auth__header .logo-container[b-iledmwhfmi],
.register-auth__header .logo-container[b-iledmwhfmi] {
  transform: scale(0.9);
  margin: 0 auto;
}
.login-auth__content[b-iledmwhfmi],
.register-auth__content[b-iledmwhfmi] {
  padding: 2rem;
}
.login-auth__title[b-iledmwhfmi],
.register-auth__title[b-iledmwhfmi] {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
}
.login-auth__subtitle[b-iledmwhfmi],
.register-auth__subtitle[b-iledmwhfmi] {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 2rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.login-auth__field[b-iledmwhfmi],
.register-auth__field[b-iledmwhfmi] {
  margin-bottom: 0.5rem;
}
.login-auth__input-wrapper[b-iledmwhfmi],
.register-auth__input-wrapper[b-iledmwhfmi] {
  position: relative;
}
.login-auth__input[b-iledmwhfmi],
.register-auth__input[b-iledmwhfmi] {
  width: 100%;
  height: 3rem;
  padding: 0 1.5rem 0 3rem;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.3s ease;
}
.login-auth__input:focus[b-iledmwhfmi],
.register-auth__input:focus[b-iledmwhfmi] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(var(--color-primary-rgb), 0.25);
}
.login-auth__input[b-iledmwhfmi]::placeholder,
.register-auth__input[b-iledmwhfmi]::placeholder {
  color: var(--text-secondary);
}
.login-auth__input--error[b-iledmwhfmi],
.register-auth__input--error[b-iledmwhfmi] {
  border-color: var(--color-error);
}
.login-auth__input--error:focus[b-iledmwhfmi],
.register-auth__input--error:focus[b-iledmwhfmi] {
  border-color: var(--color-error);
  box-shadow: 0 0 0 1px rgba(var(--color-error-rgb), 0.25);
}
.login-auth__icon[b-iledmwhfmi],
.register-auth__icon[b-iledmwhfmi] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-size: 1.2rem;
  pointer-events: none;
}
.login-auth__error[b-iledmwhfmi],
.register-auth__error[b-iledmwhfmi] {
  color: var(--color-error);
  font-size: 0.9rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.login-auth__button[b-iledmwhfmi],
.register-auth__button[b-iledmwhfmi] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
  user-select: none;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
.login-auth__button--primary[b-iledmwhfmi],
.register-auth__button--primary[b-iledmwhfmi] {
  background: linear-gradient(135deg, #3273dc 0%, #4a89dc 100%);
  color: #ffffff;
}
.login-auth__button--primary:hover:not(:disabled)[b-iledmwhfmi],
.register-auth__button--primary:hover:not(:disabled)[b-iledmwhfmi] {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-secondary-dark) 100%);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.login-auth__button--primary:active:not(:disabled)[b-iledmwhfmi],
.register-auth__button--primary:active:not(:disabled)[b-iledmwhfmi] {
  transform: translateY(1px);
}
.login-auth__button--primary:disabled[b-iledmwhfmi],
.register-auth__button--primary:disabled[b-iledmwhfmi] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__button--social[b-iledmwhfmi],
.register-auth__button--social[b-iledmwhfmi] {
  background: var(--surface);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.login-auth__button--social:hover:not(:disabled)[b-iledmwhfmi],
.register-auth__button--social:hover:not(:disabled)[b-iledmwhfmi] {
  background: var(--surface-variant);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.login-auth__button--social:disabled[b-iledmwhfmi],
.register-auth__button--social:disabled[b-iledmwhfmi] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.login-auth__social-icon[b-iledmwhfmi],
.register-auth__social-icon[b-iledmwhfmi] {
  font-size: 1.2rem;
  color: #4285f4;
}
.login-auth__spinner[b-iledmwhfmi],
.register-auth__spinner[b-iledmwhfmi] {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 0.8s ease-in-out infinite;
}
.login-auth__notification[b-iledmwhfmi],
.register-auth__notification[b-iledmwhfmi] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  position: relative;
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
}
.login-auth__notification--success[b-iledmwhfmi],
.register-auth__notification--success[b-iledmwhfmi] {
  background-color: rgba(var(--color-success-rgb), 0.1);
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
}
.login-auth__notification a[b-iledmwhfmi],
.register-auth__notification a[b-iledmwhfmi] {
  color: inherit;
  text-decoration: underline;
}
.login-auth__notification a:hover[b-iledmwhfmi],
.register-auth__notification a:hover[b-iledmwhfmi] {
  opacity: 0.8;
}
.login-auth__notification-close[b-iledmwhfmi],
.register-auth__notification-close[b-iledmwhfmi] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-error);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.login-auth__notification-close:hover[b-iledmwhfmi],
.register-auth__notification-close:hover[b-iledmwhfmi] {
  background-color: rgba(var(--color-error-rgb), 0.1);
}
.login-auth__notification-close i[b-iledmwhfmi],
.register-auth__notification-close i[b-iledmwhfmi] {
  font-size: 1rem;
}
.login-auth__divider[b-iledmwhfmi],
.register-auth__divider[b-iledmwhfmi] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
.login-auth__divider[b-iledmwhfmi]::before, .login-auth__divider[b-iledmwhfmi]::after,
.register-auth__divider[b-iledmwhfmi]::before,
.register-auth__divider[b-iledmwhfmi]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border-color);
}
.login-auth__divider[b-iledmwhfmi]::before,
.register-auth__divider[b-iledmwhfmi]::before {
  margin-right: 1rem;
}
.login-auth__divider[b-iledmwhfmi]::after,
.register-auth__divider[b-iledmwhfmi]::after {
  margin-left: 1rem;
}
.login-auth__link-container[b-iledmwhfmi],
.register-auth__link-container[b-iledmwhfmi] {
  text-align: center;
  margin-top: 1rem;
}
.login-auth__link-text[b-iledmwhfmi],
.register-auth__link-text[b-iledmwhfmi] {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.login-auth__link[b-iledmwhfmi],
.register-auth__link[b-iledmwhfmi] {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__link:hover[b-iledmwhfmi],
.register-auth__link:hover[b-iledmwhfmi] {
  text-decoration: underline;
  color: var(--color-primary-dark);
}
.login-auth__footer[b-iledmwhfmi],
.register-auth__footer[b-iledmwhfmi] {
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  background: var(--surface-variant);
}
.login-auth__footer-link[b-iledmwhfmi],
.register-auth__footer-link[b-iledmwhfmi] {
  font-size: 0.8rem;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.login-auth__footer-link:hover[b-iledmwhfmi],
.register-auth__footer-link:hover[b-iledmwhfmi] {
  color: var(--color-primary);
  text-decoration: underline;
}

@media (max-width: 600px) {
  .login-auth[b-iledmwhfmi],
  .register-auth[b-iledmwhfmi] {
    padding: 1rem;
  }
  .login-auth__card[b-iledmwhfmi],
  .register-auth__card[b-iledmwhfmi] {
    border-radius: 8px;
  }
  .login-auth__content[b-iledmwhfmi],
  .register-auth__content[b-iledmwhfmi] {
    padding: 1.5rem;
  }
  .login-auth__title[b-iledmwhfmi],
  .register-auth__title[b-iledmwhfmi] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .login-auth__input[b-iledmwhfmi], .login-auth__button[b-iledmwhfmi],
  .register-auth__input[b-iledmwhfmi],
  .register-auth__button[b-iledmwhfmi] {
    height: 2.75rem;
  }
  .login-auth__header[b-iledmwhfmi],
  .register-auth__header[b-iledmwhfmi] {
    padding: 1.5rem 1rem;
  }
  .login-auth__footer[b-iledmwhfmi],
  .register-auth__footer[b-iledmwhfmi] {
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.5rem;
  }
}

/*# sourceMappingURL=RegisterComponent.razor.css.map */
/* /Pages/Components/Landing/ComparisonSection.razor.rz.scp.css */
:root[b-sj6ei99ngl] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-sj6ei99ngl] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.comparison[b-sj6ei99ngl] {
  background-color: #f9fafc;
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
}
.comparison[b-sj6ei99ngl]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
  z-index: 1;
}
.comparison .container[b-sj6ei99ngl] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.comparison__title[b-sj6ei99ngl] {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem;
  color: #363636;
}
.comparison__subtitle[b-sj6ei99ngl] {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 3rem;
  color: #7a7a7a;
}
.comparison__table-container[b-sj6ei99ngl] {
  max-width: 1200px;
  margin: 0 auto 2rem;
  overflow-x: auto;
  border-radius: 0.75rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.comparison__table-container[b-sj6ei99ngl]::-webkit-scrollbar {
  height: 8px;
}
.comparison__table-container[b-sj6ei99ngl]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.comparison__table-container[b-sj6ei99ngl]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.comparison__table-container[b-sj6ei99ngl]::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
@media (max-width: 992px) {
  .comparison__table-container[b-sj6ei99ngl] {
    position: relative;
  }
  .comparison__table-container[b-sj6ei99ngl]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    pointer-events: none;
    z-index: 1;
  }
}
.comparison__table[b-sj6ei99ngl] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.comparison__header[b-sj6ei99ngl] {
  display: flex;
  font-weight: 700;
  text-align: center;
  background-color: #f5f9ff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.comparison__feature-column[b-sj6ei99ngl] {
  width: 25%;
  min-width: 200px;
  background-color: rgba(50, 115, 220, 0.02);
  padding: 1.25rem 1rem;
  font-weight: 600;
  color: #363636;
}
.comparison__product-column[b-sj6ei99ngl] {
  width: 18.75%;
  min-width: 150px;
  padding: 1.25rem 1rem;
  text-align: center;
}
.comparison__product-column--highlighted[b-sj6ei99ngl] {
  background-color: rgba(50, 115, 220, 0.05);
  position: relative;
}
.comparison__product-column--highlighted[b-sj6ei99ngl]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
}
.comparison__product-logo[b-sj6ei99ngl] {
  font-weight: 700;
  color: #363636;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comparison__product-logo i[b-sj6ei99ngl] {
  color: #3273dc;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.comparison__row[b-sj6ei99ngl] {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.comparison__row:last-child[b-sj6ei99ngl] {
  border-bottom: none;
}
.comparison__row:hover[b-sj6ei99ngl] {
  background-color: rgba(50, 115, 220, 0.01);
}
.comparison__feature[b-sj6ei99ngl] {
  width: 25%;
  min-width: 200px;
  padding: 1rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #4a4a4a;
  background-color: rgba(50, 115, 220, 0.02);
}
.comparison__value[b-sj6ei99ngl] {
  width: 18.75%;
  min-width: 150px;
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
  color: #7a7a7a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.comparison__value--highlighted[b-sj6ei99ngl] {
  background-color: rgba(50, 115, 220, 0.03);
}
.comparison__icon[b-sj6ei99ngl] {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}
.comparison__icon--success[b-sj6ei99ngl] {
  color: #00d1b2;
}
.comparison__icon--warning[b-sj6ei99ngl] {
  color: #ffdd57;
}
.comparison__icon--error[b-sj6ei99ngl] {
  color: #ff3860;
}
.comparison__note[b-sj6ei99ngl] {
  font-size: 0.75rem;
  color: #7a7a7a;
  margin-top: 0.25rem;
  line-height: 1.4;
}
.comparison__cta-container[b-sj6ei99ngl] {
  text-align: center;
  margin-top: 2rem;
}
.comparison__cta[b-sj6ei99ngl] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: white;
  font-weight: 700;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 4px 12px rgba(50, 115, 220, 0.3);
  transition: all 0.3s ease;
  font-size: 1rem;
  cursor: pointer;
}
.comparison__cta:hover[b-sj6ei99ngl] {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(50, 115, 220, 0.4);
}
@media (max-width: 768px) {
  .comparison[b-sj6ei99ngl] {
    padding: 3rem 1rem;
  }
  .comparison__title[b-sj6ei99ngl] {
    font-size: 2rem;
  }
  .comparison__subtitle[b-sj6ei99ngl] {
    font-size: 1.1rem;
    margin-bottom: 2rem;
  }
  .comparison__table-container[b-sj6ei99ngl] {
    margin-bottom: 1.5rem;
  }
  .comparison__feature-column[b-sj6ei99ngl], .comparison__feature[b-sj6ei99ngl] {
    min-width: 160px;
  }
  .comparison__product-column[b-sj6ei99ngl], .comparison__value[b-sj6ei99ngl] {
    min-width: 120px;
  }
  .comparison__feature-column[b-sj6ei99ngl], .comparison__product-column[b-sj6ei99ngl], .comparison__feature[b-sj6ei99ngl], .comparison__value[b-sj6ei99ngl] {
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
  }
  .comparison__note[b-sj6ei99ngl] {
    font-size: 0.7rem;
  }
}
@media (max-width: 480px) {
  .comparison[b-sj6ei99ngl] {
    padding: 2rem 0.75rem;
  }
  .comparison__title[b-sj6ei99ngl] {
    font-size: 1.75rem;
  }
  .comparison__subtitle[b-sj6ei99ngl] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .comparison__feature-column[b-sj6ei99ngl], .comparison__feature[b-sj6ei99ngl] {
    min-width: 140px;
  }
  .comparison__product-column[b-sj6ei99ngl], .comparison__value[b-sj6ei99ngl] {
    min-width: 100px;
  }
  .comparison__cta[b-sj6ei99ngl] {
    padding: 0.7rem 1.5rem;
    font-size: 0.9rem;
  }
}

/*# sourceMappingURL=ComparisonSection.razor.css.map */
/* /Pages/Components/Landing/FaqSection.razor.rz.scp.css */
:root[b-twnwo737wp] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-twnwo737wp] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.faq[b-twnwo737wp] {
  padding: 6rem 0;
  background-color: #f9f9f9;
  position: relative;
}
.faq[b-twnwo737wp]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 10% 10%, rgba(50, 115, 220, 0.03) 0%, transparent 20%), radial-gradient(circle at 90% 90%, rgba(0, 209, 178, 0.03) 0%, transparent 20%);
  z-index: 0;
}
.faq__container[b-twnwo737wp] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.faq__header[b-twnwo737wp] {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
}
.faq__title[b-twnwo737wp] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #363636;
  margin-bottom: 1rem;
}
.faq__underline[b-twnwo737wp] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
  margin: 0 auto 1.5rem auto;
  border-radius: 2px;
}
.faq__subtitle[b-twnwo737wp] {
  font-size: 1.1rem;
  color: #666;
  margin: 0;
  font-weight: 400;
}
.faq__content[b-twnwo737wp] {
  max-width: 900px;
  margin: 0 auto;
}
.faq__categories[b-twnwo737wp] {
  margin-bottom: 3rem;
}
.faq__tabs[b-twnwo737wp] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1rem;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.faq__tab[b-twnwo737wp] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  background: transparent;
  border-radius: 0.75rem;
  font-weight: 600;
  font-size: 0.9rem;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.faq__tab .material-icons[b-twnwo737wp] {
  font-size: 1.1rem;
}
.faq__tab:hover[b-twnwo737wp] {
  background: rgba(50, 115, 220, 0.1);
  color: #3273dc;
  transform: translateY(-1px);
}
.faq__tab--active[b-twnwo737wp] {
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  color: white;
  box-shadow: 0 4px 15px rgba(50, 115, 220, 0.3);
  transform: translateY(-2px);
}
.faq__list[b-twnwo737wp] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 3rem;
  min-height: 400px;
}
.faq__item[b-twnwo737wp] {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.faq__item:hover[b-twnwo737wp] {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-color: rgba(50, 115, 220, 0.1);
  transform: translateY(-2px);
}
.faq__question[b-twnwo737wp] {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.faq__question:hover[b-twnwo737wp] {
  background: rgba(50, 115, 220, 0.02);
}
.faq__question h3[b-twnwo737wp] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #363636;
  margin: 0;
  padding-right: 1rem;
  line-height: 1.4;
}
.faq__icon[b-twnwo737wp] {
  color: #3273dc;
  transition: transform 0.3s ease;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.faq__icon--expanded[b-twnwo737wp] {
  transform: rotate(180deg);
}
.faq__answer[b-twnwo737wp] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}
.faq__answer p[b-twnwo737wp] {
  margin: 0;
  color: #4a4a4a;
  line-height: 1.6;
  font-size: 1rem;
}
.faq__answer--expanded[b-twnwo737wp] {
  max-height: 400px;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.faq__cta[b-twnwo737wp] {
  text-align: center;
  margin-top: 4rem;
  padding: 2.5rem 2rem;
  background: linear-gradient(135deg, rgba(50, 115, 220, 0.05), rgba(0, 209, 178, 0.05));
  border-radius: 1rem;
  border: 1px solid rgba(50, 115, 220, 0.1);
}
.faq__cta p[b-twnwo737wp] {
  font-size: 1.2rem;
  color: #363636;
  margin-bottom: 2rem;
  font-weight: 600;
}
.faq__cta p.faq-note[b-twnwo737wp] {
  font-size: 0.9rem;
  color: #666;
  margin-top: 1rem;
  margin-bottom: 0;
  font-weight: 400;
}
.faq__cta-buttons[b-twnwo737wp] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.faq__cta-primary-btn[b-twnwo737wp] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  color: #ffffff;
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 2rem;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  font-size: 1rem;
}
.faq__cta-primary-btn .material-icons[b-twnwo737wp] {
  font-size: 1.2rem;
}
.faq__cta-primary-btn:hover[b-twnwo737wp] {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(50, 115, 220, 0.3);
  text-decoration: none;
  color: white;
}
.faq__cta-contact-btn[b-twnwo737wp] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: white;
  color: #3273dc;
  font-weight: 600;
  padding: 1rem 2rem;
  border: 2px solid #3273dc;
  border-radius: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1rem;
}
.faq__cta-contact-btn .material-icons[b-twnwo737wp] {
  font-size: 1.2rem;
}
.faq__cta-contact-btn:hover[b-twnwo737wp] {
  background: #3273dc;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(50, 115, 220, 0.2);
}
@media (max-width: 992px) {
  .faq[b-twnwo737wp] {
    padding: 5rem 0;
  }
  .faq__header[b-twnwo737wp] {
    margin-bottom: 3rem;
  }
  .faq__title[b-twnwo737wp] {
    font-size: 2.25rem;
  }
  .faq__tabs[b-twnwo737wp] {
    padding: 0.25rem;
  }
  .faq__tab[b-twnwo737wp] {
    padding: 0.65rem 1.25rem;
    font-size: 0.85rem;
  }
}
@media (max-width: 768px) {
  .faq[b-twnwo737wp] {
    padding: 4rem 0;
  }
  .faq__title[b-twnwo737wp] {
    font-size: 2rem;
  }
  .faq__subtitle[b-twnwo737wp] {
    font-size: 1rem;
  }
  .faq__categories[b-twnwo737wp] {
    margin-bottom: 2rem;
  }
  .faq__tabs[b-twnwo737wp] {
    justify-content: center;
    overflow-x: auto;
    gap: 0.25rem;
    padding: 0.5rem;
  }
  .faq__tabs[b-twnwo737wp]::-webkit-scrollbar {
    display: none;
  }
  .faq__tab[b-twnwo737wp] {
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
    flex-shrink: 0;
  }
  .faq__tab .material-icons[b-twnwo737wp] {
    font-size: 1rem;
  }
  .faq__question[b-twnwo737wp] {
    padding: 1.25rem;
  }
  .faq__question h3[b-twnwo737wp] {
    font-size: 1rem;
  }
  .faq__icon[b-twnwo737wp] {
    font-size: 1.3rem;
  }
  .faq__answer--expanded[b-twnwo737wp] {
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .faq__answer p[b-twnwo737wp] {
    font-size: 0.95rem;
  }
  .faq__cta[b-twnwo737wp] {
    padding: 2rem 1.5rem;
    margin-top: 3rem;
  }
  .faq__cta p[b-twnwo737wp] {
    font-size: 1.1rem;
  }
  .faq__cta p.faq-note[b-twnwo737wp] {
    font-size: 0.85rem;
  }
  .faq__cta-buttons[b-twnwo737wp] {
    flex-direction: column;
    align-items: center;
  }
  .faq__cta-primary-btn[b-twnwo737wp], .faq__cta-contact-btn[b-twnwo737wp] {
    padding: 0.9rem 1.75rem;
    font-size: 0.95rem;
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .faq[b-twnwo737wp] {
    padding: 3rem 0;
  }
  .faq__header[b-twnwo737wp] {
    margin-bottom: 2.5rem;
  }
  .faq__title[b-twnwo737wp] {
    font-size: 1.75rem;
  }
  .faq__question[b-twnwo737wp] {
    padding: 1rem;
  }
  .faq__question h3[b-twnwo737wp] {
    font-size: 0.95rem;
  }
  .faq__answer--expanded[b-twnwo737wp] {
    padding: 0 1rem 1rem 1rem;
  }
  .faq__answer p[b-twnwo737wp] {
    font-size: 0.9rem;
  }
  .faq__cta[b-twnwo737wp] {
    padding: 1.5rem 1rem;
  }
  .faq__cta p[b-twnwo737wp] {
    font-size: 1rem;
  }
  .faq__cta-primary-btn[b-twnwo737wp], .faq__cta-contact-btn[b-twnwo737wp] {
    padding: 0.8rem 1.5rem;
    font-size: 0.9rem;
  }
}

/*# sourceMappingURL=FaqSection.razor.css.map */
/* /Pages/Components/Landing/FeaturesSection.razor.rz.scp.css */
:root[b-8zy5m41qpa] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-8zy5m41qpa] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.features[b-8zy5m41qpa] {
  background: linear-gradient(135deg, #f8faff 0%, #ffffff 50%, #f0f7ff 100%);
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
  color: #333;
  margin: 0;
  z-index: 5;
}
.features__wave[b-8zy5m41qpa] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 0;
  pointer-events: none;
}
.features__wave svg[b-8zy5m41qpa] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
}
.features[b-8zy5m41qpa]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath fill='%23f9f9f9' d='M0,0L48,5.3C96,11,192,21,288,26.7C384,32,480,32,576,21.3C672,11,768,0,864,0C960,0,1056,11,1152,21.3C1248,32,1344,43,1392,48L1440,53L1440,70L1392,70C1344,70,1248,70,1152,70C1056,70,960,70,864,70C768,70,672,70,576,70C480,70,384,70,288,70C192,70,96,70,48,70L0,70Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: cover;
  background-position: center top;
  z-index: 1;
  pointer-events: none;
}
.features[b-8zy5m41qpa]::before {
  content: "";
  position: absolute;
  width: 1200px;
  height: 1200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(43, 109, 239, 0.08) 0%, rgba(43, 109, 239, 0) 70%);
  top: -600px;
  right: -300px;
  z-index: 1;
}
.features .container[b-8zy5m41qpa] {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}
.features__title[b-8zy5m41qpa] {
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 0.5rem;
  color: #333;
  letter-spacing: -1.2px;
  line-height: 1.2;
}
.features__highlight[b-8zy5m41qpa] {
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  position: relative;
}
.features__highlight[b-8zy5m41qpa]::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, rgba(43, 109, 239, 0.1), rgba(17, 197, 236, 0.1));
  z-index: -1;
  border-radius: 4px;
}
.features__subtitle[b-8zy5m41qpa] {
  font-size: 1.25rem;
  text-align: center;
  color: #666;
  margin-bottom: 5rem;
  font-weight: 500;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.features__workflow[b-8zy5m41qpa] {
  margin: 4rem auto;
  max-width: 1200px;
  position: relative;
}
.features__steps[b-8zy5m41qpa] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding: 2rem 0;
}
.features__steps[b-8zy5m41qpa]::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, rgba(43, 109, 239, 0.5) 0%, rgba(54, 209, 220, 0.5) 50%, rgba(156, 39, 176, 0.5) 100%);
  z-index: 1;
}
.features__step[b-8zy5m41qpa] {
  flex: 1;
  max-width: 300px;
  text-align: center;
  padding: 0 1rem;
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease;
}
.features__step:hover[b-8zy5m41qpa] {
  transform: translateY(-5px);
}
.features__step:hover .features__badge[b-8zy5m41qpa] {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.features__step[b-8zy5m41qpa]::after {
  content: "";
  position: absolute;
  top: 100px;
  left: 50%;
  width: 2px;
  height: 20px;
  background: linear-gradient(to bottom, transparent, rgba(91, 134, 229, 0.5));
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0.7;
}
.features__step:first-child[b-8zy5m41qpa]::after {
  display: none;
}
.features__step-title[b-8zy5m41qpa] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #363636;
  margin-bottom: 0.5rem;
}
.features__step-description[b-8zy5m41qpa] {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.features__badge[b-8zy5m41qpa] {
  width: 160px;
  height: 160px;
  border-radius: 24px;
  margin: 0 auto 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.06);
}
.features__badge[b-8zy5m41qpa]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  z-index: 2;
}
.features__badge--step-1[b-8zy5m41qpa] {
  background: linear-gradient(135deg, #f5f9ff 0%, #e1f0ff 100%);
  border: 1px solid rgba(43, 109, 239, 0.1);
}
.features__badge--step-1 .features__step-number[b-8zy5m41qpa] {
  color: #2b6def;
}
.features__badge--step-1 .features__badge-accent[b-8zy5m41qpa] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #2b6def, #11c5ec);
}
.features__badge--step-1 .features__badge-shape[b-8zy5m41qpa] {
  position: absolute;
  width: 60px;
  height: 60px;
  background: rgba(43, 109, 239, 0.08);
  border-radius: 12px;
  transform: rotate(45deg);
  bottom: -20px;
  right: -20px;
  z-index: 1;
}
.features__badge--step-1 .features__badge-shape-2[b-8zy5m41qpa] {
  position: absolute;
  width: 40px;
  height: 40px;
  background: rgba(17, 197, 236, 0.08);
  border-radius: 8px;
  transform: rotate(45deg);
  top: -10px;
  left: 20px;
  z-index: 1;
}
.features__badge--step-2[b-8zy5m41qpa] {
  background: linear-gradient(135deg, #f5fffd 0%, #e1fffc 100%);
  border: 1px solid rgba(54, 209, 220, 0.1);
}
.features__badge--step-2 .features__step-number[b-8zy5m41qpa] {
  color: #36d1dc;
}
.features__badge--step-2 .features__badge-accent[b-8zy5m41qpa] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #36d1dc, #5b86e5);
}
.features__badge--step-2 .features__badge-shape[b-8zy5m41qpa] {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(54, 209, 220, 0.08);
  top: -30px;
  right: -30px;
  z-index: 1;
}
.features__badge--step-2 .features__badge-shape-2[b-8zy5m41qpa] {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(91, 134, 229, 0.08);
  bottom: 20px;
  left: 20px;
  z-index: 1;
}
.features__badge--step-3[b-8zy5m41qpa] {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e6ff 100%);
  border: 1px solid rgba(156, 39, 176, 0.1);
}
.features__badge--step-3 .features__step-number[b-8zy5m41qpa] {
  color: #9c27b0;
}
.features__badge--step-3 .features__badge-accent[b-8zy5m41qpa] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #9c27b0, #673ab7);
}
.features__badge--step-3 .features__badge-shape[b-8zy5m41qpa] {
  position: absolute;
  width: 100px;
  height: 2px;
  background: rgba(156, 39, 176, 0.08);
  transform: rotate(45deg);
  top: 50px;
  left: -20px;
  z-index: 1;
}
.features__badge--step-3 .features__badge-shape-2[b-8zy5m41qpa] {
  position: absolute;
  width: 100px;
  height: 2px;
  background: rgba(103, 58, 183, 0.08);
  transform: rotate(-45deg);
  bottom: 50px;
  right: -20px;
  z-index: 1;
}
.features__badge--step-3 .features__badge-shape-3[b-8zy5m41qpa] {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(156, 39, 176, 0.05);
  transform: rotate(45deg);
  bottom: 10px;
  left: 10px;
  z-index: 1;
}
.features__step-number[b-8zy5m41qpa] {
  font-size: 4rem;
  font-weight: 700;
  position: relative;
  z-index: 3;
}
.features__mini-features[b-8zy5m41qpa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.features__mini-feature[b-8zy5m41qpa] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  color: #5b86e5;
  font-weight: 500;
}
.features__mini-feature i[b-8zy5m41qpa] {
  font-size: 1rem;
}
.features__video[b-8zy5m41qpa] {
  margin: 4rem auto;
  max-width: 800px;
  position: relative;
  text-align: center;
}
.features__video-badge[b-8zy5m41qpa] {
  position: absolute;
  top: -15px;
  right: 20px;
  background: linear-gradient(135deg, #5b86e5, #36d1dc);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(91, 134, 229, 0.3);
  z-index: 10;
}
.features__video-container[b-8zy5m41qpa] {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.features__video-container iframe[b-8zy5m41qpa] {
  width: 100%;
  height: 450px;
  border: none;
  border-radius: 16px;
}
.features__video-placeholder[b-8zy5m41qpa] {
  position: relative;
  width: 100%;
  height: 450px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 2;
}
.features__video-placeholder:hover[b-8zy5m41qpa] {
  transform: scale(1.02);
}
.features__video-placeholder--hidden[b-8zy5m41qpa] {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
}
.features__video-thumbnail[b-8zy5m41qpa] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features__video-thumbnail img[b-8zy5m41qpa] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.features__video-play-button[b-8zy5m41qpa] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #5b86e5;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.features__video-play-button:hover[b-8zy5m41qpa] {
  transform: translate(-50%, -50%) scale(1.1);
  background: #5b86e5;
  color: white;
}
.features__video-play-button i[b-8zy5m41qpa] {
  margin-left: 4px;
}
.features__social-proof[b-8zy5m41qpa] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
  padding: 2rem 1.5rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}
.features__proof-item[b-8zy5m41qpa] {
  text-align: center;
  position: relative;
}
.features__proof-number[b-8zy5m41qpa] {
  font-size: 2.2rem;
  font-weight: 800;
  color: #363636;
  margin-bottom: 0.25rem;
  background: linear-gradient(135deg, #5b86e5, #36d1dc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.features__proof-small[b-8zy5m41qpa] {
  font-size: 1rem;
  font-weight: 600;
  color: #5b86e5;
}
.features__proof-text[b-8zy5m41qpa] {
  font-size: 0.9rem;
  color: #666;
  font-weight: 500;
}
.features__proof-divider[b-8zy5m41qpa] {
  width: 1px;
  height: 50px;
  background: linear-gradient(180deg, transparent, rgba(91, 134, 229, 0.3), transparent);
}
@media (max-width: 992px) {
  .features[b-8zy5m41qpa] {
    padding: 1.5rem 1rem;
  }
  .features__title[b-8zy5m41qpa] {
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
  }
  .features__subtitle[b-8zy5m41qpa] {
    font-size: 1.1rem;
    margin-bottom: 3rem;
  }
  .features__steps[b-8zy5m41qpa] {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
  .features__steps[b-8zy5m41qpa]::before {
    width: 2px;
    height: 80%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(91, 134, 229, 0.5) 0%, rgba(54, 209, 220, 0.5) 50%, rgba(156, 39, 176, 0.5) 100%);
  }
  .features__step[b-8zy5m41qpa] {
    max-width: 100%;
    width: 100%;
    padding: 0 2rem;
  }
  .features__step[b-8zy5m41qpa]::after {
    top: auto;
    bottom: -30px;
    left: 50%;
    width: 20px;
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(91, 134, 229, 0.5));
    transform: translateX(-50%);
  }
  .features__step:last-child[b-8zy5m41qpa]::after {
    display: none;
  }
  .features__video-container iframe[b-8zy5m41qpa], .features__video-placeholder[b-8zy5m41qpa] {
    height: 350px;
  }
}
@media (max-width: 768px) {
  .features[b-8zy5m41qpa] {
    padding: 1rem 0.75rem;
  }
  .features__workflow[b-8zy5m41qpa] {
    margin: 2rem auto;
    padding: 0 0.5rem;
  }
  .features__title[b-8zy5m41qpa] {
    font-size: 2.4rem;
    line-height: 1.2;
  }
  .features__subtitle[b-8zy5m41qpa] {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }
  .features__steps[b-8zy5m41qpa] {
    gap: 2.5rem;
    padding: 1rem 0;
  }
  .features__steps[b-8zy5m41qpa]::before {
    height: 85%;
    top: 7.5%;
  }
  .features__step[b-8zy5m41qpa] {
    max-width: 280px;
    padding: 0;
    margin-bottom: 0.5rem;
  }
  .features__step[b-8zy5m41qpa]::after {
    bottom: -20px;
  }
  .features__badge[b-8zy5m41qpa] {
    width: 110px;
    height: 110px;
    border-radius: 20px;
    margin: 0 auto 1rem;
  }
  .features__badge--step-1[b-8zy5m41qpa], .features__badge--step-2[b-8zy5m41qpa], .features__badge--step-3[b-8zy5m41qpa] {
    transform: scale(0.8);
  }
  .features__step-title[b-8zy5m41qpa] {
    font-size: 1.3rem;
    margin-bottom: 0.4rem;
  }
  .features__step-description[b-8zy5m41qpa] {
    font-size: 0.95rem;
    line-height: 1.4;
    margin-bottom: 0.75rem;
    padding: 0 0.5rem;
  }
  .features__mini-features[b-8zy5m41qpa] {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
  }
  .features__mini-feature[b-8zy5m41qpa] {
    font-size: 0.85rem;
    padding: 0.35rem 0.75rem;
    background: rgba(91, 134, 229, 0.05);
    border-radius: 4px;
  }
  .features__mini-feature i[b-8zy5m41qpa] {
    font-size: 0.9rem;
  }
  .features__video[b-8zy5m41qpa] {
    margin: 2rem auto;
  }
  .features__video-badge[b-8zy5m41qpa] {
    font-size: 0.8rem;
    padding: 6px 12px;
    top: -12px;
  }
  .features__video-container iframe[b-8zy5m41qpa] {
    height: 300px;
  }
  .features__social-proof[b-8zy5m41qpa] {
    padding: 1.25rem 1rem;
    margin-bottom: 2rem;
    flex-direction: row;
  }
  .features__proof-item[b-8zy5m41qpa] {
    padding: 0 0.5rem;
  }
  .features__proof-number[b-8zy5m41qpa] {
    font-size: 1.8rem;
    margin-bottom: 0.2rem;
  }
  .features__proof-text[b-8zy5m41qpa] {
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  .features[b-8zy5m41qpa] {
    padding: 0.75rem 0.5rem;
  }
  .features__title[b-8zy5m41qpa] {
    font-size: 1.9rem;
    padding: 0 0.5rem;
  }
  .features__subtitle[b-8zy5m41qpa] {
    font-size: 0.9rem;
    margin-bottom: 2rem;
    padding: 0 0.5rem;
  }
  .features__workflow[b-8zy5m41qpa] {
    margin: 1.5rem auto;
  }
  .features__steps[b-8zy5m41qpa] {
    gap: 2rem;
  }
  .features__steps[b-8zy5m41qpa]::before {
    height: 85%;
  }
  .features__badge[b-8zy5m41qpa] {
    width: 90px;
    height: 90px;
    border-radius: 16px;
    margin-bottom: 0.75rem;
  }
  .features__badge--step-1[b-8zy5m41qpa], .features__badge--step-2[b-8zy5m41qpa], .features__badge--step-3[b-8zy5m41qpa] {
    transform: scale(0.8);
  }
  .features__step-title[b-8zy5m41qpa] {
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
  }
  .features__step-description[b-8zy5m41qpa] {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    padding: 0;
  }
  .features__mini-features[b-8zy5m41qpa] {
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
  .features__mini-feature[b-8zy5m41qpa] {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
  }
  .features__mini-feature i[b-8zy5m41qpa] {
    font-size: 0.8rem;
  }
  .features__video[b-8zy5m41qpa] {
    margin: 1.5rem auto;
  }
  .features__video-badge[b-8zy5m41qpa] {
    font-size: 0.75rem;
    padding: 5px 10px;
    top: -10px;
    right: 10px;
  }
  .features__video-container[b-8zy5m41qpa] {
    border-radius: 12px;
  }
  .features__video-container iframe[b-8zy5m41qpa] {
    height: 250px;
  }
  .features__social-proof[b-8zy5m41qpa] {
    padding: 1rem 0.75rem;
    margin-bottom: 1.5rem;
    gap: 0.5rem;
  }
  .features__proof-item[b-8zy5m41qpa] {
    padding: 0 0.25rem;
  }
  .features__proof-number[b-8zy5m41qpa] {
    font-size: 1.5rem;
    margin-bottom: 0.1rem;
  }
  .features__proof-small[b-8zy5m41qpa] {
    font-size: 0.9rem;
  }
  .features__proof-text[b-8zy5m41qpa] {
    font-size: 0.75rem;
  }
  .features__proof-divider[b-8zy5m41qpa] {
    height: 40px;
  }
}
@media (max-width: 375px) {
  .features[b-8zy5m41qpa] {
    padding: 0.5rem;
  }
  .features__title[b-8zy5m41qpa] {
    font-size: 1.7rem;
  }
  .features__subtitle[b-8zy5m41qpa] {
    font-size: 0.85rem;
    margin-bottom: 1.75rem;
  }
  .features__steps[b-8zy5m41qpa] {
    gap: 1.75rem;
  }
  .features__badge[b-8zy5m41qpa] {
    width: 80px;
    height: 80px;
  }
  .features__badge--step-1[b-8zy5m41qpa], .features__badge--step-2[b-8zy5m41qpa], .features__badge--step-3[b-8zy5m41qpa] {
    transform: scale(0.8);
  }
  .features__step-title[b-8zy5m41qpa] {
    font-size: 1.1rem;
  }
  .features__step-description[b-8zy5m41qpa] {
    font-size: 0.8rem;
  }
  .features__mini-features[b-8zy5m41qpa] {
    flex-direction: column;
    gap: 0.4rem;
  }
  .features__mini-feature[b-8zy5m41qpa] {
    width: 100%;
    justify-content: center;
  }
  .features__video-container iframe[b-8zy5m41qpa], .features__video-placeholder[b-8zy5m41qpa] {
    height: 200px;
  }
  .features__video-play-button[b-8zy5m41qpa] {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  .features__social-proof[b-8zy5m41qpa] {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  .features__proof-number[b-8zy5m41qpa] {
    font-size: 1.6rem;
  }
  .features__proof-divider[b-8zy5m41qpa] {
    width: 60px;
    height: 1px;
  }
}

/*# sourceMappingURL=FeaturesSection.razor.css.map */
/* /Pages/Components/Landing/HeroPromptForm.razor.rz.scp.css */
.hero__input[b-v5wxky2ypi] {
  margin-bottom: 2.5rem;
  width: 100%;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.hero__input-wrapper[b-v5wxky2ypi] {
  display: flex;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.hero__input-wrapper:focus-within[b-v5wxky2ypi] {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.hero__input-field[b-v5wxky2ypi] {
  flex: 1;
  border: none;
  outline: none;
  padding: 1.25rem 1.5rem;
  font-size: 1.1rem;
  color: #333;
  background: transparent;
}
.hero__input-field[b-v5wxky2ypi]::placeholder {
  color: #a0a0a0;
}

.hero__input-button[b-v5wxky2ypi] {
  background: linear-gradient(135deg, #ff6b6b 0%, #ffcc33 100%);
  border: none;
  outline: none;
  color: #ffffff;
  padding: 0 1.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
  min-width: 120px;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.hero__input-button:hover[b-v5wxky2ypi] {
  background: linear-gradient(135deg, #ff5252 0%, #ffbb00 100%);
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4);
}
.hero__input-button:hover .hero__button-icon[b-v5wxky2ypi] {
  transform: translateX(3px);
}
.hero__input-button:active[b-v5wxky2ypi] {
  transform: translateY(1px);
}

.hero__button-text[b-v5wxky2ypi] {
  display: block;
  font-size: 1rem;
}

.hero__button-icon[b-v5wxky2ypi] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}

.hero__suggestions[b-v5wxky2ypi] {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  animation: fadeInUp 0.8s ease-out 0.4s both;
  --hero-text-color: rgba(255, 255, 255, 0.92);
  --hero-text-color-bright: rgba(255, 255, 255, 0.98);
  --hero-text-color-dim: rgba(255, 255, 255, 0.85);
  --hero-bg-color: rgba(255, 255, 255, 0.12);
  --hero-bg-color-hover: rgba(255, 255, 255, 0.18);
  --hero-border-color: rgba(255, 255, 255, 0.2);
  --hero-border-color-hover: rgba(255, 255, 255, 0.3);
  --hero-border-radius: 16px;
  --hero-padding: 0.5rem 0.875rem;
  --hero-padding-mobile: 0.4rem 0.75rem;
  --hero-font-size: 0.75rem;
  --hero-font-size-mobile: 0.7rem;
  --hero-icon-size: 1rem;
  --hero-icon-size-mobile: 0.9rem;
  --hero-gap: 0.5rem;
  --hero-gap-tablet: 0.4rem;
  --hero-gap-mobile: 0.3rem;
  --hero-backdrop-blur: blur(12px);
  --hero-justify: center;
  --hero-max-width: 800px;
  --hero-list-margin: 0 auto;
  --hero-text-align: center;
  --hero-title-margin: 0.75rem;
  --hero-item-max-width: none;
  --hero-item-min-width: auto;
  --hero-whitespace: normal;
  --hero-overflow: hidden;
  --hero-before-content: "";
  --hero-after-content: "";
  --hero-before-opacity: 0.8;
  --hero-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --hero-hover-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12),
    0 3px 10px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --hero-hover-transform: translateY(-1px);
  --hero-active-transform: translateY(0px);
  --hero-active-duration: 0.1s;
  --hero-text-weight: 500;
  --hero-text-line-height: 1.3;
  --hero-text-line-height-mobile: 1.25;
  --hero-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --hero-icon-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
  --hero-icon-hover-transform: scale(1.05);
  --hero-icon-hover-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
  --hero-transition-speed: 0.15s;
}
@media (max-width: 1024px) {
  .hero__suggestions[b-v5wxky2ypi] {
    --hero-max-width: 100%;
    --hero-gap: 0.4rem;
  }
}
@media (max-width: 768px) {
  .hero__suggestions[b-v5wxky2ypi] {
    --hero-max-width: 100%;
    --hero-title-margin: 0.5rem;
  }
}

/*# sourceMappingURL=HeroPromptForm.razor.css.map */
/* /Pages/Components/Landing/HeroSection.razor.rz.scp.css */
:root[b-ln27r7xebx]{--background: #f0f2f5;--surface: #ffffff;--surface-variant: #f5f8fc;--text-primary: #2c3e50;--text-secondary: #5c7089;--border-color: rgba(0, 0, 0, 0.08);--divider: rgba(0, 0, 0, 0.04);--hover: rgba(50, 115, 220, 0.04);--selected: rgba(50, 115, 220, 0.08);--appbar-bg: #ffffff;--drawer-bg: #ffffff;--drawer-border: rgba(0, 0, 0, 0.04);--card-bg: #ffffff;--color-primary: #3273dc;--color-primary-light: #4a89dc;--color-primary-dark: #2661c7;--color-primary-rgb: 50, 115, 220;--color-secondary: #00d1b2;--color-secondary-light: #00f3d1;--color-secondary-dark: #00a693;--color-secondary-rgb: 0, 209, 178;--color-success: #2661c7;--color-success-light: #3273dc;--color-success-dark: #1e4b94;--color-success-rgb: 38, 97, 199;--color-warning: #ffdd57;--color-warning-light: #ffe97d;--color-warning-dark: #e6c64c;--color-warning-rgb: 255, 221, 87;--color-error: #ff3860;--color-error-light: #ff5b7f;--color-error-dark: #e6324d;--color-error-rgb: 255, 56, 96;--color-info: #3498db;--color-info-light: #5dade2;--color-info-dark: #2980b9;--color-info-rgb: 52, 152, 219;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--spacing-4xl: 8rem;--spacing-5xl: 12rem;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-2xl: 16px;--border-radius-3xl: 24px;--border-radius-4xl: 32px;--border-radius-5xl: 48px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);--shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);--shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);--shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);--shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);--shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2)}:root .dark-theme[b-ln27r7xebx]{--background: #121212;--surface: #1e1e1e;--surface-variant: #2c2c2c;--text-primary: #f5f5f5;--text-secondary: #aaaaaa;--border-color: rgba(255, 255, 255, 0.12);--divider: rgba(255, 255, 255, 0.08);--hover: rgba(50, 115, 220, 0.08);--selected: rgba(50, 115, 220, 0.12);--appbar-bg: #1e1e1e;--drawer-bg: #1e1e1e;--drawer-border: rgba(255, 255, 255, 0.08);--card-bg: #1e1e1e}.theme-transition[b-ln27r7xebx]{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark-theme[b-ln27r7xebx]{--background: #121212;--surface: #1e1e1e;--surface-variant: #2c2c2c;--text-primary: #f5f5f5;--text-secondary: #aaaaaa;--divider: rgba(255, 255, 255, 0.08);--hover: rgba(50, 115, 220, 0.08);--selected: rgba(50, 115, 220, 0.12);--appbar-bg: #1e1e1e;--drawer-bg: #1e1e1e;--drawer-border: rgba(255, 255, 255, 0.08);--card-bg: #1e1e1e}.hero[b-ln27r7xebx]{position:relative;padding:3rem 1rem 2rem;overflow:hidden;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);width:100vw;min-height:100vh;margin:0;left:0;right:0;color:#fff;display:flex;flex-direction:column}.hero .container[b-ln27r7xebx]{max-width:1280px;margin:0 auto;position:relative;z-index:2;flex:1;display:flex;align-items:center}.hero__background[b-ln27r7xebx]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero__shape[b-ln27r7xebx]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1)}.hero__shape--1[b-ln27r7xebx]{width:600px;height:600px;top:-300px;right:-100px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%)}.hero__shape--2[b-ln27r7xebx]{width:400px;height:400px;bottom:-200px;left:-150px;background:radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%)}.hero__shape--3[b-ln27r7xebx]{width:300px;height:300px;top:30%;left:20%;background:radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 70%)}.hero__particles[b-ln27r7xebx]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero__language-flags[b-ln27r7xebx]{position:absolute;overflow:visible;z-index:1}.hero__logo[b-ln27r7xebx]{position:absolute;top:2rem;left:2rem;z-index:10}.hero__content[b-ln27r7xebx]{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;width:100%;min-height:calc(100vh - 6rem);position:relative;z-index:2}.hero__text[b-ln27r7xebx]{color:#fff;position:relative;z-index:3}.hero__text .hero__title[b-ln27r7xebx],.hero__title[b-ln27r7xebx]{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-0.5px;opacity:1;animation:fadeInUp-b-ln27r7xebx .8s ease-out}.hero__gradient-text[b-ln27r7xebx]{background:linear-gradient(135deg, #ffcc33 0%, #ff6b6b 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0)}.hero__subtitle[b-ln27r7xebx]{font-size:1.25rem;line-height:1.6;opacity:.9;max-width:90%;animation:fadeInUp-b-ln27r7xebx .8s ease-out .2s both}.hero__dashboard[b-ln27r7xebx]{margin-bottom:2.5rem;width:100%;animation:fadeInUp-b-ln27r7xebx .8s ease-out .3s both}.hero__dashboard-content[b-ln27r7xebx]{display:flex;align-items:center;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:1.5rem 2rem;box-shadow:0 10px 30px rgba(0,0,0,.15);gap:2rem;transition:all .3s ease}.hero__dashboard-info[b-ln27r7xebx]{flex:1}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .25rem 0;background:linear-gradient(135deg, #ffcc33 0%, #ff6b6b 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:1rem;color:hsla(0,0%,100%,.9);margin:0;font-weight:400}.hero__dashboard-btn[b-ln27r7xebx]{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg, #ff6b6b 0%, #ffcc33 100%);border:none;outline:none;color:#fff;padding:1rem 1.75rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 5px 15px rgba(255,107,107,.3);white-space:nowrap;flex-shrink:0}.hero__dashboard-btn i[b-ln27r7xebx]{font-size:1.2rem;transition:transform .3s ease}.hero__dashboard-btn span[b-ln27r7xebx]{font-weight:700}.hero__dashboard-btn:hover[b-ln27r7xebx]{background:linear-gradient(135deg, #ff5252 0%, #ffbb00 100%);box-shadow:0 8px 25px rgba(255,107,107,.5);transform:translateY(-1px)}.hero__dashboard-btn:hover i[b-ln27r7xebx]{transform:scale(1.1)}.hero__dashboard-btn:active[b-ln27r7xebx]{transform:translateY(0)}.hero__input[b-ln27r7xebx]{margin-bottom:2.5rem;width:100%;animation:fadeInUp-b-ln27r7xebx .8s ease-out .3s both}.hero__input-wrapper[b-ln27r7xebx]{display:flex;margin-bottom:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.hero__input-wrapper:focus-within[b-ln27r7xebx]{box-shadow:0 15px 40px rgba(0,0,0,.2);transform:translateY(-2px)}.hero__input-field[b-ln27r7xebx]{flex:1;border:none;outline:none;padding:1.25rem 1.5rem;font-size:1.1rem;color:#333;background:rgba(0,0,0,0)}.hero__input-field[b-ln27r7xebx]::placeholder{color:#a0a0a0}.hero__input-button[b-ln27r7xebx]{background:linear-gradient(135deg, #ff6b6b 0%, #ffcc33 100%);border:none;outline:none;color:#fff;padding:0 1.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;min-width:120px;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.hero__input-button:hover[b-ln27r7xebx]{background:linear-gradient(135deg, #ff5252 0%, #ffbb00 100%);box-shadow:0 5px 15px rgba(255,107,107,.4)}.hero__input-button:hover .hero__button-icon[b-ln27r7xebx]{transform:translateX(3px)}.hero__input-button:active[b-ln27r7xebx]{transform:translateY(1px)}.hero__button-text[b-ln27r7xebx]{display:block;font-size:1rem}.hero__button-icon[b-ln27r7xebx]{font-size:1.25rem;transition:transform .3s ease}.hero__suggestions[b-ln27r7xebx]{margin-top:.5rem;margin-bottom:1.5rem;animation:fadeInUp-b-ln27r7xebx .8s ease-out .4s both;--hero-text-color: rgba(255, 255, 255, 0.92);--hero-text-color-bright: rgba(255, 255, 255, 0.98);--hero-text-color-dim: rgba(255, 255, 255, 0.85);--hero-bg-color: rgba(255, 255, 255, 0.12);--hero-bg-color-hover: rgba(255, 255, 255, 0.18);--hero-border-color: rgba(255, 255, 255, 0.2);--hero-border-color-hover: rgba(255, 255, 255, 0.3);--hero-border-radius: 16px;--hero-padding: 0.5rem 0.875rem;--hero-padding-mobile: 0.4rem 0.75rem;--hero-font-size: 0.75rem;--hero-font-size-mobile: 0.7rem;--hero-icon-size: 1rem;--hero-icon-size-mobile: 0.9rem;--hero-gap: 0.5rem;--hero-gap-tablet: 0.4rem;--hero-gap-mobile: 0.3rem;--hero-backdrop-blur: blur(12px);--hero-justify: center;--hero-max-width: 800px;--hero-list-margin: 0 auto;--hero-text-align: center;--hero-title-margin: 0.75rem;--hero-item-max-width: none;--hero-item-min-width: auto;--hero-whitespace: normal;--hero-overflow: hidden;--hero-before-content: "";--hero-after-content: "";--hero-before-opacity: 0.8;--hero-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.08);--hero-hover-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12);--hero-hover-transform: translateY(-1px);--hero-active-transform: translateY(0px);--hero-active-duration: 0.1s;--hero-text-weight: 500;--hero-text-line-height: 1.3;--hero-text-line-height-mobile: 1.25;--hero-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);--hero-icon-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));--hero-icon-hover-transform: scale(1.05);--hero-icon-hover-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));--hero-transition-speed: 0.15s}@media(max-width: 960px){.hero__suggestions[b-ln27r7xebx]{--hero-max-width: 100%;--hero-gap: 0.4rem}}@media(max-width: 600px){.hero__suggestions[b-ln27r7xebx]{--hero-border-radius: 12px;--hero-hover-transform: none;--hero-hover-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);--hero-active-transform: scale(0.98);--hero-bg-color-hover: rgba(255, 255, 255, 0.16);--hero-padding: 0.35rem 0.6rem;--hero-gap: 0.25rem}}.hero__features[b-ln27r7xebx]{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0 2rem 0;animation:fadeInUp-b-ln27r7xebx .8s ease-out .3s both}.hero__feature[b-ln27r7xebx]{display:flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:.5rem .75rem;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.15)}.hero__feature i[b-ln27r7xebx]{color:#fff;font-size:1.1rem}.hero__feature span[b-ln27r7xebx]{font-size:.85rem;font-weight:500;color:#fff}.hero__feature--language[b-ln27r7xebx]{background:linear-gradient(135deg, rgba(255, 204, 51, 0.2) 0%, rgba(255, 107, 107, 0.2) 100%);border:1px solid rgba(255,204,51,.3);padding:.5rem 1rem;position:relative;overflow:hidden;z-index:2}.hero__feature--language i[b-ln27r7xebx]{color:#fc3}.hero__feature--language span[b-ln27r7xebx]{font-weight:600}.hero__image[b-ln27r7xebx]{position:absolute;top:0;right:-3vw;width:45vw;height:100vh;z-index:1;overflow:visible;pointer-events:none;animation:fadeInLeft-b-ln27r7xebx 1.3s ease-out .2s both}.hero__figure[b-ln27r7xebx]{position:absolute;bottom:0;right:0;width:100%;height:100%;z-index:1;display:flex;justify-content:flex-end;align-items:flex-end;overflow:visible}.hero__figure-image[b-ln27r7xebx]{width:auto;height:80vh;position:relative;z-index:1;filter:drop-shadow(0 15px 35px rgba(0, 0, 0, 0.15));object-fit:contain;object-position:right bottom;transform:none;max-width:none}@media(max-width: 1440px){.hero[b-ln27r7xebx]{padding:2.5rem 1rem 2rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1.1fr .9fr;gap:1.5rem;min-height:calc(100vh - 5rem)}.hero__title[b-ln27r7xebx]{font-size:3.5rem;margin-bottom:1.25rem}.hero__subtitle[b-ln27r7xebx]{font-size:1.15rem;margin-bottom:1.75rem}.hero__image[b-ln27r7xebx]{right:-2vw;width:42vw}.hero__figure-image[b-ln27r7xebx]{height:75vh}}@media(max-width: 1366px){.hero[b-ln27r7xebx]{padding:2rem 1rem 2rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1fr .8fr;gap:1.5rem;min-height:calc(100vh - 4rem)}.hero__title[b-ln27r7xebx]{font-size:3.25rem;margin-bottom:1rem}.hero__subtitle[b-ln27r7xebx]{font-size:1.1rem;margin-bottom:1.5rem}.hero__features[b-ln27r7xebx]{gap:1rem;margin:1rem 0 1.5rem 0}.hero__feature[b-ln27r7xebx]{padding:.4rem .6rem}.hero__feature i[b-ln27r7xebx]{font-size:1rem}.hero__feature span[b-ln27r7xebx]{font-size:.8rem}.hero__image[b-ln27r7xebx]{right:0;width:38vw}.hero__figure-image[b-ln27r7xebx]{height:70vh}.hero__dashboard[b-ln27r7xebx]{margin-bottom:2rem}.hero__dashboard-content[b-ln27r7xebx]{padding:1.25rem 1.75rem;gap:1.5rem}.hero__input[b-ln27r7xebx]{margin-bottom:2rem}}@media(max-width: 1200px){.hero[b-ln27r7xebx]{padding:2rem 1rem 2rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1fr .75fr;gap:1.5rem;min-height:calc(100vh - 4rem)}.hero__title[b-ln27r7xebx]{font-size:3rem;margin-bottom:1rem}.hero__subtitle[b-ln27r7xebx]{font-size:1.05rem;margin-bottom:1.5rem}.hero__image[b-ln27r7xebx]{right:0;width:35vw}.hero__figure-image[b-ln27r7xebx]{height:65vh}}@media(max-width: 1024px){.hero[b-ln27r7xebx]{padding:2rem 1rem 2rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1fr;gap:1.5rem;text-align:center;min-height:calc(100vh - 4rem);align-items:flex-start;justify-content:center}.hero__features[b-ln27r7xebx]{display:none}.hero__title[b-ln27r7xebx]{font-size:3.25rem;margin-bottom:1rem}.hero__subtitle[b-ln27r7xebx]{font-size:1.1rem;margin-bottom:2rem;line-height:1.5;max-width:90%;margin-left:auto;margin-right:auto}.hero__dashboard[b-ln27r7xebx]{margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero__input[b-ln27r7xebx]{margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero__suggestions[b-ln27r7xebx]{margin-bottom:1rem}.hero__image[b-ln27r7xebx]{display:none}.hero__figure[b-ln27r7xebx]{display:none}.hero__figure-image[b-ln27r7xebx]{display:none}}@media(max-width: 1200px){.hero__title[b-ln27r7xebx]{font-size:3.5rem}.hero__subtitle[b-ln27r7xebx]{font-size:1.15rem}}@media(max-width: 992px){.hero[b-ln27r7xebx]{padding:2rem 1rem 2rem;min-height:100vh}.hero__logo[b-ln27r7xebx]{top:1.5rem;left:1.5rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1fr;gap:2rem;text-align:center;min-height:calc(100vh - 4rem);align-items:flex-start;justify-content:center;padding-top:1rem}.hero__text[b-ln27r7xebx]{order:1}.hero__title[b-ln27r7xebx]{font-size:2.75rem;margin-bottom:1rem}.hero__subtitle[b-ln27r7xebx]{margin-left:auto;margin-right:auto;max-width:90%;font-size:1rem;margin-bottom:2rem}.hero__input[b-ln27r7xebx]{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.hero__dashboard[b-ln27r7xebx]{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.hero__dashboard-content[b-ln27r7xebx]{gap:1.5rem;padding:1.25rem 1.5rem}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.4rem}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:.95rem}.hero__dashboard-btn[b-ln27r7xebx]{padding:.9rem 1.5rem;font-size:.95rem}.hero__features[b-ln27r7xebx]{display:none}.hero__image[b-ln27r7xebx]{display:none}.hero__figure[b-ln27r7xebx]{display:none}.hero__figure-image[b-ln27r7xebx]{display:none}}@media(max-width: 768px){.hero[b-ln27r7xebx]{padding:1.5rem .75rem 2rem;min-height:100vh}.hero__logo[b-ln27r7xebx]{top:1.25rem;left:1.25rem}.hero__partners[b-ln27r7xebx]{bottom:1rem;left:1rem}.hero .container[b-ln27r7xebx]{align-items:flex-start;padding-top:1rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1fr;gap:1.5rem;min-height:calc(100vh - 3.5rem);align-items:flex-start;justify-content:center}.hero__title[b-ln27r7xebx]{font-size:2.5rem;margin-bottom:1rem}.hero__subtitle[b-ln27r7xebx]{font-size:1rem;margin-bottom:2rem;max-width:100%}.hero__input[b-ln27r7xebx]{margin-bottom:2rem}.hero__input-field[b-ln27r7xebx]{padding:1.1rem 1.25rem;font-size:1rem}.hero__input-button[b-ln27r7xebx]{padding:0 1.25rem;min-width:auto}.hero__button-text[b-ln27r7xebx]{display:none}.hero__button-icon[b-ln27r7xebx]{font-size:1.5rem;margin:0 .5rem}.hero__dashboard[b-ln27r7xebx]{margin-bottom:2rem}.hero__dashboard-content[b-ln27r7xebx]{flex-direction:column;text-align:center;gap:1rem;padding:1.25rem}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.3rem}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:.9rem}.hero__dashboard-btn[b-ln27r7xebx]{width:100%;max-width:250px;padding:1rem 1.5rem;font-size:.95rem}.hero__features[b-ln27r7xebx]{display:none}.hero__image[b-ln27r7xebx]{display:none}.hero__figure[b-ln27r7xebx]{display:none}.hero__figure-image[b-ln27r7xebx]{display:none}}@media(max-width: 576px){.hero[b-ln27r7xebx]{padding:1rem .5rem 2rem;min-height:100vh}.hero__logo[b-ln27r7xebx]{top:1rem;left:1rem}.hero__partners[b-ln27r7xebx]{bottom:.75rem;left:.75rem}.hero__content[b-ln27r7xebx]{grid-template-columns:1fr;gap:1rem;min-height:calc(100vh - 3rem);align-items:flex-start;justify-content:center}.hero__title[b-ln27r7xebx]{font-size:2.25rem;margin-bottom:1rem}.hero__subtitle[b-ln27r7xebx]{font-size:.95rem;margin-bottom:1.75rem}.hero__input[b-ln27r7xebx]{margin-bottom:1.5rem}.hero__text[b-ln27r7xebx]{order:0}.hero__input-wrapper[b-ln27r7xebx]{border-radius:.75rem}.hero__input-field[b-ln27r7xebx]{padding:.9rem 1rem;font-size:.95rem}.hero__dashboard[b-ln27r7xebx]{margin-bottom:1.5rem}.hero__dashboard-content[b-ln27r7xebx]{padding:1rem;gap:.75rem}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.2rem}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:.85rem}.hero__dashboard-btn[b-ln27r7xebx]{padding:.9rem 1.25rem;font-size:.9rem}.hero__features[b-ln27r7xebx]{display:none}.hero__image[b-ln27r7xebx]{display:none}.hero__figure[b-ln27r7xebx]{display:none}.hero__figure-image[b-ln27r7xebx]{display:none}}.hero__partners[b-ln27r7xebx]{position:absolute;bottom:1.5rem;left:2rem;z-index:5;animation:partnersFadeInUp-b-ln27r7xebx 1s ease-out 2s both}.hero__partners .container[b-ln27r7xebx]{width:auto;margin:0;padding:0}.hero__partners-content[b-ln27r7xebx]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:0;white-space:nowrap}.hero__partners-title[b-ln27r7xebx]{font-size:.75rem;color:hsla(0,0%,100%,.7);font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;text-align:left}.hero__partners-logos[b-ln27r7xebx]{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;flex-wrap:nowrap}.hero__partners-logos img[b-ln27r7xebx]{height:18px;width:auto;opacity:.6;transition:opacity .3s ease,transform .3s ease,filter .3s ease;filter:invert(1) grayscale(1) brightness(1.2);flex-shrink:0}.hero__partners-logos img:hover[b-ln27r7xebx]{opacity:.9;transform:scale(1.05);filter:invert(1) grayscale(1) brightness(1.4)}.hero__partners-badge[b-ln27r7xebx]{height:20px !important;filter:invert(1) grayscale(1) brightness(1.2) !important}@media(max-width: 1400px){.hero__partners[b-ln27r7xebx]{bottom:1rem;left:1.5rem}.hero__partners-title[b-ln27r7xebx]{font-size:.7rem}.hero__partners-logos[b-ln27r7xebx]{gap:1rem}.hero__partners-logos img[b-ln27r7xebx]{height:14px}.hero__partners-badge[b-ln27r7xebx]{height:16px !important}}@media(max-width: 992px){.hero__partners-content[b-ln27r7xebx]{justify-content:flex-start;padding:0 1rem}.hero__partners-logos[b-ln27r7xebx]{justify-content:flex-start;gap:1rem;flex-wrap:wrap}.hero__partners-logos img[b-ln27r7xebx]{height:16px;opacity:.7}.hero__partners-badge[b-ln27r7xebx]{height:18px !important}}@media(max-height: 700px)and (min-width: 768px){.hero[b-ln27r7xebx]{padding:1.5rem 1rem 1.5rem;min-height:100vh}.hero__content[b-ln27r7xebx]{min-height:calc(100vh - 3rem);gap:1rem}.hero__title[b-ln27r7xebx]{font-size:2.5rem;margin-bottom:.75rem}.hero__subtitle[b-ln27r7xebx]{font-size:1rem;margin-bottom:1.25rem;line-height:1.4}.hero__features[b-ln27r7xebx]{margin:.75rem 0 1.25rem 0;gap:.75rem}.hero__dashboard[b-ln27r7xebx]{margin-bottom:1.5rem}.hero__dashboard-content[b-ln27r7xebx]{padding:1rem 1.5rem;gap:1.25rem}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.25rem}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:.9rem}.hero__input[b-ln27r7xebx]{margin-bottom:1.5rem}.hero__suggestions[b-ln27r7xebx]{margin-bottom:1rem}.hero__image[b-ln27r7xebx]{right:0;width:30vw}.hero__figure-image[b-ln27r7xebx]{height:60vh}}@media(max-height: 600px)and (min-width: 992px){.hero[b-ln27r7xebx]{padding:1rem 1rem 1rem;min-height:100vh}.hero__content[b-ln27r7xebx]{min-height:calc(100vh - 2rem);gap:.75rem;grid-template-columns:1fr;text-align:center}.hero__title[b-ln27r7xebx]{font-size:2.25rem;margin-bottom:.5rem}.hero__subtitle[b-ln27r7xebx]{font-size:.95rem;margin-bottom:1rem;line-height:1.3;max-width:80%;margin-left:auto;margin-right:auto}.hero__features[b-ln27r7xebx]{display:none}.hero__dashboard[b-ln27r7xebx]{margin-bottom:1.25rem;max-width:500px;margin-left:auto;margin-right:auto}.hero__dashboard-content[b-ln27r7xebx]{padding:.75rem 1.25rem;gap:1rem}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.1rem}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:.85rem}.hero__input[b-ln27r7xebx]{margin-bottom:1.25rem;max-width:500px;margin-left:auto;margin-right:auto}.hero__suggestions[b-ln27r7xebx]{margin-bottom:.75rem}.hero__image[b-ln27r7xebx]{display:none}}@media(max-width: 399px){.hero[b-ln27r7xebx]{padding:1rem .5rem 1.5rem;min-height:100vh}.hero__content[b-ln27r7xebx]{gap:.75rem;min-height:calc(100vh - 2.5rem)}.hero__title[b-ln27r7xebx]{font-size:1.75rem;margin-bottom:.5rem}.hero__subtitle[b-ln27r7xebx]{font-size:.85rem;margin-bottom:1rem}.hero__input[b-ln27r7xebx]{margin-bottom:1.25rem}.hero__dashboard[b-ln27r7xebx]{margin-bottom:1.25rem}.hero__dashboard-content[b-ln27r7xebx]{padding:.75rem;gap:.5rem}.hero__dashboard-title[b-ln27r7xebx]{font-size:1.1rem}.hero__dashboard-subtitle[b-ln27r7xebx]{font-size:.8rem}.hero__dashboard-btn[b-ln27r7xebx]{padding:.8rem 1rem;font-size:.85rem}.hero__input-field[b-ln27r7xebx]{padding:.8rem .9rem;font-size:.9rem}}@keyframes fadeInUp-b-ln27r7xebx{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft-b-ln27r7xebx{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeIn-b-ln27r7xebx{0%{opacity:0}100%{opacity:1}}@keyframes float-b-ln27r7xebx{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}@keyframes scrollBounce-b-ln27r7xebx{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scrollArrow-b-ln27r7xebx{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes partnersFadeInUp-b-ln27r7xebx{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
/* /Pages/Components/Landing/PricingSection.razor.rz.scp.css */
:root[b-ggq99oez6z] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-ggq99oez6z] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

[data-aos][b-ggq99oez6z] {
  pointer-events: none;
}
[data-aos].aos-animate[b-ggq99oez6z] {
  pointer-events: auto;
}

.pricing[b-ggq99oez6z] {
  background: linear-gradient(135deg, #f8faff 0%, #ffffff 50%, #f0f7ff 100%);
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}
.pricing__decoration[b-ggq99oez6z] {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.pricing__decoration--circle-1[b-ggq99oez6z] {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(43, 109, 239, 0.04) 0%, transparent 70%);
  top: 10%;
  right: -150px;
  animation: float-b-ggq99oez6z 6s ease-in-out infinite;
}
.pricing__decoration--circle-2[b-ggq99oez6z] {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(54, 209, 220, 0.03) 0%, transparent 70%);
  bottom: 20%;
  left: -100px;
  animation: float-b-ggq99oez6z 8s ease-in-out infinite reverse;
}
.pricing__container[b-ggq99oez6z] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 2;
}
.pricing__hero[b-ggq99oez6z] {
  text-align: center;
  margin-bottom: 3rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.pricing__title[b-ggq99oez6z] {
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.1;
  color: #1a1a1a;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .pricing__title[b-ggq99oez6z] {
    font-size: 2.2rem;
  }
}
@media (max-width: 576px) {
  .pricing__title[b-ggq99oez6z] {
    font-size: 1.8rem;
  }
}
.pricing__title-highlight[b-ggq99oez6z] {
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  position: relative;
}
.pricing__subtitle[b-ggq99oez6z] {
  font-size: 1.1rem;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0;
  font-weight: 400;
}
@media (max-width: 768px) {
  .pricing__subtitle[b-ggq99oez6z] {
    font-size: 1rem;
  }
}
.pricing__billing-toggle[b-ggq99oez6z] {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}
.pricing__billing-container[b-ggq99oez6z] {
  display: inline-flex;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  padding: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.pricing__billing-option[b-ggq99oez6z] {
  position: relative;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.9rem;
  color: #666;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.pricing__billing-option:hover[b-ggq99oez6z] {
  color: #2b6def;
}
.pricing__billing-option--active[b-ggq99oez6z] {
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  color: white;
  box-shadow: 0 2px 10px rgba(43, 109, 239, 0.3);
}
.pricing__save-badge[b-ggq99oez6z] {
  position: absolute;
  top: -6px;
  right: -6px;
  background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
  color: white;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 10px;
  white-space: nowrap;
  box-shadow: 0 1px 6px rgba(255, 107, 107, 0.4);
  animation: pulse-b-ggq99oez6z 2s infinite;
}
.pricing__plans[b-ggq99oez6z] {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 1.5rem;
  margin-bottom: 4rem;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 992px) {
  .pricing__plans[b-ggq99oez6z] {
    max-width: 750px;
    gap: 1rem;
    grid-template-columns: 1fr 1.2fr 1fr;
  }
}
@media (max-width: 768px) {
  .pricing__plans[b-ggq99oez6z] {
    grid-template-columns: 1fr;
    max-width: 400px;
    gap: 1.5rem;
  }
}
.pricing__plan[b-ggq99oez6z] {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06);
  border: 2px solid transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
}
.pricing__plan--starter[b-ggq99oez6z] {
  border-color: #e5e7eb;
}
.pricing__plan--pro[b-ggq99oez6z] {
  border-color: #2b6def;
  transform: scale(1.02);
}
@media (max-width: 768px) {
  .pricing__plan--pro[b-ggq99oez6z] {
    transform: scale(1);
  }
}
.pricing__plan--enterprise[b-ggq99oez6z] {
  border-color: #11c5ec;
}
.pricing__plan--featured[b-ggq99oez6z] {
  background: linear-gradient(135deg, #fff 0%, #f8faff 100%);
  box-shadow: 0 15px 40px rgba(43, 109, 239, 0.12);
}
@media (max-width: 992px) {
  .pricing__plan[b-ggq99oez6z] {
    padding: 1.25rem;
  }
}
@media (max-width: 768px) {
  .pricing__plan[b-ggq99oez6z] {
    padding: 1.5rem;
  }
}
.pricing__plan-badge[b-ggq99oez6z] {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 12px rgba(43, 109, 239, 0.3);
}
.pricing__plan-header[b-ggq99oez6z] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.pricing__plan-name[b-ggq99oez6z] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.5rem;
}
.pricing__plan-description[b-ggq99oez6z] {
  color: #666;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}
.pricing__plan-price[b-ggq99oez6z] {
  text-align: center;
  margin-bottom: 1.5rem;
  position: relative;
}
.pricing__price-original[b-ggq99oez6z] {
  color: #999;
  font-size: 0.9rem;
  text-decoration: line-through;
  margin-bottom: 0.25rem;
}
.pricing__price-savings[b-ggq99oez6z] {
  background: linear-gradient(135deg, #10b981 0%, #047857 100%);
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 0.5rem;
  box-shadow: 0 1px 6px rgba(16, 185, 129, 0.3);
}
.pricing__price-savings--large[b-ggq99oez6z] {
  font-size: 0.75rem;
  padding: 4px 12px;
}
.pricing__price-main[b-ggq99oez6z] {
  font-size: 2.2rem;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1;
  margin-bottom: 0.25rem;
}
.pricing__price-main--featured[b-ggq99oez6z] {
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.pricing__price-main--custom[b-ggq99oez6z] {
  font-size: 1.8rem;
  background: linear-gradient(135deg, #11c5ec 0%, #2b6def 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media (max-width: 992px) {
  .pricing__price-main[b-ggq99oez6z] {
    font-size: 1.8rem;
  }
}
.pricing__price-period[b-ggq99oez6z] {
  color: #666;
  font-size: 0.85rem;
  font-weight: 500;
}
.pricing__plan-metrics[b-ggq99oez6z] {
  background: linear-gradient(135deg, #f8faff 0%, #e5f3ff 100%);
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(43, 109, 239, 0.1);
}
.pricing__plan-metrics--featured[b-ggq99oez6z] {
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  color: white;
}
.pricing__metric[b-ggq99oez6z] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pricing__metric-icon[b-ggq99oez6z] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1rem;
  flex-shrink: 0;
}
.pricing__metric-icon--featured[b-ggq99oez6z] {
  background: rgba(255, 255, 255, 0.2);
}
.pricing__metric-icon--enterprise[b-ggq99oez6z] {
  background: linear-gradient(135deg, #11c5ec 0%, #2b6def 100%);
}
.pricing__metric-content[b-ggq99oez6z] {
  flex: 1;
  min-width: 0;
}
.pricing__metric-number[b-ggq99oez6z] {
  font-size: 0.93rem;
  font-weight: 700;
  color: #2b6def;
  margin-bottom: 0.1rem;
}
.pricing__plan-metrics--featured .pricing__metric-number[b-ggq99oez6z] {
  color: white;
}
.pricing__metric-label[b-ggq99oez6z] {
  font-size: 0.8rem;
  color: #666;
}
.pricing__plan-metrics--featured .pricing__metric-label[b-ggq99oez6z] {
  color: rgba(255, 255, 255, 0.9);
}
.pricing__plan-features[b-ggq99oez6z] {
  flex: 1;
  margin-bottom: 1.5rem;
}
.pricing__feature[b-ggq99oez6z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f6;
  position: relative;
}
.pricing__feature:last-child[b-ggq99oez6z] {
  border-bottom: none;
}
.pricing__feature--unavailable[b-ggq99oez6z] {
  opacity: 0.5;
}
.pricing__feature--unavailable .pricing__feature-icon[b-ggq99oez6z] {
  color: #dc2626;
}
.pricing__feature--unavailable .pricing__feature-text[b-ggq99oez6z] {
  text-decoration: line-through;
}
.pricing__feature--highlight[b-ggq99oez6z] {
  background: linear-gradient(135deg, #fff3cd 0%, #fef7e0 100%);
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid #f59e0b;
  margin: 0.25rem 0;
}
.pricing__feature--highlight .pricing__feature-icon[b-ggq99oez6z] {
  color: #f59e0b;
}
.pricing__feature--highlight .pricing__feature-text[b-ggq99oez6z] {
  font-weight: 600;
  color: #92400e;
}
.pricing__feature-icon[b-ggq99oez6z] {
  color: #10b981;
  font-size: 1rem;
  flex-shrink: 0;
}
.pricing__feature-text[b-ggq99oez6z] {
  color: #374151;
  font-size: 0.85rem;
  line-height: 1.3;
  flex: 1;
}
.pricing__feature-badge[b-ggq99oez6z] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pricing__plan-cta[b-ggq99oez6z] {
  width: 100%;
  padding: 0.85rem 1.5rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin-top: auto;
  background: #f3f4f6;
  color: #374151;
  border: 2px solid #e5e7eb;
}
.pricing__plan-cta[b-ggq99oez6z]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.pricing__plan-cta:hover[b-ggq99oez6z]::before {
  left: 100%;
}
.pricing__plan-cta:hover[b-ggq99oez6z] {
  background: #e5e7eb;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.pricing__plan-cta--featured[b-ggq99oez6z] {
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  color: white;
  box-shadow: 0 6px 20px rgba(43, 109, 239, 0.3);
}
.pricing__plan-cta--featured:hover[b-ggq99oez6z] {
  background: linear-gradient(135deg, #1e5ce8 0%, #0fb3d3 100%);
  box-shadow: 0 10px 30px rgba(43, 109, 239, 0.5);
  transform: translateY(-2px);
}
.pricing__plan-cta--outline[b-ggq99oez6z] {
  background: transparent;
  color: #2b6def;
  border: 2px solid #2b6def;
}
.pricing__plan-cta--outline:hover[b-ggq99oez6z] {
  background: #2b6def;
  color: white;
}
.pricing__plan-cta--loading[b-ggq99oez6z] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none !important;
}
.pricing__loading[b-ggq99oez6z] {
  text-align: center;
  padding: 3rem 2rem;
}
.pricing__loading-spinner[b-ggq99oez6z] {
  margin-bottom: 1rem;
}
.pricing__loading-text[b-ggq99oez6z] {
  color: #666;
  font-size: 1rem;
}
.pricing__comparison[b-ggq99oez6z] {
  margin-bottom: 4rem;
  text-align: center;
}
.pricing__comparison-header[b-ggq99oez6z] {
  margin-bottom: 2rem;
}
.pricing__comparison-title[b-ggq99oez6z] {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
  .pricing__comparison-title[b-ggq99oez6z] {
    font-size: 1.6rem;
  }
}
.pricing__comparison-subtitle[b-ggq99oez6z] {
  color: #666;
  font-size: 1rem;
}
.pricing__social-proof[b-ggq99oez6z] {
  margin-bottom: 4rem;
}
.pricing__social-stats[b-ggq99oez6z] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}
.pricing__stat[b-ggq99oez6z] {
  padding: 1.5rem 1rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
  border: 1px solid #f3f4f6;
}
.pricing__stat-number[b-ggq99oez6z] {
  font-size: 1.8rem;
  font-weight: 800;
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-bottom: 0.25rem;
}
.pricing__stat-label[b-ggq99oez6z] {
  color: #666;
  font-size: 0.85rem;
  font-weight: 500;
}
.pricing__trust-signals[b-ggq99oez6z] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.pricing__trust-item[b-ggq99oez6z] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
  border: 1px solid #f3f4f6;
}
.pricing__trust-icon[b-ggq99oez6z] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f8faff 0%, #e5f3ff 100%);
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #2b6def;
  font-size: 1rem;
  flex-shrink: 0;
}
.pricing__trust-icon.material-icons[b-ggq99oez6z] {
  display: flex !important;
  line-height: 1;
}
.pricing__trust-content[b-ggq99oez6z] {
  flex: 1;
}
.pricing__trust-title[b-ggq99oez6z] {
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.1rem;
  font-size: 0.9rem;
}
.pricing__trust-description[b-ggq99oez6z] {
  color: #666;
  font-size: 0.8rem;
}
.pricing__faq[b-ggq99oez6z] {
  margin-bottom: 4rem;
  text-align: center;
}
.pricing__faq-header[b-ggq99oez6z] {
  margin-bottom: 2rem;
}
.pricing__faq-title[b-ggq99oez6z] {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
  .pricing__faq-title[b-ggq99oez6z] {
    font-size: 1.6rem;
  }
}
.pricing__faq-subtitle[b-ggq99oez6z] {
  color: #666;
  font-size: 1rem;
}
.pricing__final-cta[b-ggq99oez6z] {
  text-align: center;
  background: linear-gradient(135deg, #2b6def 0%, #11c5ec 100%);
  color: white;
  padding: 1.5rem 1rem;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(43, 109, 239, 0.3);
  position: relative;
  overflow: hidden;
}
.pricing__final-cta[b-ggq99oez6z]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.1;
}
.pricing__final-title[b-ggq99oez6z] {
  font-size: 2.6rem;
  font-weight: 900;
  margin-bottom: 0.75rem;
  position: relative;
  z-index: 1;
  background: linear-gradient(135deg, #f37959 0%, #ffcc33 50%, #ff6b6b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
@supports not (-webkit-background-clip: text) {
  .pricing__final-title[b-ggq99oez6z] {
    color: #ffffff;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
  }
}
@media (max-width: 768px) {
  .pricing__final-title[b-ggq99oez6z] {
    font-size: 1.6rem;
  }
}
.pricing__final-subtitle[b-ggq99oez6z] {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  opacity: 0.9;
  position: relative;
  z-index: 1;
}
.pricing__final-actions[b-ggq99oez6z] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.pricing__final-button[b-ggq99oez6z] {
  background: white;
  color: #2b6def;
  padding: 1rem 2.5rem;
  border-radius: 30px;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.pricing__final-button:hover[b-ggq99oez6z] {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.pricing__final-button--primary[b-ggq99oez6z] {
  background: #2b6def;
  color: #fff;
}
.pricing__final-button--secondary[b-ggq99oez6z] {
  background: white;
  color: #2b6def;
}
@keyframes float-b-ggq99oez6z {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes pulse-b-ggq99oez6z {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@media (max-width: 992px) {
  .pricing[b-ggq99oez6z] {
    padding: 1.5rem 0.75rem;
  }
}
@media (max-width: 768px) {
  .pricing[b-ggq99oez6z] {
    padding: 1rem 0.5rem;
  }
  .pricing__container[b-ggq99oez6z] {
    padding: 0 1rem;
  }
  .pricing__hero[b-ggq99oez6z] {
    margin-bottom: 2rem;
  }
  .pricing__billing-toggle[b-ggq99oez6z] {
    margin-bottom: 2rem;
  }
  .pricing__billing-option[b-ggq99oez6z] {
    padding: 8px 16px;
    font-size: 0.85rem;
  }
  .pricing__plans[b-ggq99oez6z] {
    margin-bottom: 3rem;
  }
  .pricing__social-stats[b-ggq99oez6z] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .pricing__trust-signals[b-ggq99oez6z] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .pricing__final-actions[b-ggq99oez6z] {
    flex-direction: column;
    gap: 0.75rem;
  }
  .pricing__final-button[b-ggq99oez6z] {
    width: 100%;
  }
  .pricing__final-cta[b-ggq99oez6z] {
    padding: 1rem 0.5rem;
  }
}
@media (max-width: 576px) {
  .pricing__container[b-ggq99oez6z] {
    padding: 0 0.75rem;
  }
  .pricing__plan-badge[b-ggq99oez6z] {
    font-size: 0.7rem;
    padding: 5px 12px;
  }
  .pricing__price-main[b-ggq99oez6z] {
    font-size: 1.6rem;
  }
  .pricing__final-button[b-ggq99oez6z] {
    padding: 0.85rem 2rem;
    font-size: 0.9rem;
  }
}
.pricing__loading-skeleton .pricing__billing-container[b-ggq99oez6z] {
  width: 200px;
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-b-ggq99oez6z 1.5s infinite;
  border-radius: 50px;
  margin: 0 auto 3rem;
}
.pricing__plan-skeleton[b-ggq99oez6z] {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06);
  border: 2px solid #e5e7eb;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.pricing__skeleton-header[b-ggq99oez6z] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.pricing__skeleton-price[b-ggq99oez6z] {
  margin-bottom: 1.5rem;
}
.pricing__skeleton-features[b-ggq99oez6z] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-grow: 1;
  margin-bottom: 1.5rem;
}
.pricing__skeleton-line[b-ggq99oez6z] {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-b-ggq99oez6z 1.5s infinite;
  border-radius: 4px;
}
.pricing__skeleton-line--title[b-ggq99oez6z] {
  height: 24px;
  width: 70%;
}
.pricing__skeleton-line--subtitle[b-ggq99oez6z] {
  height: 16px;
  width: 90%;
}
.pricing__skeleton-line--price[b-ggq99oez6z] {
  height: 32px;
  width: 60%;
}
.pricing__skeleton-line--feature[b-ggq99oez6z] {
  height: 18px;
  width: 85%;
}
.pricing__skeleton-button[b-ggq99oez6z] {
  height: 48px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-b-ggq99oez6z 1.5s infinite;
  border-radius: 8px;
  margin-top: auto;
}
.pricing__error[b-ggq99oez6z] {
  text-align: center;
  padding: 3rem 1rem;
  color: #666;
}
.pricing__error-content[b-ggq99oez6z] {
  max-width: 400px;
  margin: 0 auto;
}
.pricing__error-icon[b-ggq99oez6z] {
  font-size: 3rem;
  color: #ff6b6b;
  margin-bottom: 1rem;
}
.pricing__error-title[b-ggq99oez6z] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}
.pricing__error-message[b-ggq99oez6z] {
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.pricing__error-retry[b-ggq99oez6z] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #2b6def;
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pricing__error-retry:hover[b-ggq99oez6z] {
  background: #1d4ed8;
  transform: translateY(-1px);
}
.pricing__error-retry .material-icons[b-ggq99oez6z] {
  font-size: 18px;
}

@keyframes loading-b-ggq99oez6z {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/*# sourceMappingURL=PricingSection.razor.css.map */
/* /Pages/Components/Landing/ProblemSection.razor.rz.scp.css */
:root[b-0c5drrbmsf] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-0c5drrbmsf] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.problem[b-0c5drrbmsf] {
  background: linear-gradient(135deg, #f8faff 0%, #eef6ff 100%);
  padding: 6rem 0;
  position: relative;
  overflow: hidden;
}
.problem__background[b-0c5drrbmsf] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.problem__shape[b-0c5drrbmsf] {
  position: absolute;
  border-radius: 50%;
  background: rgba(50, 115, 220, 0.08);
}
.problem__shape--1[b-0c5drrbmsf] {
  width: 400px;
  height: 400px;
  top: -200px;
  left: -100px;
  background: radial-gradient(circle, rgba(50, 115, 220, 0.08) 0%, rgba(50, 115, 220, 0) 70%);
}
.problem__shape--2[b-0c5drrbmsf] {
  width: 300px;
  height: 300px;
  bottom: -150px;
  right: -100px;
  background: radial-gradient(circle, rgba(0, 209, 178, 0.08) 0%, rgba(0, 209, 178, 0) 70%);
}
.problem__shape--3[b-0c5drrbmsf] {
  width: 200px;
  height: 200px;
  top: 40%;
  right: 10%;
  background: radial-gradient(circle, rgba(50, 115, 220, 0.05) 0%, rgba(50, 115, 220, 0) 70%);
}
.problem .container[b-0c5drrbmsf] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 2;
}
.problem__header[b-0c5drrbmsf] {
  text-align: center;
  margin-bottom: 4rem;
}
.problem__title[b-0c5drrbmsf] {
  font-size: 3rem;
  font-weight: 800;
  color: #2d3748;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
  line-height: 1.2;
}
.problem__highlight[b-0c5drrbmsf] {
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.problem__subtitle[b-0c5drrbmsf] {
  font-size: 1.2rem;
  color: #718096;
  max-width: 600px;
  margin: 0 auto;
}
.problem__grid[b-0c5drrbmsf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 4rem;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.problem__card[b-0c5drrbmsf] {
  background: white;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.problem__card:hover[b-0c5drrbmsf] {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  border-color: rgba(50, 115, 220, 0.2);
}
.problem__card:hover .problem__icon-container[b-0c5drrbmsf] {
  transform: scale(1.1);
  box-shadow: 0 15px 30px rgba(50, 115, 220, 0.4);
}
.problem__card--featured[b-0c5drrbmsf] {
  border: 2px solid #3273dc;
  transform: scale(1.02);
}
.problem__card--featured[b-0c5drrbmsf]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
}
.problem__card-inner[b-0c5drrbmsf] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
.problem__icon-container[b-0c5drrbmsf] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  box-shadow: 0 10px 20px rgba(50, 115, 220, 0.3);
  transition: all 0.3s ease;
}
.problem__icon[b-0c5drrbmsf] {
  font-size: 2rem;
  color: white;
}
.problem__card-title[b-0c5drrbmsf] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2d3748;
  margin-bottom: 1rem;
}
.problem__description[b-0c5drrbmsf] {
  font-size: 1rem;
  color: #718096;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.problem__stat[b-0c5drrbmsf] {
  background: #f7fafc;
  border-radius: 0.5rem;
  padding: 1rem;
  font-size: 0.9rem;
  color: #4a5568;
  border-left: 4px solid #3273dc;
  margin-top: auto;
}
.problem__stat-value[b-0c5drrbmsf] {
  font-weight: 800;
  color: #3273dc;
  font-size: 1.1rem;
}
.problem__impact[b-0c5drrbmsf] {
  background: white;
  border-radius: 1rem;
  padding: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e8f0;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.problem__impact[b-0c5drrbmsf]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
}
.problem__impact-metric[b-0c5drrbmsf] {
  text-align: center;
  flex: 1;
  padding: 0 1rem;
}
.problem__impact-metric--highlighted[b-0c5drrbmsf] {
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  border-radius: 1rem;
  padding: 1.5rem;
  margin: -1rem 1rem;
  box-shadow: 0 10px 25px rgba(50, 115, 220, 0.3);
}
.problem__impact-metric--highlighted .problem__metric-value[b-0c5drrbmsf] {
  color: white;
}
.problem__impact-metric--highlighted .problem__metric-label[b-0c5drrbmsf] {
  color: rgba(255, 255, 255, 0.9);
}
.problem__metric-value[b-0c5drrbmsf] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #3273dc;
  margin-bottom: 0.5rem;
  line-height: 1;
}
.problem__metric-label[b-0c5drrbmsf] {
  font-size: 0.9rem;
  color: #718096;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.problem__cta[b-0c5drrbmsf] {
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  color: white;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  margin-left: 2rem;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(50, 115, 220, 0.3);
  white-space: nowrap;
}
.problem__cta:hover[b-0c5drrbmsf] {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(50, 115, 220, 0.4);
  text-decoration: none;
  color: white;
}
.problem[b-0c5drrbmsf]::before {
  content: "";
  position: absolute;
  top: 10%;
  right: 5%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(50, 115, 220, 0.05) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.problem[b-0c5drrbmsf]::after {
  content: "";
  position: absolute;
  bottom: 20%;
  left: 8%;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(0, 209, 178, 0.05) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .problem[b-0c5drrbmsf] {
    padding: 5rem 0;
  }
  .problem__title[b-0c5drrbmsf] {
    font-size: 2.5rem;
  }
  .problem__grid[b-0c5drrbmsf] {
    gap: 1.5rem;
  }
}
@media (max-width: 768px) {
  .problem[b-0c5drrbmsf] {
    padding: 4rem 0;
  }
  .problem__title[b-0c5drrbmsf] {
    font-size: 2rem;
  }
  .problem__subtitle[b-0c5drrbmsf] {
    font-size: 1.1rem;
  }
  .problem__grid[b-0c5drrbmsf] {
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: 400px;
  }
  .problem__card[b-0c5drrbmsf] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .problem__card--featured[b-0c5drrbmsf] {
    transform: scale(1);
  }
  .problem__card-inner[b-0c5drrbmsf] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
  }
  .problem__stat[b-0c5drrbmsf] {
    margin-top: auto;
  }
  .problem__icon-container[b-0c5drrbmsf] {
    width: 70px;
    height: 70px;
  }
  .problem__icon[b-0c5drrbmsf] {
    font-size: 1.5rem;
  }
  .problem__impact[b-0c5drrbmsf] {
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
  }
  .problem__impact-metric[b-0c5drrbmsf] {
    padding: 0;
  }
  .problem__impact-metric--highlighted[b-0c5drrbmsf] {
    margin: 0;
    padding: 1.5rem;
  }
  .problem__cta[b-0c5drrbmsf] {
    margin-left: 0;
    margin-top: 1rem;
    width: 100%;
    text-align: center;
  }
  .problem__metric-value[b-0c5drrbmsf] {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .problem[b-0c5drrbmsf] {
    padding: 3rem 0;
  }
  .problem .container[b-0c5drrbmsf] {
    padding: 0 1rem;
  }
  .problem__title[b-0c5drrbmsf] {
    font-size: 1.75rem;
  }
  .problem__subtitle[b-0c5drrbmsf] {
    font-size: 1rem;
  }
  .problem__card[b-0c5drrbmsf] {
    padding: 1.25rem;
  }
  .problem__card-title[b-0c5drrbmsf] {
    font-size: 1.25rem;
  }
  .problem__description[b-0c5drrbmsf] {
    font-size: 0.9rem;
  }
  .problem__impact[b-0c5drrbmsf] {
    padding: 1.5rem;
  }
  .problem__metric-value[b-0c5drrbmsf] {
    font-size: 1.75rem;
  }
  .problem__metric-label[b-0c5drrbmsf] {
    font-size: 0.8rem;
  }
}

/*# sourceMappingURL=ProblemSection.razor.css.map */
/* /Pages/Components/Landing/ProductFeaturesSection.razor.rz.scp.css */
:root[b-sgeuo9tujp] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-sgeuo9tujp] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.product-features[b-sgeuo9tujp] {
  padding: 6rem 0;
  background-color: #f9fafc;
  position: relative;
  overflow: hidden;
}
.product-features[b-sgeuo9tujp]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 10% 10%, rgba(50, 115, 220, 0.03) 0%, transparent 20%), radial-gradient(circle at 90% 30%, rgba(0, 209, 178, 0.03) 0%, transparent 20%), radial-gradient(circle at 30% 70%, rgba(50, 115, 220, 0.03) 0%, transparent 20%), radial-gradient(circle at 80% 90%, rgba(0, 209, 178, 0.03) 0%, transparent 20%);
  z-index: 0;
}
.product-features__container[b-sgeuo9tujp] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.product-features__header[b-sgeuo9tujp] {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
}
.product-features__title[b-sgeuo9tujp] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #363636;
  margin-bottom: 1rem;
}
.product-features__underline[b-sgeuo9tujp] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
  margin: 0 auto;
  border-radius: 2px;
}
.product-features__grid[b-sgeuo9tujp] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  margin-bottom: 4rem;
}
.product-features__card[b-sgeuo9tujp] {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  padding: 2.5rem;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-features__card:hover[b-sgeuo9tujp] {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
.product-features__card:hover .product-features__icon[b-sgeuo9tujp] {
  color: #3273dc;
}
.product-features__card:hover .product-features__decoration .product-features__decoration-icon:nth-child(1)[b-sgeuo9tujp] {
  transform: translate(-5px, -5px) rotate(-10deg);
}
.product-features__card:hover .product-features__decoration .product-features__decoration-icon:nth-child(2)[b-sgeuo9tujp] {
  transform: translateY(5px);
}
.product-features__card:hover .product-features__decoration .product-features__decoration-icon:nth-child(3)[b-sgeuo9tujp] {
  transform: translate(5px, -5px) rotate(10deg);
}
.product-features__card[b-sgeuo9tujp]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, transparent 50%, rgba(50, 115, 220, 0.05) 50%);
  border-radius: 0 1rem 0 0;
}
.product-features__icon-wrapper[b-sgeuo9tujp] {
  margin-bottom: 1.5rem;
}
.product-features__icon[b-sgeuo9tujp] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.product-features__icon i[b-sgeuo9tujp] {
  font-size: 2rem;
  color: #ffffff;
}
.product-features__icon--chat[b-sgeuo9tujp] {
  background: linear-gradient(135deg, #3273dc, #4a89dc);
}
.product-features__icon--research[b-sgeuo9tujp] {
  background: linear-gradient(135deg, #00d1b2, #4cd2c0);
}
.product-features__icon--visual[b-sgeuo9tujp] {
  background: linear-gradient(135deg, #ff3860, #ff5c7c);
}
.product-features__icon--content[b-sgeuo9tujp] {
  background: linear-gradient(135deg, #ffdd57, #ffea8a);
}
.product-features__icon--content i[b-sgeuo9tujp] {
  color: #856404;
}
.product-features__card-title[b-sgeuo9tujp] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #363636;
  margin-bottom: 1rem;
}
.product-features__description[b-sgeuo9tujp] {
  font-size: 1rem;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 1.5rem;
}
.product-features__list[b-sgeuo9tujp] {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
.product-features__list li[b-sgeuo9tujp] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  color: #4a4a4a;
}
.product-features__check-icon[b-sgeuo9tujp] {
  color: #00d1b2;
  margin-right: 0.75rem;
  flex-shrink: 0;
  font-size: 1.1rem;
}
.product-features__decoration[b-sgeuo9tujp] {
  margin-top: auto;
  text-align: center;
  height: 100px;
  position: relative;
}
.product-features__decoration--chat .product-features__decoration-icon[b-sgeuo9tujp] {
  color: #3273dc;
}
.product-features__decoration--research .product-features__decoration-icon[b-sgeuo9tujp] {
  color: #00d1b2;
}
.product-features__decoration--visual .product-features__decoration-icon[b-sgeuo9tujp] {
  color: #ff3860;
}
.product-features__decoration--content .product-features__decoration-icon[b-sgeuo9tujp] {
  color: #ffdd57;
}
.product-features__decoration-icon[b-sgeuo9tujp] {
  position: absolute;
  font-size: 2.5rem;
  opacity: 0.15;
  transition: all 0.5s ease;
}
.product-features__decoration-icon:nth-child(1)[b-sgeuo9tujp] {
  bottom: 20px;
  left: 20%;
}
.product-features__decoration-icon:nth-child(2)[b-sgeuo9tujp] {
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.product-features__decoration-icon:nth-child(3)[b-sgeuo9tujp] {
  bottom: 20px;
  right: 20%;
}
.product-features__cta[b-sgeuo9tujp] {
  text-align: center;
  margin-top: 2rem;
}
.product-features__cta-buttons[b-sgeuo9tujp] {
  display: inline-flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.product-features__cta-button[b-sgeuo9tujp] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: white;
  font-weight: 700;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 8px 20px rgba(50, 115, 220, 0.3);
  transition: all 0.3s ease;
  font-size: 1.1rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.product-features__cta-button i[b-sgeuo9tujp] {
  margin-left: 0.5rem;
  transition: transform 0.3s ease;
}
.product-features__cta-button:hover[b-sgeuo9tujp] {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(50, 115, 220, 0.4);
}
.product-features__cta-button:hover i[b-sgeuo9tujp] {
  transform: translateX(5px);
}
.product-features__cta-button--secondary[b-sgeuo9tujp] {
  background: transparent;
  color: #3273dc;
  border: 2px solid #3273dc;
  box-shadow: none;
}
.product-features__cta-button--secondary i[b-sgeuo9tujp] {
  color: #3273dc;
}
.product-features__cta-button--secondary:hover[b-sgeuo9tujp] {
  background: rgba(50, 115, 220, 0.1);
  box-shadow: none;
}
@media (max-width: 992px) {
  .product-features[b-sgeuo9tujp] {
    padding: 5rem 0;
  }
  .product-features__header[b-sgeuo9tujp] {
    margin-bottom: 3rem;
  }
  .product-features__title[b-sgeuo9tujp] {
    font-size: 2.25rem;
  }
  .product-features__grid[b-sgeuo9tujp] {
    gap: 2rem;
  }
  .product-features__card[b-sgeuo9tujp] {
    padding: 2rem;
  }
  .product-features__decoration[b-sgeuo9tujp] {
    height: 80px;
  }
  .product-features__decoration-icon[b-sgeuo9tujp] {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .product-features[b-sgeuo9tujp] {
    padding: 4rem 0;
  }
  .product-features__title[b-sgeuo9tujp] {
    font-size: 2rem;
  }
  .product-features__grid[b-sgeuo9tujp] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .product-features__card[b-sgeuo9tujp] {
    padding: 1.75rem;
  }
  .product-features__icon[b-sgeuo9tujp] {
    width: 60px;
    height: 60px;
  }
  .product-features__icon i[b-sgeuo9tujp] {
    font-size: 1.75rem;
  }
  .product-features__card-title[b-sgeuo9tujp] {
    font-size: 1.35rem;
  }
  .product-features__description[b-sgeuo9tujp] {
    font-size: 0.95rem;
  }
  .product-features__list li[b-sgeuo9tujp] {
    font-size: 0.9rem;
  }
  .product-features__decoration[b-sgeuo9tujp] {
    height: 70px;
  }
  .product-features__decoration-icon[b-sgeuo9tujp] {
    font-size: 1.75rem;
  }
  .product-features__cta-button[b-sgeuo9tujp] {
    padding: 0.9rem 1.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 480px) {
  .product-features[b-sgeuo9tujp] {
    padding: 3rem 0;
  }
  .product-features__header[b-sgeuo9tujp] {
    margin-bottom: 2.5rem;
  }
  .product-features__title[b-sgeuo9tujp] {
    font-size: 1.75rem;
  }
  .product-features__card[b-sgeuo9tujp] {
    padding: 1.5rem;
  }
  .product-features__icon[b-sgeuo9tujp] {
    width: 50px;
    height: 50px;
  }
  .product-features__icon i[b-sgeuo9tujp] {
    font-size: 1.5rem;
  }
  .product-features__card-title[b-sgeuo9tujp] {
    font-size: 1.25rem;
  }
  .product-features__description[b-sgeuo9tujp] {
    font-size: 0.9rem;
    margin-bottom: 1.25rem;
  }
  .product-features__list[b-sgeuo9tujp] {
    margin-bottom: 1.25rem;
  }
  .product-features__list li[b-sgeuo9tujp] {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
  }
  .product-features__check-icon[b-sgeuo9tujp] {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .product-features__decoration[b-sgeuo9tujp] {
    height: 60px;
  }
  .product-features__decoration-icon[b-sgeuo9tujp] {
    font-size: 1.5rem;
  }
  .product-features__cta-button[b-sgeuo9tujp] {
    padding: 0.8rem 1.5rem;
    font-size: 0.95rem;
  }
}

/*# sourceMappingURL=ProductFeaturesSection.razor.css.map */
/* /Pages/Components/Landing/StepsSection.razor.rz.scp.css */
.steps-section[b-iv3wf86upa] {
  padding: 0 0 5rem;
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.steps-section .container[b-iv3wf86upa] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.steps-header[b-iv3wf86upa] {
  text-align: center;
  margin-bottom: 3rem;
}

.steps-title[b-iv3wf86upa] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #363636;
  margin-bottom: 1rem;
}
.steps-title__highlight[b-iv3wf86upa] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.steps-subtitle[b-iv3wf86upa] {
  font-size: 1.1rem;
  color: #7a7a7a;
  max-width: 700px;
  margin: 0 auto;
}

.steps-grid[b-iv3wf86upa] {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0;
  align-items: center;
  margin-bottom: 3rem;
}

.step-card[b-iv3wf86upa] {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  padding: 2rem;
  text-align: center;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.step-number[b-iv3wf86upa] {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 auto 1.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.step-title[b-iv3wf86upa] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #363636;
  margin-bottom: 1rem;
}

.step-description[b-iv3wf86upa] {
  font-size: 1rem;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}

.step-actions[b-iv3wf86upa] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.step-action[b-iv3wf86upa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border-radius: 2rem;
  font-size: 0.9rem;
  color: #4a4a4a;
}
.step-action i[b-iv3wf86upa] {
  font-size: 1.1rem;
  color: #3273dc;
}

.step-connector[b-iv3wf86upa] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 60px;
  height: 2px;
}
.step-connector .connector-line[b-iv3wf86upa] {
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
}
.step-connector .connector-dot[b-iv3wf86upa] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3273dc, #00d1b2);
}

.steps-cta[b-iv3wf86upa] {
  text-align: center;
  margin-top: 2rem;
}

.steps-cta-button[b-iv3wf86upa] {
  display: inline-block;
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  color: #ffffff;
  font-weight: 600;
  padding: 0.9rem 2rem;
  border-radius: 2rem;
  text-decoration: none;
  font-size: 1.1rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.steps-cta-button:hover[b-iv3wf86upa] {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

@media (max-width: 992px) {
  .steps-title[b-iv3wf86upa] {
    font-size: 2.25rem;
  }
}
@media (max-width: 768px) {
  .steps-section[b-iv3wf86upa] {
    padding: 0 0 4rem;
  }
  .steps-title[b-iv3wf86upa] {
    font-size: 2rem;
  }
  .steps-subtitle[b-iv3wf86upa] {
    font-size: 1rem;
  }
  .steps-grid[b-iv3wf86upa] {
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: 500px;
    margin: 0 auto 2rem;
  }
  .step-connector[b-iv3wf86upa] {
    display: none;
  }
}
@media (max-width: 480px) {
  .steps-section[b-iv3wf86upa] {
    padding: 0 0 3rem;
  }
  .steps-title[b-iv3wf86upa] {
    font-size: 1.75rem;
  }
  .steps-subtitle[b-iv3wf86upa] {
    font-size: 0.95rem;
  }
  .step-card[b-iv3wf86upa] {
    padding: 1.5rem;
  }
  .step-number[b-iv3wf86upa] {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
  .step-title[b-iv3wf86upa] {
    font-size: 1.35rem;
  }
  .step-description[b-iv3wf86upa] {
    font-size: 0.95rem;
  }
  .steps-cta-button[b-iv3wf86upa] {
    padding: 0.8rem 1.75rem;
    font-size: 1rem;
  }
}

/*# sourceMappingURL=StepsSection.razor.css.map */
/* /Pages/Components/Landing/TestimonialsSection.razor.rz.scp.css */
:root[b-vt9599mabg] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-vt9599mabg] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.testimonials[b-vt9599mabg] {
  padding: 6rem 0;
  background-color: #ffffff;
  position: relative;
}
.testimonials[b-vt9599mabg]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 5% 20%, rgba(50, 115, 220, 0.03) 0%, transparent 15%), radial-gradient(circle at 95% 70%, rgba(0, 209, 178, 0.03) 0%, transparent 15%);
  z-index: 0;
}
.testimonials .container[b-vt9599mabg] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.testimonials__header[b-vt9599mabg] {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
}
.testimonials__title[b-vt9599mabg] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #363636;
  margin-bottom: 1rem;
}
.testimonials__underline[b-vt9599mabg] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #3273dc, #00d1b2);
  margin: 0 auto;
  border-radius: 2px;
}
.testimonials__grid[b-vt9599mabg] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 4rem;
}
.testimonials__card[b-vt9599mabg] {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  padding: 2rem;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.testimonials__card:hover[b-vt9599mabg] {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.testimonials__card:hover .testimonials__photo img[b-vt9599mabg] {
  transform: scale(1.03);
}
.testimonials__card:hover .testimonials__quote-icon[b-vt9599mabg] {
  transform: translateY(-3px);
}
.testimonials__card--featured[b-vt9599mabg] {
  background: linear-gradient(135deg, rgba(50, 115, 220, 0.03) 0%, rgba(0, 209, 178, 0.03) 100%);
  border: 1px solid rgba(50, 115, 220, 0.1);
  transform: scale(1.05);
  z-index: 1;
}
.testimonials__card--featured:hover[b-vt9599mabg] {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.testimonials__card--featured .testimonials__quote-icon[b-vt9599mabg] {
  background: linear-gradient(135deg, #3273dc, #00d1b2);
}
.testimonials__card--featured .testimonials__photo[b-vt9599mabg]::after {
  border: 3px solid #3273dc;
}
.testimonials__photo[b-vt9599mabg] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 1.5rem;
  position: relative;
  overflow: hidden;
}
.testimonials__photo[b-vt9599mabg]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #00d1b2;
  border-radius: 50%;
  z-index: 1;
}
.testimonials__photo img[b-vt9599mabg] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: transform 0.5s ease;
}
.testimonials__quote-icon[b-vt9599mabg] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #3273dc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  transition: all 0.3s ease;
}
.testimonials__quote-icon i[b-vt9599mabg] {
  color: #ffffff;
  font-size: 1.25rem;
}
.testimonials__text[b-vt9599mabg] {
  font-size: 1rem;
  line-height: 1.7;
  color: #4a4a4a;
  margin-bottom: 1.5rem;
  flex-grow: 1;
  font-style: italic;
}
.testimonials__divider[b-vt9599mabg] {
  height: 1px;
  background: linear-gradient(90deg, rgba(50, 115, 220, 0.2), rgba(0, 209, 178, 0.2));
  margin-bottom: 1.5rem;
}
.testimonials__author[b-vt9599mabg] {
  display: flex;
  justify-content: center;
}
.testimonials__info[b-vt9599mabg] {
  text-align: center;
}
.testimonials__name[b-vt9599mabg] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #363636;
  margin: 0 0 0.25rem 0;
}
.testimonials__title-text[b-vt9599mabg] {
  font-size: 0.9rem;
  color: #3273dc;
  margin: 0;
}
.testimonials__stats[b-vt9599mabg] {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-top: 3rem;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.testimonials__stat[b-vt9599mabg] {
  display: flex;
  align-items: center;
}
.testimonials__stat-icon[b-vt9599mabg] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(50, 115, 220, 0.1) 0%, rgba(0, 209, 178, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.testimonials__stat-icon i[b-vt9599mabg] {
  font-size: 1.75rem;
  background: linear-gradient(135deg, #3273dc, #00d1b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.testimonials__stat-content[b-vt9599mabg] {
  display: flex;
  flex-direction: column;
}
.testimonials__stat-value[b-vt9599mabg] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #363636;
  margin-bottom: 0.25rem;
}
.testimonials__stat-label[b-vt9599mabg] {
  font-size: 0.9rem;
  color: #7a7a7a;
}
@media (max-width: 992px) {
  .testimonials[b-vt9599mabg] {
    padding: 5rem 0;
  }
  .testimonials__header[b-vt9599mabg] {
    margin-bottom: 3rem;
  }
  .testimonials__title[b-vt9599mabg] {
    font-size: 2.25rem;
  }
  .testimonials__grid[b-vt9599mabg] {
    gap: 1.5rem;
  }
  .testimonials__card[b-vt9599mabg] {
    padding: 1.75rem;
  }
  .testimonials__card--featured[b-vt9599mabg] {
    transform: scale(1.03);
  }
  .testimonials__card--featured:hover[b-vt9599mabg] {
    transform: scale(1.03) translateY(-5px);
  }
  .testimonials__stats[b-vt9599mabg] {
    gap: 3rem;
    padding: 1.75rem;
  }
  .testimonials__stat-icon[b-vt9599mabg] {
    width: 50px;
    height: 50px;
  }
  .testimonials__stat-icon i[b-vt9599mabg] {
    font-size: 1.5rem;
  }
  .testimonials__stat-value[b-vt9599mabg] {
    font-size: 1.35rem;
  }
  .testimonials__stat-label[b-vt9599mabg] {
    font-size: 0.85rem;
  }
  .testimonials__photo[b-vt9599mabg] {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 768px) {
  .testimonials[b-vt9599mabg] {
    padding: 4rem 0;
  }
  .testimonials__title[b-vt9599mabg] {
    font-size: 2rem;
  }
  .testimonials__grid[b-vt9599mabg] {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .testimonials__card[b-vt9599mabg] {
    max-width: 500px;
    margin: 0 auto;
  }
  .testimonials__card--featured[b-vt9599mabg] {
    transform: scale(1);
    order: -1;
  }
  .testimonials__card--featured:hover[b-vt9599mabg] {
    transform: translateY(-5px);
  }
  .testimonials__stats[b-vt9599mabg] {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: 500px;
    margin: 2rem auto 0;
  }
  .testimonials__stat[b-vt9599mabg] {
    width: 100%;
    justify-content: flex-start;
  }
  .testimonials__photo[b-vt9599mabg] {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 480px) {
  .testimonials[b-vt9599mabg] {
    padding: 3rem 0;
  }
  .testimonials__header[b-vt9599mabg] {
    margin-bottom: 2.5rem;
  }
  .testimonials__title[b-vt9599mabg] {
    font-size: 1.75rem;
  }
  .testimonials__card[b-vt9599mabg] {
    padding: 1.5rem;
  }
  .testimonials__quote-icon[b-vt9599mabg] {
    width: 36px;
    height: 36px;
    margin-bottom: 1.25rem;
  }
  .testimonials__quote-icon i[b-vt9599mabg] {
    font-size: 1.1rem;
  }
  .testimonials__text[b-vt9599mabg] {
    font-size: 0.95rem;
    margin-bottom: 1.25rem;
  }
  .testimonials__name[b-vt9599mabg] {
    font-size: 1rem;
  }
  .testimonials__title-text[b-vt9599mabg] {
    font-size: 0.85rem;
  }
  .testimonials__stats[b-vt9599mabg] {
    padding: 1.5rem;
  }
  .testimonials__stat[b-vt9599mabg] {
    flex-direction: row;
    align-items: center;
    padding: 0.5rem 0;
  }
  .testimonials__stat-icon[b-vt9599mabg] {
    width: 45px;
    height: 45px;
    min-width: 45px;
    margin-right: 1rem;
  }
  .testimonials__stat-icon i[b-vt9599mabg] {
    font-size: 1.35rem;
  }
  .testimonials__stat-value[b-vt9599mabg] {
    font-size: 1.25rem;
    line-height: 1.2;
  }
  .testimonials__stat-label[b-vt9599mabg] {
    font-size: 0.85rem;
    white-space: nowrap;
  }
  .testimonials__photo[b-vt9599mabg] {
    width: 80px;
    height: 80px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 375px) {
  .testimonials[b-vt9599mabg] {
    padding: 2.5rem 0;
  }
  .testimonials__stats[b-vt9599mabg] {
    padding: 1.25rem;
  }
  .testimonials__stat-icon[b-vt9599mabg] {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .testimonials__stat-icon i[b-vt9599mabg] {
    font-size: 1.2rem;
  }
  .testimonials__stat-value[b-vt9599mabg] {
    font-size: 1.1rem;
  }
  .testimonials__stat-label[b-vt9599mabg] {
    font-size: 0.8rem;
  }
  .testimonials__card[b-vt9599mabg] {
    padding: 1.25rem;
  }
  .testimonials__photo[b-vt9599mabg] {
    width: 70px;
    height: 70px;
  }
  .testimonials__text[b-vt9599mabg] {
    font-size: 0.9rem;
  }
}

/*# sourceMappingURL=TestimonialsSection.razor.css.map */
/* /Pages/Components/Monetization/CreditPurchaseModal.razor.rz.scp.css */
@charset "UTF-8";
:root[b-4r8667q9zx] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-4r8667q9zx] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

@keyframes fadeIn-b-4r8667q9zx {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpSmall-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomIn-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut-b-4r8667q9zx {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse-b-4r8667q9zx {
  0% {
    box-shadow: 0 0 0 0 rgba(50, 115, 220, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(50, 115, 220, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(50, 115, 220, 0);
  }
}
@keyframes button-pulse-primary-b-4r8667q9zx {
  0% {
    box-shadow: 0 0 0 0 rgba-from-list(50, 115, 220, 0.6);
  }
  70% {
    box-shadow: 0 0 0 10px rgba-from-list(50, 115, 220, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba-from-list(50, 115, 220, 0);
  }
}
@keyframes button-pulse-b-4r8667q9zx {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes float-b-4r8667q9zx {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}
@keyframes spin-b-4r8667q9zx {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple-b-4r8667q9zx {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  5% {
    transform: translate(-50%, -50%) scale(1.025);
    opacity: 1;
  }
  20% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
  }
  30% {
    transform: translate(-50%, -50%) scale(1.12);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.12);
    opacity: 0;
  }
}
.pulse-animation[b-4r8667q9zx] {
  animation: pulse-b-4r8667q9zx 2s infinite;
}

.pulse-button[b-4r8667q9zx] {
  animation: button-pulse-primary-b-4r8667q9zx 2s infinite;
}

.pulse-button-light[b-4r8667q9zx] {
  animation: button-pulse-b-4r8667q9zx 2s infinite;
}

@media (prefers-reduced-motion: reduce) {
  .animated:not([data-aos])[b-4r8667q9zx] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  [data-aos][b-4r8667q9zx] {
    transition-duration: 0.2s !important;
  }
}
.credit-purchase-modal[b-4r8667q9zx] {
  --modal-padding: clamp(0.75rem, 1.5vw, 1.25rem);
  --header-height: clamp(60px, 8vh, 100px);
  --footer-height: clamp(45px, 5vh, 70px);
  --gap-sm: clamp(0.5rem, 1.2vw, 0.875rem);
  --gap-md: clamp(0.75rem, 1.5vw, 1.25rem);
  --border-radius: clamp(0.5rem, 0.8vw, 0.875rem);
  --card-min-height: clamp(260px, 35vh, 380px);
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--modal-padding);
}
.credit-purchase-modal.active[b-4r8667q9zx] {
  opacity: 1;
  visibility: visible;
}
.credit-purchase-modal.active .credit-purchase-modal__content[b-4r8667q9zx] {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.credit-purchase-modal__content[b-4r8667q9zx] {
  background: #ffffff;
  border-radius: var(--border-radius);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: min(1200px, 92vw);
  max-height: 90vh;
  position: relative;
  transform: scale(0.95) translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  overflow: hidden;
}
.credit-purchase-modal__content.subscription-active[b-4r8667q9zx] {
  max-height: 90vh;
  height: auto;
}
.credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
  max-width: min(780px, 92vw);
  max-height: 90vh;
}
@media (min-width: 1200px) {
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-width: 850px;
  }
}
@media (max-width: 767px) {
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-width: 100vw;
    width: 100vw;
    max-height: 100vh;
  }
}
@media (max-width: 1440px) and (min-width: 1024px) {
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-width: min(1000px, 90vw);
    max-height: 85vh;
  }
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-width: min(700px, 90vw);
  }
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-width: min(900px, 88vw);
    max-height: 82vh;
  }
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-width: min(650px, 88vw);
  }
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-width: min(800px, 85vw);
    max-height: 80vh;
  }
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-width: min(600px, 85vw);
  }
}
.credit-purchase-modal__header[b-4r8667q9zx] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  text-align: center;
  padding: var(--modal-padding);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-purchase-modal__header[b-4r8667q9zx]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
.credit-purchase-modal__header h2[b-4r8667q9zx] {
  margin: 0;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-size: clamp(1.1rem, 3.5vw, 2rem);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.credit-purchase-modal__close[b-4r8667q9zx] {
  position: absolute;
  top: var(--modal-padding);
  right: var(--modal-padding);
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 50%;
  width: clamp(36px, 5vw, 44px);
  height: clamp(36px, 5vw, 44px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.credit-purchase-modal__close:hover[b-4r8667q9zx] {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.1);
}
.credit-purchase-modal__body[b-4r8667q9zx] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--modal-padding);
  container-type: inline-size;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
}
.credit-purchase-modal__body.subscription-active[b-4r8667q9zx] {
  overflow-y: auto;
  height: auto;
}
.credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
  overflow-y: auto;
  max-height: calc(90vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
}
@media (max-width: 1440px) and (min-width: 1024px) {
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    max-height: calc(85vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
  }
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    max-height: calc(82vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
  }
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    max-height: calc(80vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
  }
}
@media (max-width: 767px) {
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    max-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
  }
}
.credit-purchase-modal__body[b-4r8667q9zx]::-webkit-scrollbar {
  width: 6px;
}
.credit-purchase-modal__body[b-4r8667q9zx]::-webkit-scrollbar-track {
  background: transparent;
}
.credit-purchase-modal__body[b-4r8667q9zx]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.credit-purchase-modal__body[b-4r8667q9zx]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.credit-purchase-modal__tabs[b-4r8667q9zx] {
  display: flex;
  background: #f7f9fc;
  border-radius: var(--border-radius);
  padding: 4px;
  margin-bottom: var(--gap-md);
  flex-shrink: 0;
}
.credit-purchase-modal__tabs .tab-button[b-4r8667q9zx] {
  flex: 1;
  background: transparent;
  border: none;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: calc(var(--border-radius) * 0.5);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #5c7089;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  min-height: 44px;
  white-space: nowrap;
}
.credit-purchase-modal__tabs .tab-button.active[b-4r8667q9zx] {
  background: #ffffff;
  color: #2c3e50;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.credit-purchase-modal__section[b-4r8667q9zx] {
  display: none;
  flex: 1;
  min-height: 0;
}
.credit-purchase-modal__section.active[b-4r8667q9zx] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.credit-purchase-modal__section#subscription-panel.active[b-4r8667q9zx] {
  overflow: visible;
  height: auto;
  min-height: auto;
}
.credit-purchase-modal__footer[b-4r8667q9zx] {
  background: #f7f9fc;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: var(--modal-padding);
  text-align: center;
  flex-shrink: 0;
  min-height: var(--footer-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-purchase-modal__footer .trust-indicators[b-4r8667q9zx] {
  display: flex;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
  color: #5c7089;
  flex-wrap: wrap;
}
.credit-purchase-modal__footer .trust-indicators .trust-item[b-4r8667q9zx] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
}
.credit-purchase-modal__footer .trust-indicators .trust-item .trust-icon[b-4r8667q9zx] {
  font-size: 1.1em;
}
.credit-purchase-modal .credit-purchase-modal__popular-ribbon[b-4r8667q9zx] {
  position: absolute;
  top: -12px;
  right: -8px;
  background: linear-gradient(135deg, #FFC107 0%, #FF9800 30%, #FF5252 100%);
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  z-index: 15;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: clamp(0.65rem, 1vw, 0.75rem);
  padding: clamp(6px, 1vw, 8px) clamp(12px, 2vw, 16px);
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
}
.credit-purchase-modal .credit-purchase-modal__popular-ribbon[b-4r8667q9zx]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 0;
  border-color: #B8860B transparent transparent transparent;
}
.credit-purchase-modal .current-plan-badge[b-4r8667q9zx] {
  position: absolute;
  top: clamp(8px, 1.5vw, 12px);
  left: clamp(8px, 1.5vw, 12px);
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  z-index: 10;
  text-align: center;
  font-size: clamp(0.625rem, 0.9vw, 0.75rem);
  padding: clamp(4px, 0.8vw, 6px) clamp(8px, 1.5vw, 12px);
  border-radius: clamp(4px, 0.8vw, 6px);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.credits-section[b-4r8667q9zx] {
  --credit-gap: clamp(0.75rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: var(--credit-gap);
}
.credits-section__content-row[b-4r8667q9zx] {
  display: flex;
  flex-direction: column;
  gap: var(--credit-gap);
  flex: 1;
}
.credits-section__selector[b-4r8667q9zx] {
  background: linear-gradient(135deg, rgba(255, 182, 193, 0.8) 0%, rgba(221, 160, 221, 0.7) 25%, rgba(173, 216, 230, 0.6) 50%, rgba(255, 218, 185, 0.7) 75%, rgba(240, 230, 140, 0.8) 100%);
  border-radius: var(--border-radius);
  padding: var(--credit-gap);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.credits-section__selector[b-4r8667q9zx]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);
  pointer-events: none;
}
.credits-section__selector .credits-icon[b-4r8667q9zx] {
  text-align: center;
  font-size: clamp(1.5rem, 2.5vw, 1.75rem);
  margin-bottom: clamp(0.5rem, 0.8vw, 0.75rem);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.credits-section__selector .quantity-display[b-4r8667q9zx] {
  text-align: center;
  margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
}
.credits-section__selector .quantity-display .quantity-number[b-4r8667q9zx] {
  font-size: clamp(2.5rem, 5vw, 3rem);
  font-weight: 900;
  color: #2c3e50;
  display: block;
  line-height: 1;
  letter-spacing: -0.025em;
}
.credits-section__selector .quantity-display .quantity-label[b-4r8667q9zx] {
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
  color: #5c7089;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-top: clamp(0.25rem, 0.4vw, 0.375rem);
}
.credits-section__selector .quantity-slider[b-4r8667q9zx] {
  width: 100%;
  height: clamp(12px, 1.2vw, 16px);
  border-radius: calc(var(--border-radius) * 0.5);
  background: rgba(255, 255, 255, 0.4);
  outline: none;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  cursor: pointer;
  appearance: none;
  position: relative;
}
.credits-section__selector .quantity-slider[b-4r8667q9zx]::after {
  content: "";
  position: absolute;
  top: clamp(-8px, -1.5vw, -12px);
  left: 40%;
  transform: translateX(-50%);
  width: clamp(2px, 0.5vw, 4px);
  height: clamp(16px, 3vw, 24px);
  background: #ff3860;
  border-radius: 2px;
}
.credits-section__selector .quantity-slider[b-4r8667q9zx]::before {
  content: "+10%";
  position: absolute;
  top: clamp(-24px, -4vw, -32px);
  left: 40%;
  transform: translateX(-50%);
  color: #ff3860;
  font-size: clamp(8px, 1.5vw, 12px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.credits-section__selector .quantity-slider[b-4r8667q9zx]::-webkit-slider-thumb {
  appearance: none;
  width: clamp(32px, 4vw, 40px);
  height: clamp(32px, 4vw, 40px);
  border-radius: 50%;
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
  border: 3px solid #ffffff;
}
.credits-section__selector .quantity-slider[b-4r8667q9zx]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.credits-section__selector .quantity-slider[b-4r8667q9zx]::-moz-range-thumb {
  width: clamp(32px, 4vw, 40px);
  height: clamp(32px, 4vw, 40px);
  border-radius: 50%;
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  cursor: pointer;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.credits-section__selector .quantity-labels[b-4r8667q9zx] {
  display: flex;
  justify-content: space-between;
  font-size: clamp(0.5rem, 1vw, 0.75rem);
  color: #5c7089;
  font-weight: 600;
}
.credits-section__actions[b-4r8667q9zx] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.credits-section__breakdown[b-4r8667q9zx] {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  padding: var(--gap-md);
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(40px, 6vw, 60px);
}
.credits-section__breakdown .breakdown-item[b-4r8667q9zx] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: #2c3e50;
  width: 100%;
}
.credits-section__breakdown .breakdown-item .price[b-4r8667q9zx] {
  display: inline-flex;
  align-items: baseline;
  font-weight: 800;
  color: #3273dc;
  letter-spacing: -0.025em;
  line-height: 1;
}
.credits-section__breakdown .breakdown-item .price__dollars[b-4r8667q9zx] {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}
.credits-section__breakdown .breakdown-item .price__cents[b-4r8667q9zx] {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  opacity: 0.85;
  font-weight: 600;
}
.credits-section__breakdown .discount-badge[b-4r8667q9zx] {
  position: absolute;
  top: -9px;
  right: -4px;
  background: linear-gradient(135deg, #ffdd57 0%, #ffe97d 100%);
  color: #2c3e50;
  padding: 2px 6px;
  font-size: clamp(8px, 1vw, 10px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 4px;
  z-index: 2;
  white-space: nowrap;
}
.credits-section__button[b-4r8667q9zx] {
  width: 100%;
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  border: none;
  border-radius: var(--border-radius);
  padding: clamp(1rem, 2vw, 1.25rem) clamp(1.25rem, 2.5vw, 1.5rem);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.025em;
  min-height: clamp(52px, 6vw, 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-shadow: 0 1px 6px rgba(50, 115, 220, 0.3);
}
.credits-section__button[b-4r8667q9zx]::before {
  content: "";
  position: absolute;
  inset: 0 -100% 0 -100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: transform 0.6s ease;
  transform: translateX(-100%);
}
.credits-section__button:hover:not(:disabled)[b-4r8667q9zx] {
  transform: translateY(-1px);
  box-shadow: 0 2px 12px rgba(50, 115, 220, 0.4);
}
.credits-section__button:hover:not(:disabled)[b-4r8667q9zx]::before {
  transform: translateX(100%);
}
.credits-section__button.loading[b-4r8667q9zx] {
  pointer-events: none;
  opacity: 0.8;
}
.credits-section__button.loading .spinner[b-4r8667q9zx] {
  width: clamp(14px, 2vw, 18px);
  height: clamp(14px, 2vw, 18px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin-b-4r8667q9zx 1s linear infinite;
}
.credits-section__button:disabled[b-4r8667q9zx] {
  opacity: 0.7;
  cursor: not-allowed;
}
.credits-section__benefits[b-4r8667q9zx] {
  display: flex;
  justify-content: space-between;
  gap: var(--gap-sm);
  flex-wrap: wrap;
}
.credits-section__benefits .benefit[b-4r8667q9zx] {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: #5c7089;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
}
.credits-section__benefits .benefit[b-4r8667q9zx]::before {
  content: "✓";
  color: #2661c7;
  font-weight: 700;
  flex-shrink: 0;
  font-size: 1.1em;
}

.subscription-section[b-4r8667q9zx] {
  --subscription-gap: clamp(0.75rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  height: auto;
  gap: var(--subscription-gap);
  flex: 1;
  min-height: 0;
}
.subscription-section__billing-toggle[b-4r8667q9zx] {
  display: flex;
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  border-radius: var(--border-radius);
  padding: 3px;
  margin: 0 auto;
  width: fit-content;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}
.subscription-section__billing-toggle .billing-btn[b-4r8667q9zx] {
  background: transparent;
  border: none;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1rem);
  border-radius: calc(var(--border-radius) * 0.75);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #5c7089;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  flex: 1;
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
}
.subscription-section__billing-toggle .billing-btn.active[b-4r8667q9zx] {
  background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
  color: #2c3e50;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
}
.subscription-section__billing-toggle .billing-btn .save-badge[b-4r8667q9zx] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  padding: 1px 4px;
  border-radius: 4px;
  font-size: clamp(7px, 0.8vw, 9px);
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(16, 185, 129, 0.25);
}
.subscription-section__cards[b-4r8667q9zx] {
  display: flex;
  gap: var(--subscription-gap);
  align-items: stretch;
  container-type: inline-size;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
}
@container (max-width: 600px) {
  .subscription-section__cards[b-4r8667q9zx] {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}
@media (max-height: 700px) {
  .subscription-section__cards[b-4r8667q9zx] {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .subscription-section__cards[b-4r8667q9zx] {
    gap: clamp(0.75rem, 1.2vw, 1rem);
  }
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .subscription-section__cards[b-4r8667q9zx] {
    gap: clamp(0.625rem, 1vw, 0.875rem);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .subscription-section__cards[b-4r8667q9zx] {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .subscription-section__cards[b-4r8667q9zx] {
    flex-direction: column;
    gap: clamp(0.625rem, 1vw, 0.875rem);
  }
}
.subscription-section__card[b-4r8667q9zx] {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  padding: clamp(0.875rem, 1.5vw, 1.125rem);
  background: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  user-select: none;
  min-width: 0;
  box-sizing: border-box;
  max-width: 100%;
  min-height: fit-content;
  height: auto;
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .subscription-section__card[b-4r8667q9zx] {
    padding: clamp(0.875rem, 1.3vw, 1rem);
  }
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .subscription-section__card[b-4r8667q9zx] {
    padding: clamp(0.75rem, 1.2vw, 0.875rem);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .subscription-section__card[b-4r8667q9zx] {
    padding: clamp(0.875rem, 1.4vw, 1rem);
  }
}
.subscription-section__card:hover:not(.loading)[b-4r8667q9zx] {
  border-color: #3273dc;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.2);
}
.subscription-section__card:hover:not(.loading) .subscription-card__cta[b-4r8667q9zx] {
  box-shadow: 0 6px 20px rgba(43, 109, 239, 0.35);
  transform: translateY(-1px);
}
.subscription-section__card:hover:not(.loading) .subscription-card__cta--featured[b-4r8667q9zx] {
  box-shadow: 0 8px 25px rgba(43, 109, 239, 0.4);
}
.subscription-section__card.featured[b-4r8667q9zx] {
  border-color: #3273dc;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(244, 143, 177, 0.06) 100%);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.12);
  overflow: visible;
  transform: scale(1.02);
  z-index: 1;
}
@container (max-width: 600px) {
  .subscription-section__card.featured[b-4r8667q9zx] {
    transform: scale(1);
  }
}
@media (min-width: 1200px) {
  .subscription-section__card.featured[b-4r8667q9zx] {
    transform: scale(1);
  }
}
.subscription-section__card.loading[b-4r8667q9zx] {
  pointer-events: none;
  opacity: 0.8;
  transform: none !important;
}
.subscription-section__card .credit-purchase-modal__card-header[b-4r8667q9zx] {
  text-align: center;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.subscription-section__card .credit-purchase-modal__card-header h4[b-4r8667q9zx] {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.375rem) 0;
  color: #2c3e50;
  line-height: 1.2;
}
.subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price[b-4r8667q9zx] {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 900;
  color: #3273dc;
  line-height: 1;
  margin-bottom: clamp(0.25rem, 0.5vw, 0.375rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price .credit-purchase-modal__currency[b-4r8667q9zx] {
  font-size: 0.5em;
  vertical-align: top;
}
.subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price .credit-purchase-modal__period[b-4r8667q9zx] {
  font-size: 0.4em;
  color: #5c7089;
  font-weight: 500;
}
.subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__original-price[b-4r8667q9zx] {
  text-decoration: line-through;
  color: #5c7089;
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
  text-align: center;
  margin-bottom: clamp(0.25rem, 0.5vw, 0.375rem);
}
.subscription-section__card .credit-purchase-modal__card-features[b-4r8667q9zx] {
  flex: 1;
  margin: clamp(0.5rem, 1vw, 0.75rem) 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.5vw, 0.375rem);
  min-height: 0;
  justify-content: flex-start;
}
.subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx] {
  display: flex;
  align-items: flex-start;
  color: #5c7089;
  font-size: clamp(0.8rem, 1.2vw, 0.875rem);
  line-height: 1.3;
  padding: clamp(0.125rem, 0.25vw, 0.1875rem) 0;
}
.subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx]::before {
  content: "✓";
  margin-right: clamp(0.4375rem, 0.8vw, 0.5rem);
  color: #2661c7;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 0.125rem;
  font-size: 1em;
}
.subscription-section__card .subscription-card__cta[b-4r8667q9zx] {
  width: 100%;
  padding: clamp(0.75rem, 1.4vw, 1rem) clamp(1rem, 2vw, 1.375rem);
  border-radius: var(--border-radius);
  font-weight: 700;
  font-size: clamp(0.875rem, 1.3vw, 1rem);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: clamp(44px, 6vw, 52px);
  background: #f3f4f6;
  color: #374151;
  border: 2px solid #e5e7eb;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.subscription-section__card .subscription-card__cta[b-4r8667q9zx]::before {
  content: "";
  position: absolute;
  inset: 0 -100% 0 -100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: transform 0.6s ease;
  transform: translateX(-100%);
}
.subscription-section__card .subscription-card__cta:hover:not(:disabled)[b-4r8667q9zx]::before {
  transform: translateX(100%);
}
.subscription-section__card .subscription-card__cta:hover:not(:disabled)[b-4r8667q9zx] {
  background: #e5e7eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.subscription-section__card .subscription-card__cta--featured[b-4r8667q9zx] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(43, 109, 239, 0.25);
  border: 2px solid transparent;
}
.subscription-section__card .subscription-card__cta--featured:hover:not(:disabled)[b-4r8667q9zx] {
  background: linear-gradient(135deg, #1e5ce8 0%, #0fb3d3 100%);
  box-shadow: 0 6px 20px rgba(43, 109, 239, 0.4);
}
.subscription-section__card .subscription-card__cta:disabled[b-4r8667q9zx] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none !important;
}
.subscription-section__card .subscription-card__cta .spinner[b-4r8667q9zx] {
  width: clamp(14px, 2vw, 18px);
  height: clamp(14px, 2vw, 18px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin-b-4r8667q9zx 1s linear infinite;
}

.credit-purchase-error[b-4r8667q9zx] {
  position: fixed;
  top: var(--spacing-md);
  right: var(--spacing-md);
  background: #ff3860;
  color: #ffffff;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm) var(--spacing-md);
  z-index: 9997;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
  cursor: pointer;
  max-width: min(300px, 90vw);
}
.credit-purchase-error.active[b-4r8667q9zx] {
  opacity: 1;
  transform: translateX(0);
}
.credit-purchase-error .error-content[b-4r8667q9zx] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-weight: 600;
  font-size: clamp(0.8rem, 1.2vw, 0.875rem);
}
.credit-purchase-error .error-content .error-icon[b-4r8667q9zx] {
  font-size: 1.1em;
}

@media (max-height: 700px) and (min-width: 768px) {
  .credit-purchase-modal[b-4r8667q9zx] {
    --header-height: clamp(50px, 6vh, 70px);
    --footer-height: clamp(35px, 4vh, 50px);
    --modal-padding: clamp(0.5rem, 1vw, 0.875rem);
    --gap-sm: clamp(0.375rem, 1vw, 0.625rem);
    --gap-md: clamp(0.5rem, 1.2vw, 0.875rem);
  }
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-height: 85vh;
  }
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-height: 85vh;
  }
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    max-height: calc(85vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
  }
  .credit-purchase-modal .subscription-section__cards[b-4r8667q9zx] {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
  .credit-purchase-modal .subscription-section__card[b-4r8667q9zx] {
    padding: clamp(0.75rem, 1.2vw, 0.875rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header[b-4r8667q9zx] {
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header h4[b-4r8667q9zx] {
    font-size: clamp(0.875rem, 1.3vw, 1rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price[b-4r8667q9zx] {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features[b-4r8667q9zx] {
    gap: clamp(0.1875rem, 0.4vw, 0.3125rem);
    margin: clamp(0.375rem, 0.8vw, 0.5rem) 0;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx] {
    font-size: clamp(0.75rem, 1.1vw, 0.8125rem);
    line-height: 1.25;
  }
  .credit-purchase-modal .subscription-section__card .subscription-card__cta[b-4r8667q9zx] {
    padding: clamp(0.625rem, 1.2vw, 0.75rem) clamp(0.875rem, 1.5vw, 1rem);
    min-height: clamp(38px, 5vh, 44px);
    font-size: clamp(0.8125rem, 1.2vw, 0.875rem);
  }
}
@media (max-height: 600px) and (min-width: 992px) {
  .credit-purchase-modal[b-4r8667q9zx] {
    --header-height: clamp(45px, 5vh, 60px);
    --footer-height: clamp(30px, 3vh, 40px);
    --modal-padding: clamp(0.375rem, 0.8vw, 0.625rem);
    --gap-sm: clamp(0.25rem, 0.8vw, 0.5rem);
    --gap-md: clamp(0.375rem, 1vw, 0.625rem);
  }
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-height: 80vh;
  }
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-height: 80vh;
  }
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    max-height: calc(80vh - var(--header-height) - var(--footer-height) - var(--modal-padding) * 2);
  }
  .credit-purchase-modal .subscription-section__cards[b-4r8667q9zx] {
    gap: clamp(0.375rem, 0.8vw, 0.5rem);
    flex-direction: column;
  }
  .credit-purchase-modal .subscription-section__card[b-4r8667q9zx] {
    padding: clamp(0.625rem, 1vw, 0.75rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header[b-4r8667q9zx] {
    margin-bottom: clamp(0.375rem, 0.8vw, 0.5rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header h4[b-4r8667q9zx] {
    font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price[b-4r8667q9zx] {
    font-size: clamp(1.125rem, 2.2vw, 1.5rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features[b-4r8667q9zx] {
    gap: clamp(0.125rem, 0.3vw, 0.25rem);
    margin: clamp(0.25rem, 0.6vw, 0.375rem) 0;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx] {
    font-size: clamp(0.6875rem, 1vw, 0.75rem);
    line-height: 1.2;
  }
  .credit-purchase-modal .subscription-section__card .subscription-card__cta[b-4r8667q9zx] {
    padding: clamp(0.5rem, 1vw, 0.625rem) clamp(0.75rem, 1.3vw, 0.875rem);
    min-height: clamp(34px, 4vh, 40px);
    font-size: clamp(0.75rem, 1.1vw, 0.8125rem);
  }
}
@media (max-width: 767px) {
  .credit-purchase-modal[b-4r8667q9zx] {
    --header-height: clamp(60px, 10vh, 100px);
    --footer-height: clamp(40px, 5vh, 60px);
    --modal-padding: clamp(0.5rem, 1.5vw, 1rem);
    padding: 0;
    align-items: stretch;
  }
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-width: 100vw;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: translateY(100%);
  }
  .credit-purchase-modal__content.active[b-4r8667q9zx] {
    transform: translateY(0);
  }
  .credit-purchase-modal__content.subscription-active[b-4r8667q9zx] {
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .credit-purchase-modal__body[b-4r8667q9zx] {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .credit-purchase-modal__body.subscription-active[b-4r8667q9zx] {
    flex: 1;
    overflow: visible;
    height: auto;
  }
  .credit-purchase-modal__footer[b-4r8667q9zx] {
    margin-top: auto;
    flex-shrink: 0;
  }
  .credit-purchase-modal__header h2[b-4r8667q9zx] {
    font-size: clamp(1rem, 3vw, 1.5rem);
    line-height: 1;
  }
  .credit-purchase-modal__close[b-4r8667q9zx] {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
  }
  .credit-purchase-modal__close:hover[b-4r8667q9zx] {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.05);
  }
  .credit-purchase-modal__body.subscription-active[b-4r8667q9zx] {
    overflow: visible;
    height: auto;
    flex: none;
  }
  .credit-purchase-modal .subscription-section__cards[b-4r8667q9zx] {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
  .credit-purchase-modal .subscription-section__card[b-4r8667q9zx] {
    cursor: pointer;
    padding: clamp(0.875rem, 1.5vw, 1rem);
    min-height: fit-content;
    height: auto;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header[b-4r8667q9zx] {
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features[b-4r8667q9zx] {
    gap: clamp(0.25rem, 0.5vw, 0.3125rem);
    margin: clamp(0.5rem, 1vw, 0.75rem) 0;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx] {
    font-size: clamp(0.75rem, 1.1vw, 0.8125rem);
    padding: clamp(0.125rem, 0.25vw, 0.1875rem) 0;
    line-height: 1.25;
  }
  .credit-purchase-modal .subscription-section__card .subscription-card__cta[b-4r8667q9zx] {
    margin-top: auto;
    padding: clamp(0.75rem, 1.2vw, 0.875rem) clamp(1rem, 1.5vw, 1.125rem);
    min-height: clamp(42px, 5vh, 46px);
    font-size: clamp(0.8125rem, 1.2vw, 0.875rem);
  }
  .credit-purchase-modal .subscription-section__card:hover[b-4r8667q9zx] {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.15);
  }
  .credit-purchase-modal .subscription-section__card:hover .subscription-card__cta[b-4r8667q9zx] {
    transform: translateY(0);
    box-shadow: 0 4px 15px rgba(43, 109, 239, 0.25);
  }
  .credit-purchase-modal .subscription-section__card:hover .subscription-card__cta--featured[b-4r8667q9zx] {
    box-shadow: 0 4px 15px rgba(43, 109, 239, 0.3);
  }
  .credit-purchase-modal .credits-section[b-4r8667q9zx] {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .credit-purchase-modal .credits-section__selector[b-4r8667q9zx] {
    flex-shrink: 0;
    min-height: clamp(200px, 35vh, 300px);
  }
  .credit-purchase-modal .credits-section__selector .quantity-display[b-4r8667q9zx] {
    margin-bottom: clamp(1rem, 3vw, 1.5rem);
  }
  .credit-purchase-modal .credits-section__selector .quantity-display .quantity-number[b-4r8667q9zx] {
    font-size: clamp(1.75rem, 5vw, 2.5rem);
  }
  .credit-purchase-modal .credits-section__selector .quantity-slider[b-4r8667q9zx] {
    margin-bottom: clamp(0.75rem, 2vw, 1rem);
  }
  .credit-purchase-modal .credits-section__actions[b-4r8667q9zx] {
    margin-top: auto;
    flex-shrink: 0;
  }
  .credit-purchase-modal .credit-purchase-error[b-4r8667q9zx] {
    left: var(--spacing-sm);
    right: var(--spacing-sm);
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .credit-purchase-modal__tabs[b-4r8667q9zx] {
    display: none;
  }
  .credit-purchase-modal__body:not(.subscription-only)[b-4r8667q9zx] {
    flex-direction: row;
    gap: var(--gap-md);
  }
  .credit-purchase-modal__body:not(.subscription-only) .credit-purchase-modal__section[b-4r8667q9zx] {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
  }
  .credit-purchase-modal__body.subscription-only[b-4r8667q9zx] {
    flex-direction: column;
    justify-content: center;
  }
  .subscription-section__cards[b-4r8667q9zx] {
    overflow: visible;
    gap: clamp(1rem, 1.5vw, 1.5rem);
  }
  .subscription-section__card[b-4r8667q9zx] {
    flex: 1;
    min-width: 0;
    max-width: none;
    padding: clamp(1rem, 1.3vw, 1.25rem);
  }
  .subscription-section__card .credit-purchase-modal__card-header[b-4r8667q9zx] {
    margin-bottom: clamp(0.75rem, 1.2vw, 1rem);
  }
  .subscription-section__card .credit-purchase-modal__card-header h4[b-4r8667q9zx] {
    font-size: clamp(1rem, 1.3vw, 1.125rem);
  }
  .subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price[b-4r8667q9zx] {
    font-size: clamp(1.75rem, 2.5vw, 2rem);
  }
  .subscription-section__card .credit-purchase-modal__card-features[b-4r8667q9zx] {
    gap: clamp(0.25rem, 0.4vw, 0.375rem);
    margin: clamp(0.75rem, 1vw, 1rem) 0;
  }
  .subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx] {
    font-size: clamp(0.875rem, 1.1vw, 0.9375rem);
    line-height: 1.3;
  }
  .subscription-section__card .subscription-card__cta[b-4r8667q9zx] {
    padding: clamp(0.875rem, 1.2vw, 1rem) clamp(1.125rem, 1.5vw, 1.375rem);
    min-height: clamp(48px, 5vh, 56px);
    font-size: clamp(0.9375rem, 1.2vw, 1rem);
  }
}
@media (min-width: 1600px) {
  .credit-purchase-modal[b-4r8667q9zx] {
    --modal-padding: 1.5rem;
    --header-height: 120px;
    --footer-height: 80px;
    --gap-sm: 1rem;
    --gap-md: 1.5rem;
  }
  .credit-purchase-modal__content[b-4r8667q9zx] {
    max-width: min(1300px, 90vw);
  }
  .credit-purchase-modal__content.subscription-only[b-4r8667q9zx] {
    max-width: min(900px, 85vw);
  }
  .credit-purchase-modal .subscription-section__cards[b-4r8667q9zx] {
    gap: 1.75rem;
  }
  .credit-purchase-modal .subscription-section__card[b-4r8667q9zx] {
    padding: 1.375rem;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header[b-4r8667q9zx] {
    margin-bottom: 1.125rem;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header h4[b-4r8667q9zx] {
    font-size: 1.1875rem;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-header .credit-purchase-modal__card-price[b-4r8667q9zx] {
    font-size: 2.125rem;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features[b-4r8667q9zx] {
    gap: 0.4375rem;
    margin: 1.125rem 0;
  }
  .credit-purchase-modal .subscription-section__card .credit-purchase-modal__card-features .credit-purchase-modal__feature[b-4r8667q9zx] {
    font-size: 0.9375rem;
  }
  .credit-purchase-modal .subscription-section__card .subscription-card__cta[b-4r8667q9zx] {
    padding: 1rem 1.5rem;
    min-height: 60px;
    font-size: 1.0625rem;
  }
}
.lemonsqueezy-loader[b-4r8667q9zx] {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.lemonsqueezy-loading[b-4r8667q9zx] {
  overflow: hidden !important;
}
body.lemonsqueezy-loading .lemonsqueezy-loader[b-4r8667q9zx] {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@keyframes spin-b-4r8667q9zx {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=CreditPurchaseModal.razor.css.map */
/* /Pages/Components/Monetization/FreeTrialModal.razor.rz.scp.css */
:root[b-4hcmi9c82g] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-4hcmi9c82g] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.free-trial-modal[b-4hcmi9c82g] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: clamp(8px, 2vh, 20px);
}
.free-trial-modal.active[b-4hcmi9c82g] {
  opacity: 1;
  visibility: visible;
}
.free-trial-modal.active .free-trial-modal__content[b-4hcmi9c82g] {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.free-trial-modal__content[b-4hcmi9c82g] {
  background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
  border-radius: clamp(12px, 2vw, 24px);
  box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
  width: min(95vw, 650px);
  height: min(95vh, 600px);
  position: relative;
  transform: scale(0.9) translateY(30px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}
.free-trial-modal__header[b-4hcmi9c82g] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: clamp(16px, 3vh, 24px) clamp(20px, 4vw, 32px) clamp(12px, 2vh, 20px);
  text-align: center;
  position: relative;
}
.free-trial-modal__header .header-content .social-proof[b-4hcmi9c82g] {
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 1vh, 6px);
  margin-bottom: clamp(12px, 2vh, 16px);
  opacity: 0.95;
}
.free-trial-modal__header .header-content .social-proof .users-count[b-4hcmi9c82g] {
  font-size: clamp(11px, 2.5vw, 13px);
  font-weight: 500;
  letter-spacing: 0.3px;
}
.free-trial-modal__header .header-content .social-proof .live-indicator[b-4hcmi9c82g] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: clamp(10px, 2vw, 11px);
  opacity: 0.9;
}
.free-trial-modal__header .header-content .social-proof .live-indicator .pulse-dot[b-4hcmi9c82g] {
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
  animation: pulse-b-4hcmi9c82g 2s infinite;
}
.free-trial-modal__header .header-content h1[b-4hcmi9c82g] {
  font-size: clamp(20px, 5vw, 26px);
  font-weight: 700;
  margin: 0 0 clamp(4px, 1vh, 6px);
  line-height: 1.2;
  color: white;
}
.free-trial-modal__header .header-content .headline-sub[b-4hcmi9c82g] {
  font-size: clamp(12px, 3vw, 14px);
  margin: 0;
  opacity: 0.9;
  font-weight: 400;
}
.free-trial-modal__body[b-4hcmi9c82g] {
  padding: clamp(16px, 3vh, 24px) clamp(20px, 4vw, 32px) clamp(16px, 2vh, 20px);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr auto auto auto;
  gap: clamp(12px, 2vh, 20px);
  min-height: 0;
}
.free-trial-modal__error[b-4hcmi9c82g] {
  background: linear-gradient(90deg, #fee2e2, #fecaca);
  border: 1px solid #fca5a5;
  border-radius: 12px;
  padding: clamp(12px, 2vh, 16px);
}
.free-trial-modal__error .error-content[b-4hcmi9c82g] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #dc2626;
  font-weight: 500;
}
.free-trial-modal__error .error-content .error-close[b-4hcmi9c82g] {
  background: none;
  border: none;
  font-size: 20px;
  color: #dc2626;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.free-trial-modal .what-you-get h3[b-4hcmi9c82g] {
  font-size: clamp(16px, 3.5vw, 18px);
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 clamp(12px, 2vh, 16px) 0;
  text-align: left;
}
.free-trial-modal .value-grid[b-4hcmi9c82g] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: clamp(8px, 2vw, 16px);
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.free-trial-modal .value-grid[b-4hcmi9c82g]::-webkit-scrollbar {
  display: none;
}
.free-trial-modal .value-grid .value-item[b-4hcmi9c82g] {
  display: flex;
  align-items: flex-start;
  gap: clamp(8px, 2vw, 10px);
  padding: clamp(12px, 2.5vh, 16px);
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: clamp(8px, 1.5vw, 12px);
  border: 1px solid rgba(99, 102, 241, 0.1);
  transition: all 0.3s ease;
  min-height: fit-content;
}
.free-trial-modal .value-grid .value-item:hover[b-4hcmi9c82g] {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.12);
}
.free-trial-modal .value-grid .value-item .value-icon[b-4hcmi9c82g] {
  font-size: clamp(16px, 4vw, 20px);
  flex-shrink: 0;
}
.free-trial-modal .value-grid .value-item div[b-4hcmi9c82g] {
  min-width: 0;
}
.free-trial-modal .value-grid .value-item div strong[b-4hcmi9c82g] {
  display: block;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 2px;
  font-size: clamp(12px, 3vw, 14px);
  line-height: 1.3;
}
.free-trial-modal .value-grid .value-item div span[b-4hcmi9c82g] {
  color: #5c7089;
  font-size: clamp(10px, 2.5vw, 12px);
  line-height: 1.3;
  display: block;
}
.free-trial-modal .cta-section[b-4hcmi9c82g] {
  text-align: center;
}
.free-trial-modal .cta-section .cta-button[b-4hcmi9c82g] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
  border: none;
  border-radius: clamp(12px, 2vw, 16px);
  padding: clamp(14px, 2.5vh, 18px) clamp(24px, 5vw, 32px);
  font-size: clamp(15px, 3.5vw, 17px);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.4), 0 0 0 0 rgba(139, 92, 246, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2vw, 12px);
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: clamp(44px, 8vh, 54px);
}
.free-trial-modal .cta-section .cta-button:hover:not(:disabled)[b-4hcmi9c82g] {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(139, 92, 246, 0.5), 0 0 0 3px rgba(139, 92, 246, 0.3);
}
.free-trial-modal .cta-section .cta-button:active:not(:disabled)[b-4hcmi9c82g] {
  transform: translateY(0);
}
.free-trial-modal .cta-section .cta-button:disabled[b-4hcmi9c82g] {
  opacity: 0.8;
  cursor: not-allowed;
}
.free-trial-modal .cta-section .cta-button .button-icon[b-4hcmi9c82g] {
  font-size: clamp(16px, 3.5vw, 18px);
}
.free-trial-modal .cta-section .cta-button .button-spinner[b-4hcmi9c82g] {
  width: clamp(16px, 3vw, 18px);
  height: clamp(16px, 3vw, 18px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin-b-4hcmi9c82g 1s linear infinite;
}
.free-trial-modal .trust-indicators[b-4hcmi9c82g] {
  display: flex;
  justify-content: center;
  gap: clamp(12px, 3vw, 20px);
  flex-wrap: wrap;
}
.free-trial-modal .trust-indicators .trust-item[b-4hcmi9c82g] {
  display: flex;
  align-items: center;
  gap: clamp(4px, 1vw, 6px);
  font-size: clamp(10px, 2.5vw, 12px);
  color: #5c7089;
  font-weight: 500;
  white-space: nowrap;
}
.free-trial-modal .trust-indicators .trust-item .trust-icon[b-4hcmi9c82g] {
  font-size: clamp(12px, 3vw, 14px);
}
.free-trial-modal .exit-text[b-4hcmi9c82g] {
  text-align: center;
}
.free-trial-modal .exit-text a[b-4hcmi9c82g] {
  color: #5c7089;
  font-size: clamp(10px, 2.5vw, 12px);
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.2s ease;
}
.free-trial-modal .exit-text a:hover[b-4hcmi9c82g] {
  color: #2c3e50;
}
.free-trial-modal__close[b-4hcmi9c82g] {
  position: absolute;
  top: clamp(12px, 2vh, 16px);
  right: clamp(12px, 2vw, 16px);
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: clamp(32px, 6vw, 36px);
  height: clamp(32px, 6vw, 36px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(16px, 3vw, 20px);
  color: #2c3e50;
  cursor: pointer;
  transition: all 0.2s ease;
  backdrop-filter: blur(10px);
}
.free-trial-modal__close:hover[b-4hcmi9c82g] {
  background: white;
  transform: scale(1.1);
}

.discount-modal[b-4hcmi9c82g] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: clamp(16px, 3vh, 24px);
}
.discount-modal.active[b-4hcmi9c82g] {
  opacity: 1;
  visibility: visible;
}
.discount-modal.active .discount-modal__content[b-4hcmi9c82g] {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.discount-modal__content[b-4hcmi9c82g] {
  background: #ffffff;
  border-radius: clamp(16px, 3vw, 24px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  width: min(90vw, 480px);
  max-height: min(85vh, 500px);
  position: relative;
  transform: scale(0.95) translateY(20px);
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 3vh, 24px);
  padding: clamp(24px, 5vh, 32px);
  overflow: hidden;
}
.discount-modal__header[b-4hcmi9c82g] {
  text-align: center;
}
.discount-modal__header h2[b-4hcmi9c82g] {
  font-size: clamp(20px, 4vw, 24px);
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 clamp(8px, 1vh, 12px);
  line-height: 1.3;
}
.discount-modal__header p[b-4hcmi9c82g] {
  font-size: clamp(14px, 3vw, 16px);
  color: #5c7089;
  margin: 0;
  line-height: 1.4;
}
.discount-modal__pricing[b-4hcmi9c82g] {
  text-align: center;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: clamp(12px, 2vw, 16px);
  padding: clamp(16px, 3vh, 24px);
  border: 1px solid rgba(99, 102, 241, 0.1);
}
.discount-modal__pricing .price-display[b-4hcmi9c82g] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2vw, 16px);
  margin-bottom: clamp(8px, 1vh, 12px);
}
.discount-modal__pricing .price-display .price-old[b-4hcmi9c82g] {
  font-size: clamp(16px, 3vw, 18px);
  color: #9ca3af;
  text-decoration: line-through;
  font-weight: 500;
}
.discount-modal__pricing .price-display .price-new[b-4hcmi9c82g] {
  font-size: clamp(24px, 5vw, 28px);
  font-weight: 800;
  color: #2c3e50;
}
.discount-modal__pricing .price-display .price-badge[b-4hcmi9c82g] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: clamp(4px, 1vh, 6px) clamp(8px, 2vw, 12px);
  border-radius: clamp(6px, 1vw, 8px);
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 700;
  letter-spacing: 0.5px;
}
.discount-modal__pricing .price-terms[b-4hcmi9c82g] {
  font-size: clamp(12px, 2.5vw, 14px);
  color: #5c7089;
  font-weight: 500;
}
.discount-modal__benefits[b-4hcmi9c82g] {
  display: flex;
  justify-content: center;
  gap: clamp(16px, 3vw, 24px);
  flex-wrap: wrap;
}
.discount-modal__benefits .benefit[b-4hcmi9c82g] {
  font-size: clamp(12px, 2.5vw, 14px);
  font-weight: 600;
  color: #2c3e50;
  white-space: nowrap;
}
.discount-modal__timer[b-4hcmi9c82g] {
  text-align: center;
  font-size: clamp(13px, 2.5vw, 15px);
  color: #f59e0b;
  font-weight: 600;
  background: rgba(251, 191, 36, 0.1);
  padding: clamp(8px, 1.5vh, 12px);
  border-radius: clamp(8px, 1.5vw, 12px);
  border: 1px solid rgba(251, 191, 36, 0.2);
}
.discount-modal__cta[b-4hcmi9c82g] {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2vh, 16px);
}
.discount-modal__cta .discount-cta-clean[b-4hcmi9c82g] {
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  color: white;
  border: none;
  border-radius: clamp(12px, 2vw, 16px);
  padding: clamp(14px, 2.5vh, 18px) clamp(20px, 4vw, 28px);
  font-size: clamp(15px, 3vw, 17px);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 1.5vw, 12px);
  min-height: clamp(44px, 8vh, 54px);
}
.discount-modal__cta .discount-cta-clean:hover:not(:disabled)[b-4hcmi9c82g] {
  transform: translateY(-1px);
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3);
}
.discount-modal__cta .discount-cta-clean:disabled[b-4hcmi9c82g] {
  opacity: 0.7;
  cursor: not-allowed;
}
.discount-modal__cta .discount-cta-clean .loading-spinner[b-4hcmi9c82g] {
  width: clamp(16px, 3vw, 18px);
  height: clamp(16px, 3vw, 18px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin-b-4hcmi9c82g 1s linear infinite;
}
.discount-modal__cta .discount-skip-clean[b-4hcmi9c82g] {
  background: none;
  border: none;
  color: #5c7089;
  font-size: clamp(13px, 2.5vw, 15px);
  font-weight: 500;
  cursor: pointer;
  padding: clamp(8px, 1.5vh, 12px);
  transition: color 0.2s ease;
}
.discount-modal__cta .discount-skip-clean:hover[b-4hcmi9c82g] {
  color: #2c3e50;
}

@keyframes pulse-b-4hcmi9c82g {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
}
@keyframes spin-b-4hcmi9c82g {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=FreeTrialModal.razor.css.map */
/* /Pages/Components/Monetization/PaywallOverlay.razor.rz.scp.css */
@charset "UTF-8";
:root[b-d5375xqb8z] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-d5375xqb8z] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.paywall-overlay[b-d5375xqb8z] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .paywall-overlay[b-d5375xqb8z] {
    padding: 0;
    align-items: stretch;
  }
}
.paywall-overlay.active[b-d5375xqb8z] {
  opacity: 1;
  visibility: visible;
}
.paywall-overlay.active .paywall-overlay__content[b-d5375xqb8z] {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.paywall-overlay__content[b-d5375xqb8z] {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 1100px;
  max-height: 90vh;
  position: relative;
  display: flex;
  flex-direction: column;
  transform: translateY(20px) scale(0.98);
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .paywall-overlay__content[b-d5375xqb8z] {
    max-width: 100vw;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: translateY(100%);
  }
  .paywall-overlay__content.active[b-d5375xqb8z] {
    transform: translateY(0);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .paywall-overlay__content[b-d5375xqb8z] {
    max-width: 900px;
    max-height: 85vh;
  }
}
.paywall-overlay__header[b-d5375xqb8z] {
  background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #6366F1 100%);
  color: #ffffff;
  text-align: center;
  padding: 2rem 1rem 1.5rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .paywall-overlay__header[b-d5375xqb8z] {
    padding: 3rem 1rem 1rem;
  }
}
.paywall-overlay__header[b-d5375xqb8z]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%);
  pointer-events: none;
}
.paywall-overlay__header-content[b-d5375xqb8z] {
  position: relative;
  z-index: 2;
}
.paywall-overlay__header-content h2[b-d5375xqb8z] {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 800;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.025em;
  color: #ffffff;
}
@media (max-width: 767px) {
  .paywall-overlay__header-content h2[b-d5375xqb8z] {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
@media (min-width: 1024px) {
  .paywall-overlay__header-content h2[b-d5375xqb8z] {
    font-size: 2rem;
  }
}
.paywall-overlay__close[b-d5375xqb8z] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.paywall-overlay__close:hover[b-d5375xqb8z] {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .paywall-overlay__close[b-d5375xqb8z] {
    top: 0.75rem;
    right: 0.75rem;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
  }
  .paywall-overlay__close:hover[b-d5375xqb8z] {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.05);
  }
}
.paywall-overlay__body[b-d5375xqb8z] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .paywall-overlay__body[b-d5375xqb8z] {
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .paywall-overlay__body[b-d5375xqb8z] {
    padding: 2rem;
  }
}
.paywall-overlay__error[b-d5375xqb8z] {
  background: #FFF5F5;
  border: 1px solid #FEB2B2;
  color: #E53E3E;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  word-wrap: break-word;
}
.paywall-overlay__main[b-d5375xqb8z] {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .paywall-overlay__main[b-d5375xqb8z] {
    flex-direction: row;
    gap: 0.5rem;
    position: relative;
    align-items: stretch;
  }
}
.paywall-overlay__anchor[b-d5375xqb8z] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(124, 58, 237, 0.06) 100%);
  color: #6B7280;
  border: 1px solid rgba(139, 92, 246, 0.15);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.05);
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .paywall-overlay__anchor[b-d5375xqb8z] {
    min-height: 30vh;
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .paywall-overlay__anchor[b-d5375xqb8z] {
    min-height: 200px;
  }
}
@media (min-width: 1024px) {
  .paywall-overlay__anchor[b-d5375xqb8z] {
    flex: 1;
    min-height: 400px;
  }
}
.paywall-overlay__anchor[b-d5375xqb8z]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, transparent 50%);
  pointer-events: none;
}
.paywall-overlay__anchor-content[b-d5375xqb8z] {
  padding: 2rem 1.5rem;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .paywall-overlay__anchor-content[b-d5375xqb8z] {
    padding: 1.5rem 1rem;
  }
}
.paywall-overlay__anchor-price[b-d5375xqb8z] {
  font-size: 3rem;
  font-weight: 700;
  margin: 1rem 0;
  line-height: 1;
  color: #8B5CF6;
}
@media (max-width: 767px) {
  .paywall-overlay__anchor-price[b-d5375xqb8z] {
    font-size: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .paywall-overlay__anchor-price[b-d5375xqb8z] {
    font-size: 3.5rem;
  }
}
.paywall-overlay__currency[b-d5375xqb8z] {
  font-size: 0.6em;
  vertical-align: top;
}
.paywall-overlay__amount[b-d5375xqb8z] {
  font-weight: 900;
}
.paywall-overlay__anchor-title[b-d5375xqb8z] {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #6B7280;
}
@media (max-width: 767px) {
  .paywall-overlay__anchor-title[b-d5375xqb8z] {
    font-size: 1.125rem;
  }
}
.paywall-overlay__anchor-subtitle[b-d5375xqb8z] {
  font-size: 1rem;
  color: #9CA3AF;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .paywall-overlay__anchor-subtitle[b-d5375xqb8z] {
    font-size: 0.875rem;
  }
}
.paywall-overlay__anchor-features[b-d5375xqb8z] {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
.paywall-overlay__anchor-features li[b-d5375xqb8z] {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6B7280;
}
.paywall-overlay__anchor-features li[b-d5375xqb8z]::before {
  content: "✓";
  margin-right: 0.5rem;
  font-weight: bold;
  color: #10B981;
  font-size: 1rem;
}
.paywall-overlay__anchor-button[b-d5375xqb8z] {
  background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  padding: 0.875rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25);
  margin-top: auto;
}
.paywall-overlay__anchor-button:hover:not(:disabled)[b-d5375xqb8z] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.35);
  background: linear-gradient(135deg, #7C3AED 0%, #9333EA 100%);
}
.paywall-overlay__anchor-button:disabled[b-d5375xqb8z] {
  opacity: 0.7;
  cursor: not-allowed;
}
.paywall-overlay__or-separator[b-d5375xqb8z] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  position: relative;
}
@media (min-width: 1024px) {
  .paywall-overlay__or-separator[b-d5375xqb8z] {
    position: relative;
    width: 48px;
    margin: 0;
    flex-shrink: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
  }
}
.paywall-overlay__or-line[b-d5375xqb8z] {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #CBD5E0 50%, transparent 100%);
  border-radius: 1px;
}
@media (min-width: 1024px) {
  .paywall-overlay__or-line[b-d5375xqb8z] {
    position: absolute;
    width: 1px;
    height: 90%;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to bottom, transparent 0%, #D1D5DB 15%, #D1D5DB 85%, transparent 100%);
  }
}
.paywall-overlay__or-text[b-d5375xqb8z] {
  background: #ffffff;
  color: #6B7280;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  border: 2px solid #E2E8F0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .paywall-overlay__or-text[b-d5375xqb8z] {
    background: #ffffff;
    color: #6B7280;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border: 1.5px solid #D1D5DB;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 6;
    white-space: nowrap;
  }
}
.paywall-overlay__subscriptions[b-d5375xqb8z] {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .paywall-overlay__subscriptions[b-d5375xqb8z] {
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .paywall-overlay__subscriptions[b-d5375xqb8z] {
    flex: 2;
  }
}
.paywall-overlay__subscriptions-header[b-d5375xqb8z] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.paywall-overlay__subscriptions-header h3[b-d5375xqb8z] {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  color: #2D3748;
}
@media (max-width: 767px) {
  .paywall-overlay__subscriptions-header h3[b-d5375xqb8z] {
    font-size: 1.25rem;
  }
}
.paywall-overlay__subscriptions-header p[b-d5375xqb8z] {
  color: #718096;
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .paywall-overlay__subscriptions-header p[b-d5375xqb8z] {
    font-size: 0.875rem;
  }
}
.paywall-overlay__billing-toggle[b-d5375xqb8z] {
  display: flex;
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  border-radius: 12px;
  padding: 4px;
  margin: 0 auto 1.5rem;
  width: fit-content;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  position: relative;
}
@media (max-width: 767px) {
  .paywall-overlay__billing-toggle[b-d5375xqb8z] {
    width: 100%;
  }
}
.paywall-overlay__billing-toggle[b-d5375xqb8z]::after {
  content: "Save 25%";
  position: absolute;
  top: -8px;
  right: -8px;
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
  transform: rotate(12deg);
  z-index: 10;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .paywall-overlay__billing-toggle[b-d5375xqb8z]::after {
    font-size: 9px;
    padding: 1px 4px;
    top: -6px;
    right: -6px;
  }
}
.paywall-overlay__billing-btn[b-d5375xqb8z] {
  background: transparent;
  border: none;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #6B7280;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex: 1;
  font-size: 0.8rem;
}
.paywall-overlay__billing-btn.active[b-d5375xqb8z] {
  background: #ffffff;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.paywall-overlay__save-badge[b-d5375xqb8z] {
  background: #EF4444;
  color: #ffffff;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  margin-left: 4px;
  position: relative;
  top: -1px;
}
@media (max-width: 767px) {
  .paywall-overlay__save-badge[b-d5375xqb8z] {
    font-size: 9px;
    padding: 1px 3px;
  }
}
.paywall-overlay__cards[b-d5375xqb8z] {
  display: flex;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .paywall-overlay__cards[b-d5375xqb8z] {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .paywall-overlay__cards[b-d5375xqb8z] {
    gap: 0.75rem;
  }
}
.paywall-overlay__card[b-d5375xqb8z] {
  border: 2px solid #E2E8F0;
  border-radius: 16px;
  padding: 1.5rem;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
  min-height: 420px;
}
@media (max-width: 767px) {
  .paywall-overlay__card[b-d5375xqb8z] {
    padding: 1.25rem;
    border-radius: 12px;
    width: 100%;
    min-width: 0;
    min-height: 380px;
  }
}
.paywall-overlay__card:hover:not(.loading)[b-d5375xqb8z] {
  border-color: #667EEA;
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(102, 126, 234, 0.25);
}
@media (max-width: 767px) {
  .paywall-overlay__card:hover:not(.loading)[b-d5375xqb8z] {
    transform: translateY(-2px);
  }
}
.paywall-overlay__card:hover:not(.loading) .paywall-overlay__card-cta[b-d5375xqb8z] {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
}
.paywall-overlay__card:hover:not(.loading) .paywall-overlay__card-cta--featured[b-d5375xqb8z] {
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
.paywall-overlay__card--featured[b-d5375xqb8z] {
  border-color: #667EEA;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(244, 143, 177, 0.08) 100%);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
  overflow: visible;
  position: relative;
}
.paywall-overlay__card.loading[b-d5375xqb8z] {
  pointer-events: none;
  opacity: 0.8;
  transform: none !important;
}
.paywall-overlay__card-badge[b-d5375xqb8z] {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%);
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 15px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(240, 147, 251, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.paywall-overlay__card-ribbon[b-d5375xqb8z] {
  position: absolute;
  top: -8px;
  right: -6px;
  background: linear-gradient(135deg, #FFC107 0%, #FF9800 30%, #FF5252 100%);
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  z-index: 15;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: clamp(0.65rem, 1vw, 0.75rem);
  padding: clamp(6px, 1vw, 8px) clamp(10px, 1.8vw, 14px);
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
  border-radius: 2px;
}
.paywall-overlay__card-ribbon[b-d5375xqb8z]::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: #B8860B transparent transparent transparent;
}
@media (max-width: 767px) {
  .paywall-overlay__card-ribbon[b-d5375xqb8z] {
    top: -6px;
    right: -4px;
    padding: clamp(4px, 0.8vw, 6px) clamp(8px, 1.5vw, 12px);
    font-size: clamp(0.6rem, 0.9vw, 0.65rem);
  }
  .paywall-overlay__card-ribbon[b-d5375xqb8z]::after {
    border-width: 4px 4px 0 0;
    bottom: -4px;
  }
}
.paywall-overlay__card-header[b-d5375xqb8z] {
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}
.paywall-overlay__card-header h4[b-d5375xqb8z] {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  color: #2D3748;
}
@media (max-width: 767px) {
  .paywall-overlay__card-header h4[b-d5375xqb8z] {
    font-size: 1rem;
  }
}
.paywall-overlay__card-price[b-d5375xqb8z] {
  font-size: 2rem;
  font-weight: 900;
  color: #667EEA;
  line-height: 1;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
@media (max-width: 767px) {
  .paywall-overlay__card-price[b-d5375xqb8z] {
    font-size: 1.75rem;
  }
}
.paywall-overlay__card-price .paywall-overlay__currency[b-d5375xqb8z] {
  font-size: 0.5em;
  vertical-align: top;
}
.paywall-overlay__card-price .paywall-overlay__amount[b-d5375xqb8z] {
  font-weight: 900;
}
.paywall-overlay__card-price .paywall-overlay__period[b-d5375xqb8z] {
  font-size: 0.4em;
  color: #718096;
  font-weight: 500;
}
.paywall-overlay__original-price[b-d5375xqb8z] {
  text-decoration: line-through;
  color: #A0AEC0;
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.paywall-overlay__card-features[b-d5375xqb8z] {
  flex: 1;
  margin: 1rem 0 0 0;
  position: relative;
  z-index: 2;
}
.paywall-overlay__feature[b-d5375xqb8z] {
  display: flex;
  align-items: flex-start;
  color: #4A5568;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.paywall-overlay__feature[b-d5375xqb8z]::before {
  content: "✓";
  margin-right: 0.75rem;
  color: #38A169;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.paywall-overlay__card-cta[b-d5375xqb8z] {
  width: 100%;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
  background: #f3f4f6;
  color: #374151;
  border: 2px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.paywall-overlay__card-cta[b-d5375xqb8z]::before {
  content: "";
  position: absolute;
  inset: 0 -100% 0 -100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: transform 0.6s ease;
  transform: translateX(-100%);
}
.paywall-overlay__card-cta:hover:not(.loading)[b-d5375xqb8z]::before {
  transform: translateX(100%);
}
.paywall-overlay__card-cta:hover:not(.loading)[b-d5375xqb8z] {
  background: #e5e7eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.paywall-overlay__card-cta--featured[b-d5375xqb8z] {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.25);
  border: 2px solid transparent;
  position: relative;
  z-index: 2;
  overflow: visible;
}
.paywall-overlay__card-cta--featured[b-d5375xqb8z]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 113%;
  border: 2px solid rgba(102, 126, 234, 0.6);
  border-radius: 12px;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  animation: ripple-b-d5375xqb8z 6s linear infinite;
}
.paywall-overlay__card-cta--featured span[b-d5375xqb8z] {
  position: relative;
  z-index: 2;
}
.paywall-overlay__card-cta--featured:hover:not(.loading)[b-d5375xqb8z] {
  background: linear-gradient(135deg, #5A67D8 0%, #6B5B95 100%);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.paywall-overlay__card-cta.loading[b-d5375xqb8z] {
  pointer-events: none;
  opacity: 0.8;
}
.paywall-overlay__card-cta.loading .paywall-overlay__spinner[b-d5375xqb8z] {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin-b-d5375xqb8z 1s linear infinite;
}
.paywall-overlay__card-cta:disabled[b-d5375xqb8z] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none !important;
}
.paywall-overlay__footer[b-d5375xqb8z] {
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  border-top: 1px solid #E2E8F0;
  padding: 1rem;
}
@media (max-width: 767px) {
  .paywall-overlay__footer[b-d5375xqb8z] {
    padding: 0.75rem;
  }
}
.paywall-overlay__trust-indicators[b-d5375xqb8z] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .paywall-overlay__trust-indicators[b-d5375xqb8z] {
    gap: 1rem;
    font-size: 0.875rem;
  }
}
.paywall-overlay__trust-item[b-d5375xqb8z] {
  color: #718096;
  font-weight: 500;
  font-size: 0.875rem;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .paywall-overlay__trust-item[b-d5375xqb8z] {
    font-size: 0.75rem;
  }
}
.paywall-overlay__spinner[b-d5375xqb8z] {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin-b-d5375xqb8z 1s linear infinite;
}

@keyframes spin-b-d5375xqb8z {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple-b-d5375xqb8z {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0;
  }
}

/*# sourceMappingURL=PaywallOverlay.razor.css.map */
/* /Pages/Components/Monetization/SocialProofComponent.razor.rz.scp.css */
@charset "UTF-8";
:root[b-8mu05rgoc6] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-8mu05rgoc6] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.social-proof__container[b-8mu05rgoc6] {
  padding: 2rem 0;
  background: linear-gradient(135deg, rgba(103, 58, 183, 0.02), rgba(33, 150, 243, 0.02));
  border-radius: 12px;
  text-align: center;
  margin: 2rem 0;
}
@media (max-width: 600px) {
  .social-proof__container[b-8mu05rgoc6] {
    padding: 1.5rem 1rem;
    margin: 1.5rem 0;
  }
}
.social-proof__header[b-8mu05rgoc6] {
  margin-bottom: 2rem;
}
.social-proof__header h3[b-8mu05rgoc6] {
  color: #2c3e50;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
@media (max-width: 600px) {
  .social-proof__header h3[b-8mu05rgoc6] {
    font-size: 1.25rem;
  }
}
.social-proof__header p[b-8mu05rgoc6] {
  color: #5c7089;
  font-size: 1rem;
  margin: 0;
}
@media (max-width: 600px) {
  .social-proof__header p[b-8mu05rgoc6] {
    font-size: 0.9rem;
  }
}
.social-proof__stats[b-8mu05rgoc6] {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 960px) {
  .social-proof__stats[b-8mu05rgoc6] {
    gap: 2rem;
  }
}
@media (max-width: 600px) {
  .social-proof__stats[b-8mu05rgoc6] {
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.social-proof__stat[b-8mu05rgoc6] {
  text-align: center;
}
.social-proof__stat-number[b-8mu05rgoc6] {
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  background: linear-gradient(120deg, #3273dc, #00d1b2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media (max-width: 600px) {
  .social-proof__stat-number[b-8mu05rgoc6] {
    font-size: 2rem;
  }
}
.social-proof__stat-label[b-8mu05rgoc6] {
  font-size: 0.875rem;
  color: #5c7089;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 600px) {
  .social-proof__stat-label[b-8mu05rgoc6] {
    font-size: 0.8rem;
  }
}
.social-proof__testimonials[b-8mu05rgoc6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
@media (max-width: 600px) {
  .social-proof__testimonials[b-8mu05rgoc6] {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.5rem;
  }
}
.social-proof__testimonial[b-8mu05rgoc6] {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  text-align: left;
  transition: all 0.3s ease;
}
.social-proof__testimonial:hover[b-8mu05rgoc6] {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  border-color: rgba(103, 58, 183, 0.2);
}
@media (max-width: 600px) {
  .social-proof__testimonial[b-8mu05rgoc6] {
    padding: 1.25rem;
  }
  .social-proof__testimonial:hover[b-8mu05rgoc6] {
    transform: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  }
}
.social-proof__testimonial-content[b-8mu05rgoc6] {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #2c3e50;
  margin-bottom: 1rem;
  font-style: italic;
}
.social-proof__testimonial-content[b-8mu05rgoc6]::before {
  content: "“";
  font-size: 2rem;
  color: #3273dc;
  line-height: 1;
  margin-right: 0.25rem;
}
.social-proof__testimonial-content[b-8mu05rgoc6]::after {
  content: "”";
  font-size: 2rem;
  color: #3273dc;
  line-height: 1;
  margin-left: 0.25rem;
}
@media (max-width: 600px) {
  .social-proof__testimonial-content[b-8mu05rgoc6] {
    font-size: 0.9rem;
  }
}
.social-proof__testimonial-author[b-8mu05rgoc6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.social-proof__testimonial-author img[b-8mu05rgoc6] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: #f5f8fc;
}
.social-proof__testimonial-author .author-info[b-8mu05rgoc6] {
  flex: 1;
}
.social-proof__testimonial-author .author-info .name[b-8mu05rgoc6] {
  font-weight: 600;
  color: #2c3e50;
  font-size: 0.9rem;
  margin-bottom: 0.125rem;
}
.social-proof__testimonial-author .author-info .title[b-8mu05rgoc6] {
  font-size: 0.8rem;
  color: #5c7089;
}
.social-proof__brands[b-8mu05rgoc6] {
  margin-top: 3rem;
}
.social-proof__brands h4[b-8mu05rgoc6] {
  color: #5c7089;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
  text-align: center;
}
.social-proof__brands .brands-grid[b-8mu05rgoc6] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .social-proof__brands .brands-grid[b-8mu05rgoc6] {
    gap: 1.5rem;
  }
}
.social-proof__brands .brands-grid img[b-8mu05rgoc6] {
  height: 32px;
  opacity: 0.6;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.social-proof__brands .brands-grid img:hover[b-8mu05rgoc6] {
  opacity: 1;
  filter: grayscale(0%);
}
@media (max-width: 600px) {
  .social-proof__brands .brands-grid img[b-8mu05rgoc6] {
    height: 28px;
  }
}

@keyframes countUp-b-8mu05rgoc6 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-contrast: high) {
  .social-proof__container[b-8mu05rgoc6] {
    border: 2px solid #2c3e50;
    background: #ffffff;
  }
  .social-proof__testimonial[b-8mu05rgoc6] {
    border-width: 2px;
    border-color: #5c7089;
  }
  .social-proof__stat-number[b-8mu05rgoc6] {
    color: #3273dc !important;
    background: none !important;
    -webkit-text-fill-color: #3273dc !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .social-proof__testimonial[b-8mu05rgoc6] {
    transition: none;
  }
  .social-proof__testimonial:hover[b-8mu05rgoc6] {
    transform: none;
  }
  .social-proof__stat-number[b-8mu05rgoc6] {
    animation: none;
  }
}

/*# sourceMappingURL=SocialProofComponent.razor.css.map */
/* /Pages/Components/Monetization/SubscriptionManagementModal.razor.rz.scp.css */
@charset "UTF-8";
:root[b-nm7s35fa9o] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-nm7s35fa9o] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.subscription-management-modal[b-nm7s35fa9o] {
  --modal-padding: clamp(0.75rem, 2vw, 1.5rem);
  --header-height: clamp(70px, 12vh, 140px);
  --footer-height: clamp(50px, 6vh, 80px);
  --gap-sm: clamp(0.5rem, 1.5vw, 1rem);
  --gap-md: clamp(0.75rem, 2vw, 1.5rem);
  --border-radius: clamp(0.5rem, 1vw, 1rem);
  --card-min-height: clamp(320px, 45vh, 450px);
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--modal-padding);
}
.subscription-management-modal.active[b-nm7s35fa9o] {
  opacity: 1;
  visibility: visible;
}
.subscription-management-modal.active .subscription-management-modal__content[b-nm7s35fa9o] {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.subscription-management-modal__content[b-nm7s35fa9o] {
  background: #ffffff;
  border-radius: var(--border-radius);
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.35);
  width: 100%;
  max-width: min(1400px, 95vw);
  max-height: 95vh;
  position: relative;
  transform: scale(0.95) translateY(20px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  container-type: inline-size;
}
.subscription-management-modal__header[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  text-align: center;
  padding: var(--modal-padding);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-management-modal__header[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
  pointer-events: none;
}
.subscription-management-modal__header h2[b-nm7s35fa9o] {
  margin: 0;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.03em;
  line-height: 1.1;
  font-size: clamp(1.25rem, 4vw, 2.25rem);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.subscription-management-modal__header h2[b-nm7s35fa9o]::before {
  content: "⭐";
  margin-right: 0.5rem;
  font-size: 0.8em;
  opacity: 0.9;
}
.subscription-management-modal__close[b-nm7s35fa9o] {
  position: absolute;
  top: var(--modal-padding);
  right: var(--modal-padding);
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 50%;
  width: clamp(40px, 6vw, 48px);
  height: clamp(40px, 6vw, 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.subscription-management-modal__close:hover[b-nm7s35fa9o] {
  background: rgba(255, 255, 255, 0.4);
  transform: scale(1.1);
}
.subscription-management-modal__body[b-nm7s35fa9o] {
  flex: 1;
  padding: var(--modal-padding);
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.subscription-management-modal__main[b-nm7s35fa9o] {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex: 1;
  min-height: 0;
  align-items: start;
}
@container (max-width: 1200px) {
  .subscription-management-modal__main[b-nm7s35fa9o] {
    flex-direction: column;
    gap: var(--gap-md);
  }
}
.subscription-management-modal__footer[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: var(--modal-padding);
  text-align: center;
  flex-shrink: 0;
  min-height: var(--footer-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-management-modal__footer .trust-indicators[b-nm7s35fa9o] {
  display: flex;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8rem, 1.3vw, 0.9rem);
  color: #5c7089;
  flex-wrap: wrap;
}
.subscription-management-modal__footer .trust-indicators .trust-item[b-nm7s35fa9o] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.subscription-management-modal__footer .trust-indicators .trust-item i[b-nm7s35fa9o] {
  font-size: 1.2em;
  color: #2661c7;
}

.plans-section[b-nm7s35fa9o] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  min-height: 0;
  flex: 1;
  min-width: 0;
}
@container (max-width: 1200px) {
  .plans-section[b-nm7s35fa9o] {
    order: 1;
    flex: 0 1 auto;
  }
}
.plans-section__header[b-nm7s35fa9o] {
  text-align: center;
  margin-bottom: var(--gap-md);
}
.plans-section__header h3[b-nm7s35fa9o] {
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 800;
  color: #2c3e50;
  letter-spacing: -0.025em;
  line-height: 1.1;
}
.plans-section__header p[b-nm7s35fa9o] {
  margin: 0;
  font-size: clamp(0.875rem, 1.3vw, 1rem);
  color: #5c7089;
  font-weight: 500;
  line-height: 1.4;
}
.plans-section__header .current-subscription-info[b-nm7s35fa9o] {
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.04) 100%);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: calc(var(--border-radius) * 0.75);
}
.plans-section__header .current-subscription-info .subscription-status[b-nm7s35fa9o] {
  font-size: clamp(0.8rem, 1.2vw, 0.9rem);
  color: #1e4b94;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.plans-section__header .current-subscription-info .subscription-status[b-nm7s35fa9o]::before {
  content: "✓";
  color: #2661c7;
  font-weight: 700;
  font-size: 1.1em;
}

.billing-toggle-wrapper[b-nm7s35fa9o] {
  text-align: center;
  margin-bottom: var(--gap-md);
}
.billing-toggle-wrapper .billing-toggle[b-nm7s35fa9o] {
  display: inline-flex;
  background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
  border-radius: var(--border-radius);
  padding: 4px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.billing-toggle-wrapper .billing-toggle .billing-btn[b-nm7s35fa9o] {
  background: transparent;
  border: none;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: calc(var(--border-radius) * 0.75);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #5c7089;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1.3vw, 1rem);
  position: relative;
}
.billing-toggle-wrapper .billing-toggle .billing-btn.active[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  color: #2c3e50;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.billing-toggle-wrapper .billing-toggle .billing-btn .save-badge[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: clamp(8px, 1vw, 10px);
  font-weight: 900;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.4);
  animation: pulse-glow-b-nm7s35fa9o 2s infinite;
}
.billing-toggle-wrapper .billing-benefit[b-nm7s35fa9o] {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: #1e4b94;
  font-weight: 600;
  margin-top: 0.75rem;
  text-align: center;
}
.billing-toggle-wrapper .billing-benefit[b-nm7s35fa9o]::before {
  content: "🎉 ";
  margin-right: 0.25rem;
}

.plans-grid[b-nm7s35fa9o] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1;
  min-height: 0;
}
@container (max-width: 768px) {
  .plans-grid[b-nm7s35fa9o] {
    grid-template-columns: 1fr;
  }
}

.plan-card[b-nm7s35fa9o] {
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  padding: clamp(1rem, 1.8vw, 1.25rem);
  background: #ffffff;
  transition: none;
  position: relative;
  display: flex;
  flex-direction: column;
  user-select: none;
  min-height: var(--card-min-height);
  overflow: visible;
  container-type: inline-size;
  cursor: default;
}
.plan-card.featured[b-nm7s35fa9o] {
  border-color: #3273dc;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(244, 143, 177, 0.06) 100%);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.12);
  overflow: visible;
  transform: scale(1.02);
  z-index: 1;
}
@container (max-width: 600px) {
  .plan-card.featured[b-nm7s35fa9o] {
    transform: scale(1);
  }
}
@media (min-width: 1200px) {
  .plan-card.featured[b-nm7s35fa9o] {
    transform: scale(1);
  }
}
.plan-card.current[b-nm7s35fa9o] {
  border-color: #3273dc;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(244, 143, 177, 0.06) 100%);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.12);
}
.plan-card.downgrade-available[b-nm7s35fa9o] {
  border-color: rgba(0, 0, 0, 0.08);
  background: #ffffff;
}
.plan-card.upgrade-available[b-nm7s35fa9o] {
  border-color: #3273dc;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(244, 143, 177, 0.06) 100%);
}
.plan-card.loading[b-nm7s35fa9o] {
  pointer-events: none;
  opacity: 0.8;
  transform: none !important;
}
.plan-card .popular-ribbon[b-nm7s35fa9o] {
  position: absolute;
  top: -12px;
  right: -8px;
  background: linear-gradient(135deg, #FFC107 0%, #FF9800 30%, #FF5252 100%);
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  z-index: 15;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: clamp(0.65rem, 1vw, 0.75rem);
  padding: clamp(6px, 1vw, 8px) clamp(12px, 2vw, 16px);
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
}
.plan-card .popular-ribbon[b-nm7s35fa9o]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 0;
  border-color: #B8860B transparent transparent transparent;
}
.plan-card .current-plan-badge[b-nm7s35fa9o] {
  position: absolute;
  top: clamp(8px, 1.5vw, 12px);
  left: clamp(8px, 1.5vw, 12px);
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  padding: clamp(4px, 0.8vw, 6px) clamp(8px, 1.5vw, 12px);
  border-radius: clamp(4px, 0.8vw, 6px);
  font-size: clamp(0.625rem, 0.9vw, 0.75rem);
  font-weight: 700;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.plan-card .current-plan-badge.cancelled[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #ff3860 0%, #dc2626 100%);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}
.plan-card .plan-billing-info[b-nm7s35fa9o] {
  position: absolute;
  top: clamp(42px, 6.5vw, 50px);
  left: clamp(8px, 1.5vw, 12px);
  font-size: clamp(0.6rem, 0.8vw, 0.7rem);
  color: #5c7089;
  font-weight: 500;
  opacity: 0.8;
  max-width: 70%;
  line-height: 1.2;
  z-index: 5;
}
.plan-card .cancel-subscription-link[b-nm7s35fa9o] {
  position: absolute;
  top: clamp(66px, 9vw, 76px);
  left: clamp(8px, 1.5vw, 12px);
  z-index: 15;
}
.plan-card .cancel-subscription-link button[b-nm7s35fa9o] {
  background: none;
  border: none;
  color: #5c7089;
  font-size: clamp(0.6rem, 0.75vw, 0.65rem);
  font-weight: 400;
  cursor: pointer;
  text-decoration: underline;
  padding: clamp(2px, 0.5vw, 4px) 0;
  transition: all 0.2s ease;
  opacity: 0.7;
  position: relative;
  z-index: 20;
}
.plan-card .cancel-subscription-link button:hover[b-nm7s35fa9o] {
  color: #ff3860;
  opacity: 1;
}
.plan-card .resume-subscription-link[b-nm7s35fa9o] {
  position: absolute;
  top: clamp(66px, 9vw, 76px);
  left: clamp(8px, 1.5vw, 12px);
  z-index: 15;
}
.plan-card .resume-subscription-link button[b-nm7s35fa9o] {
  background: none;
  border: none;
  color: #3273dc;
  font-size: clamp(0.6rem, 0.75vw, 0.65rem);
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  padding: clamp(2px, 0.5vw, 4px) 0;
  transition: all 0.2s ease;
  opacity: 0.8;
  position: relative;
  z-index: 20;
}
.plan-card .resume-subscription-link button:hover[b-nm7s35fa9o] {
  color: #2661c7;
  opacity: 1;
}
.plan-card__header[b-nm7s35fa9o] {
  text-align: center;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  margin-top: clamp(1.25rem, 2.5vw, 1.75rem);
}
.plan-card__header h3[b-nm7s35fa9o] {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.375rem) 0;
  color: #2c3e50;
  line-height: 1.2;
}
.plan-card__header .plan-card__price[b-nm7s35fa9o] {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 900;
  color: #3273dc;
  line-height: 1;
  margin-bottom: clamp(0.25rem, 0.5vw, 0.375rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.plan-card__header .plan-card__price .currency[b-nm7s35fa9o] {
  font-size: 0.5em;
  vertical-align: top;
}
.plan-card__header .plan-card__price .period[b-nm7s35fa9o] {
  font-size: 0.4em;
  color: #5c7089;
  font-weight: 500;
}
.plan-card__header .original-price[b-nm7s35fa9o] {
  text-decoration: line-through;
  color: #5c7089;
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
  text-align: center;
  margin-bottom: clamp(0.25rem, 0.5vw, 0.375rem);
}
.plan-card__features[b-nm7s35fa9o] {
  flex: 1;
  margin: clamp(0.5rem, 1vw, 0.75rem) 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.5vw, 0.375rem);
  min-height: 0;
  justify-content: flex-start;
}
.plan-card__features .feature[b-nm7s35fa9o] {
  display: flex;
  align-items: flex-start;
  color: #5c7089;
  font-size: clamp(0.8rem, 1.2vw, 0.875rem);
  line-height: 1.3;
  padding: clamp(0.125rem, 0.25vw, 0.1875rem) 0;
}
.plan-card__features .feature[b-nm7s35fa9o]::before {
  content: "✓";
  margin-right: clamp(0.4375rem, 0.8vw, 0.5rem);
  color: #2661c7;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 0.125rem;
  font-size: 1em;
}
.plan-card__cta[b-nm7s35fa9o] {
  width: 100%;
  padding: clamp(0.75rem, 1.4vw, 1rem) clamp(1rem, 2vw, 1.375rem);
  border-radius: var(--border-radius);
  font-weight: 700;
  font-size: clamp(0.875rem, 1.3vw, 1rem);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: clamp(44px, 6vw, 52px);
  background: #f3f4f6;
  color: #374151;
  border: 2px solid #e5e7eb;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.plan-card__cta[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  inset: 0 -100% 0 -100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: transform 0.6s ease;
  transform: translateX(-100%);
}
.plan-card__cta:hover:not(:disabled)[b-nm7s35fa9o]::before {
  transform: translateX(100%);
}
.plan-card__cta:hover:not(:disabled)[b-nm7s35fa9o] {
  background: #e5e7eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.plan-card__cta.cta-current[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.25);
  border: 2px solid transparent;
}
.plan-card__cta.cta-current:hover:not(:disabled)[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}
.plan-card__cta.cta-upgrade[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(43, 109, 239, 0.25);
  border: 2px solid transparent;
}
.plan-card__cta.cta-upgrade:hover:not(:disabled)[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #1e5ce8 0%, #0fb3d3 100%);
  box-shadow: 0 6px 20px rgba(43, 109, 239, 0.4);
}
.plan-card__cta.cta-downgrade[b-nm7s35fa9o] {
  background: #f9fafb;
  color: #6b7280;
  border: 2px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.plan-card__cta.cta-downgrade:hover:not(:disabled)[b-nm7s35fa9o] {
  background: #f3f4f6;
  transform: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.plan-card__cta:disabled[b-nm7s35fa9o] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none !important;
}
.plan-card__cta .spinner[b-nm7s35fa9o] {
  width: clamp(14px, 2vw, 18px);
  height: clamp(14px, 2vw, 18px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin-b-nm7s35fa9o 1s linear infinite;
}

.invoice-section[b-nm7s35fa9o] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 590px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: var(--border-radius);
  padding: var(--gap-md);
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  width: 350px;
  flex-shrink: 0;
  align-self: start;
}
@container (max-width: 1200px) {
  .invoice-section[b-nm7s35fa9o] {
    order: 2;
    width: auto;
    height: 400px;
    max-height: 400px;
    align-self: auto;
  }
}
.invoice-section__header[b-nm7s35fa9o] {
  margin-bottom: var(--gap-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.invoice-section__header h3[b-nm7s35fa9o] {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: #2c3e50;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  letter-spacing: -0.025em;
}
.invoice-section__header h3 i[b-nm7s35fa9o] {
  color: #3273dc;
  font-size: 1.2em;
}
.invoice-section__header .invoice-count[b-nm7s35fa9o] {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: #5c7089;
  font-weight: 500;
}
.invoice-section .invoice-list[b-nm7s35fa9o] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  padding-right: 4px;
  margin-right: -4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.invoice-section .invoice-list[b-nm7s35fa9o]::-webkit-scrollbar {
  width: 6px;
}
.invoice-section .invoice-list[b-nm7s35fa9o]::-webkit-scrollbar-track {
  background: transparent;
}
.invoice-section .invoice-list[b-nm7s35fa9o]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.invoice-section .invoice-list[b-nm7s35fa9o]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.invoice-section .invoice-item[b-nm7s35fa9o] {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: calc(var(--border-radius) * 0.75);
  padding: clamp(0.875rem, 1.5vw, 1.125rem);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.invoice-section .invoice-item:hover[b-nm7s35fa9o] {
  background: #ffffff;
  border-color: #3273dc;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.invoice-section .invoice-item .invoice-info[b-nm7s35fa9o] {
  flex: 1;
  min-width: 0;
}
.invoice-section .invoice-item .invoice-info .invoice-description[b-nm7s35fa9o] {
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.375rem;
  line-height: 1.3;
}
.invoice-section .invoice-item .invoice-info .invoice-meta[b-nm7s35fa9o] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  font-size: clamp(0.75rem, 1vw, 0.825rem);
  flex-wrap: wrap;
}
.invoice-section .invoice-item .invoice-info .invoice-meta .invoice-date[b-nm7s35fa9o] {
  color: #5c7089;
  font-weight: 500;
}
.invoice-section .invoice-item .invoice-info .invoice-meta .invoice-amount[b-nm7s35fa9o] {
  color: #1e4b94;
  font-weight: 700;
}
.invoice-section .invoice-item .invoice-info .invoice-meta .invoice-type[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #5dade2 0%, #3498db 100%);
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: clamp(0.65rem, 0.9vw, 0.7rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.invoice-section .invoice-item .invoice-info .invoice-meta .payment-method[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #3273dc 0%, #2661c7 100%);
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: clamp(0.625rem, 0.8vw, 0.65rem);
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.025em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.invoice-section .invoice-item .invoice-download-btn[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  width: clamp(36px, 4.5vw, 40px);
  height: clamp(36px, 4.5vw, 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(67, 56, 202, 0.3);
}
.invoice-section .invoice-item .invoice-download-btn:hover:not(:disabled)[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(67, 56, 202, 0.4);
}
.invoice-section .invoice-item .invoice-download-btn.loading[b-nm7s35fa9o] {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
.invoice-section .invoice-item .invoice-download-btn.loading:hover[b-nm7s35fa9o] {
  transform: none;
}
.invoice-section .invoice-item .invoice-download-btn:disabled[b-nm7s35fa9o] {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
.invoice-section .invoice-item .invoice-download-btn:disabled:hover[b-nm7s35fa9o] {
  transform: none;
}
.invoice-section .invoice-item .invoice-download-btn .spinner[b-nm7s35fa9o] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin-b-nm7s35fa9o 1s linear infinite;
  display: inline-block;
}
.invoice-section .invoice-item .invoice-download-btn i[b-nm7s35fa9o] {
  font-size: 1rem;
}
.invoice-section .invoice-empty[b-nm7s35fa9o] {
  text-align: center;
  padding: clamp(2rem, 4vw, 3rem);
  color: #5c7089;
}
.invoice-section .invoice-empty i[b-nm7s35fa9o] {
  font-size: clamp(2rem, 4vw, 2.5rem);
  margin-bottom: 0.75rem;
  opacity: 0.6;
}
.invoice-section .invoice-empty span[b-nm7s35fa9o] {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  font-weight: 600;
  display: block;
  margin-bottom: 0.5rem;
}
.invoice-section .invoice-empty p[b-nm7s35fa9o] {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 400;
  margin: 0;
  opacity: 0.8;
}
.invoice-section .invoice-loading[b-nm7s35fa9o] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 4vw, 3rem);
  color: #5c7089;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}
.invoice-section .invoice-loading .loading-spinner[b-nm7s35fa9o] {
  width: 24px;
  height: 24px;
  border: 2px solid #f5f8fc;
  border-top: 2px solid #3273dc;
  border-radius: 50%;
  animation: spin-b-nm7s35fa9o 1s linear infinite;
}
.invoice-section .invoice-loading span[b-nm7s35fa9o] {
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
  font-weight: 500;
}
.invoice-section .invoice-show-more[b-nm7s35fa9o] {
  text-align: center;
  padding: var(--gap-sm) 0;
}
.invoice-section .invoice-show-more .show-more-btn[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  border: none;
  color: #ffffff;
  padding: 0.625rem 1.25rem;
  border-radius: calc(var(--border-radius) * 0.5);
  font-size: clamp(0.8rem, 1.1vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(67, 56, 202, 0.3);
}
.invoice-section .invoice-show-more .show-more-btn:hover[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(67, 56, 202, 0.4);
}

.cancel-confirmation-overlay[b-nm7s35fa9o] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: clamp(0.75rem, 2vw, 1.5rem);
}
.cancel-confirmation-overlay.active[b-nm7s35fa9o] {
  opacity: 1;
  visibility: visible;
}
.cancel-confirmation-overlay.active .cancel-confirmation-modal[b-nm7s35fa9o] {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.cancel-confirmation-modal[b-nm7s35fa9o] {
  background: #ffffff;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  max-width: min(520px, 90vw);
  width: 100%;
  position: relative;
  transform: scale(0.95) translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.cancel-confirmation-modal__header[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #ff3860 0%, #e6324d 100%);
  color: #ffffff;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cancel-confirmation-modal__header[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
.cancel-confirmation-modal__header h3[b-nm7s35fa9o] {
  margin: 0;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-size: clamp(1.1rem, 2.5vw, 1.25rem);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.cancel-confirmation-modal__header h3[b-nm7s35fa9o]::before {
  content: "⚠️";
  margin-right: 0.5rem;
  font-size: 0.9em;
}
.cancel-confirmation-modal__header__close[b-nm7s35fa9o] {
  position: absolute;
  top: clamp(0.75rem, 1.5vw, 1rem);
  right: clamp(0.75rem, 1.5vw, 1rem);
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 50%;
  width: clamp(32px, 4vw, 36px);
  height: clamp(32px, 4vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.cancel-confirmation-modal__header__close:hover[b-nm7s35fa9o] {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.1);
}
.cancel-confirmation-modal__body[b-nm7s35fa9o] {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  flex: 1;
}
.cancel-confirmation-modal__body p[b-nm7s35fa9o] {
  font-size: clamp(0.95rem, 1.3vw, 1.05rem);
  color: #5c7089;
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.5;
  text-align: center;
}
.cancel-confirmation-modal__body .cancel-consequences[b-nm7s35fa9o] {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}
.cancel-confirmation-modal__body .cancel-consequences .consequence-item[b-nm7s35fa9o] {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 1.8vw, 1.25rem);
  background: #ffffff;
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.75);
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  color: #2c3e50;
  border: 2px solid #e5e7eb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  position: relative;
  line-height: 1.5;
  font-weight: 500;
}
.cancel-confirmation-modal__body .cancel-consequences .consequence-item:hover[b-nm7s35fa9o] {
  border-color: #3273dc;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.cancel-confirmation-modal__body .cancel-consequences .consequence-item[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(135deg, #3498db 0%, #3273dc 100%);
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.75) 0 0 calc(clamp(0.5rem, 1vw, 1rem) * 0.75);
}
.cancel-confirmation-modal__body .cancel-consequences .consequence-item i[b-nm7s35fa9o] {
  color: #3273dc;
  font-size: 1.3em;
  flex-shrink: 0;
  margin-top: 2px;
  background: linear-gradient(135deg, #3273dc 0%, #3498db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cancel-confirmation-modal__body .cancel-consequences .consequence-item span[b-nm7s35fa9o] {
  flex: 1;
  line-height: 1.5;
}
.cancel-confirmation-modal__actions[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: clamp(1rem, 2vw, 1.25rem);
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
}
.cancel-confirmation-modal__actions .cancel-btn-secondary[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  border: none;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.5);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.25);
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
}
.cancel-confirmation-modal__actions .cancel-btn-secondary:hover[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}
.cancel-confirmation-modal__actions .cancel-btn-secondary i[b-nm7s35fa9o] {
  font-size: 1.1em;
}
.cancel-confirmation-modal__actions .cancel-btn-primary[b-nm7s35fa9o] {
  background: #f3f4f6;
  color: #5c7089;
  border: 2px solid #e5e7eb;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.5);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
}
.cancel-confirmation-modal__actions .cancel-btn-primary:hover:not(:disabled)[b-nm7s35fa9o] {
  background: #e5e7eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.cancel-confirmation-modal__actions .cancel-btn-primary:disabled[b-nm7s35fa9o] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none !important;
}
.cancel-confirmation-modal__actions .cancel-btn-primary .spinner[b-nm7s35fa9o] {
  width: clamp(14px, 2vw, 16px);
  height: clamp(14px, 2vw, 16px);
  border: 2px solid rgba(107, 114, 128, 0.3);
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin-b-nm7s35fa9o 1s linear infinite;
}
.cancel-confirmation-modal__actions .cancel-btn-primary i[b-nm7s35fa9o] {
  font-size: 1.1em;
}
@media (max-width: 767px) {
  .cancel-confirmation-modal__actions[b-nm7s35fa9o] {
    flex-direction: column-reverse;
  }
  .cancel-confirmation-modal__actions .cancel-btn-secondary[b-nm7s35fa9o],
  .cancel-confirmation-modal__actions .cancel-btn-primary[b-nm7s35fa9o] {
    width: 100%;
    justify-content: center;
  }
}

.downgrade-success-overlay[b-nm7s35fa9o] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: clamp(0.75rem, 2vw, 1.5rem);
}
.downgrade-success-overlay.active[b-nm7s35fa9o] {
  opacity: 1;
  visibility: visible;
}
.downgrade-success-overlay.active .downgrade-success-modal[b-nm7s35fa9o] {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.downgrade-success-modal[b-nm7s35fa9o] {
  background: #ffffff;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  max-width: min(520px, 90vw);
  width: 100%;
  position: relative;
  transform: scale(0.95) translateY(20px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.downgrade-success-modal__header[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.downgrade-success-modal__header[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
.downgrade-success-modal__header h3[b-nm7s35fa9o] {
  margin: 0;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.025em;
  line-height: 1.1;
  font-size: clamp(1.1rem, 2.5vw, 1.25rem);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.downgrade-success-modal__header h3 i[b-nm7s35fa9o] {
  font-size: 1.2em;
}
.downgrade-success-modal__header__close[b-nm7s35fa9o] {
  position: absolute;
  top: clamp(0.75rem, 1.5vw, 1rem);
  right: clamp(0.75rem, 1.5vw, 1rem);
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 50%;
  width: clamp(32px, 4vw, 36px);
  height: clamp(32px, 4vw, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.downgrade-success-modal__header__close:hover[b-nm7s35fa9o] {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.1);
}
.downgrade-success-modal__body[b-nm7s35fa9o] {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  flex: 1;
}
.downgrade-success-modal__body p[b-nm7s35fa9o] {
  font-size: clamp(0.95rem, 1.3vw, 1.05rem);
  color: #5c7089;
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.5;
  text-align: center;
}
.downgrade-success-modal__body .downgrade-details[b-nm7s35fa9o] {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}
.downgrade-success-modal__body .downgrade-details .detail-item[b-nm7s35fa9o] {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 1.8vw, 1.25rem);
  background: #ffffff;
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.75);
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  color: #2c3e50;
  border: 2px solid #e5e7eb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  position: relative;
  line-height: 1.5;
  font-weight: 500;
}
.downgrade-success-modal__body .downgrade-details .detail-item:hover[b-nm7s35fa9o] {
  border-color: #2661c7;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.downgrade-success-modal__body .downgrade-details .detail-item[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.75) 0 0 calc(clamp(0.5rem, 1vw, 1rem) * 0.75);
}
.downgrade-success-modal__body .downgrade-details .detail-item i[b-nm7s35fa9o] {
  color: #2661c7;
  font-size: 1.3em;
  flex-shrink: 0;
  margin-top: 2px;
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.downgrade-success-modal__body .downgrade-details .detail-item span[b-nm7s35fa9o] {
  flex: 1;
  line-height: 1.5;
}
.downgrade-success-modal__actions[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: clamp(1rem, 2vw, 1.25rem);
  display: flex;
  justify-content: center;
}
.downgrade-success-modal__actions .downgrade-success-btn[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  border: none;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: calc(clamp(0.5rem, 1vw, 1rem) * 0.5);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.25);
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
}
.downgrade-success-modal__actions .downgrade-success-btn:hover[b-nm7s35fa9o] {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}
.downgrade-success-modal__actions .downgrade-success-btn i[b-nm7s35fa9o] {
  font-size: 1.1em;
}

.subscription-error[b-nm7s35fa9o] {
  position: fixed;
  top: var(--spacing-md);
  right: var(--spacing-md);
  background: linear-gradient(135deg, #ff3860 0%, #e6324d 100%);
  color: #ffffff;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm) var(--spacing-md);
  z-index: 9997;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
  cursor: pointer;
  max-width: min(350px, 90vw);
  box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3);
}
.subscription-error.active[b-nm7s35fa9o] {
  opacity: 1;
  transform: translateX(0);
}
.subscription-error .error-content[b-nm7s35fa9o] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-weight: 600;
  font-size: clamp(0.875rem, 1.3vw, 0.95rem);
}
.subscription-error .error-content i[b-nm7s35fa9o] {
  font-size: 1.2em;
  flex-shrink: 0;
}

@keyframes spin-b-nm7s35fa9o {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse-glow-b-nm7s35fa9o {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.4);
  }
  50% {
    opacity: 0.8;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.6);
  }
}
@keyframes glow-pulse-b-nm7s35fa9o {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.05);
  }
}
@keyframes glow-upgrade-b-nm7s35fa9o {
  0% {
    box-shadow: 0 8px 25px rgba(67, 56, 202, 0.4);
  }
  100% {
    box-shadow: 0 12px 35px rgba(67, 56, 202, 0.6);
  }
}
@keyframes fadeIn-b-nm7s35fa9o {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInUp-b-nm7s35fa9o {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .subscription-management-modal[b-nm7s35fa9o] {
    padding: 0;
    align-items: stretch;
  }
  .subscription-management-modal__content[b-nm7s35fa9o] {
    max-width: 100vw;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: translateY(100%);
  }
  .subscription-management-modal__content.active[b-nm7s35fa9o] {
    transform: translateY(0);
  }
  .subscription-management-modal__header h2[b-nm7s35fa9o] {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }
  .subscription-management-modal__close[b-nm7s35fa9o] {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
  }
  .subscription-management-modal__close:hover[b-nm7s35fa9o] {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.05);
  }
  .subscription-management-modal__main[b-nm7s35fa9o] {
    flex-direction: column;
    gap: var(--gap-md);
  }
  .subscription-management-modal__body[b-nm7s35fa9o] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .plans-grid[b-nm7s35fa9o] {
    grid-template-columns: 1fr;
  }
  .billing-toggle-wrapper .billing-toggle[b-nm7s35fa9o] {
    width: 100%;
    max-width: 300px;
  }
  .invoice-section[b-nm7s35fa9o] {
    order: 2;
    height: 400px;
    max-height: 400px;
  }
  .subscription-error[b-nm7s35fa9o] {
    left: var(--spacing-sm);
    right: var(--spacing-sm);
    max-width: none;
  }
  .cancel-confirmation-modal[b-nm7s35fa9o] {
    margin: var(--spacing-md);
    max-width: none;
  }
  .cancel-confirmation-modal__actions[b-nm7s35fa9o] {
    flex-direction: column-reverse;
  }
}
.subscription-management-modal__processing-modal[b-nm7s35fa9o] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: subscription-modal-fade-in-b-nm7s35fa9o 0.3s ease-out;
}
.subscription-management-modal__processing-modal__content[b-nm7s35fa9o] {
  background: var(--surface);
  border-radius: 20px;
  padding: 3rem 2.5rem;
  text-align: center;
  max-width: 500px;
  margin: 1rem;
  position: relative;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.05);
  animation: subscription-modal-slide-up-b-nm7s35fa9o 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: hidden;
}
.subscription-management-modal__processing-modal__content[b-nm7s35fa9o]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), #10b981, var(--color-primary));
  background-size: 200% 100%;
  animation: subscription-gradient-flow-b-nm7s35fa9o 3s ease-in-out infinite;
}
@media (max-width: 767px) {
  .subscription-management-modal__processing-modal__content[b-nm7s35fa9o] {
    padding: 2.5rem 2rem;
    margin: 1rem 0.5rem;
    border-radius: 16px;
  }
}
.subscription-management-modal__processing-modal__header[b-nm7s35fa9o] {
  margin-bottom: 2rem;
}
.subscription-management-modal__processing-modal__header h3[b-nm7s35fa9o] {
  font-size: 1.75rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--text-primary), var(--color-primary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
@media (max-width: 767px) {
  .subscription-management-modal__processing-modal__header h3[b-nm7s35fa9o] {
    font-size: 1.5rem;
  }
}
.subscription-management-modal__processing-modal__success-icon[b-nm7s35fa9o] {
  width: 80px;
  height: 80px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #059669);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 32px rgba(16, 185, 129, 0.3), 0 4px 16px rgba(16, 185, 129, 0.2);
  animation: subscription-success-pulse-b-nm7s35fa9o 2s ease-in-out infinite;
  position: relative;
}
.subscription-management-modal__processing-modal__success-icon[b-nm7s35fa9o]::after {
  content: "🎉";
  font-size: 2rem;
  animation: subscription-icon-bounce-b-nm7s35fa9o 1s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .subscription-management-modal__processing-modal__success-icon[b-nm7s35fa9o] {
    width: 70px;
    height: 70px;
  }
  .subscription-management-modal__processing-modal__success-icon[b-nm7s35fa9o]::after {
    font-size: 1.75rem;
  }
}
.subscription-management-modal__processing-modal__title[b-nm7s35fa9o] {
  font-size: 1.375rem;
  font-weight: 600;
  color: #10b981;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .subscription-management-modal__processing-modal__title[b-nm7s35fa9o] {
    font-size: 1.25rem;
  }
}
.subscription-management-modal__processing-modal__description[b-nm7s35fa9o] {
  font-size: 1rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .subscription-management-modal__processing-modal__description[b-nm7s35fa9o] {
    font-size: 0.95rem;
  }
}
.subscription-management-modal__processing-modal__status[b-nm7s35fa9o] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: 500;
}
.subscription-management-modal__processing-modal__status i[b-nm7s35fa9o] {
  font-size: 1.25rem;
  animation: subscription-sync-spin-b-nm7s35fa9o 1.5s linear infinite;
}
@media (max-width: 767px) {
  .subscription-management-modal__processing-modal__status[b-nm7s35fa9o] {
    font-size: 0.95rem;
  }
  .subscription-management-modal__processing-modal__status i[b-nm7s35fa9o] {
    font-size: 1.1rem;
  }
}
.subscription-management-modal__processing-modal__progress-dots[b-nm7s35fa9o] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.subscription-management-modal__processing-modal__progress-dots .dot[b-nm7s35fa9o] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
  animation: subscription-dot-bounce-b-nm7s35fa9o 1.4s ease-in-out infinite both;
}
.subscription-management-modal__processing-modal__progress-dots .dot:nth-child(2)[b-nm7s35fa9o] {
  animation-delay: 0.2s;
}
.subscription-management-modal__processing-modal__progress-dots .dot:nth-child(3)[b-nm7s35fa9o] {
  animation-delay: 0.4s;
}

@keyframes subscription-modal-fade-in-b-nm7s35fa9o {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes subscription-modal-slide-up-b-nm7s35fa9o {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes subscription-gradient-flow-b-nm7s35fa9o {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes subscription-success-pulse-b-nm7s35fa9o {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 8px 32px rgba(16, 185, 129, 0.3), 0 4px 16px rgba(16, 185, 129, 0.2);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 12px 40px rgba(16, 185, 129, 0.4), 0 6px 20px rgba(16, 185, 129, 0.3);
  }
}
@keyframes subscription-icon-bounce-b-nm7s35fa9o {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-4px);
  }
}
@keyframes subscription-sync-spin-b-nm7s35fa9o {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes subscription-dot-bounce-b-nm7s35fa9o {
  0%, 80%, 100% {
    transform: scale(1);
    opacity: 0.7;
  }
  40% {
    transform: scale(1.3);
    opacity: 1;
  }
}

/*# sourceMappingURL=SubscriptionManagementModal.razor.css.map */
/* /Pages/Components/Monetization/UrgencyComponent.razor.rz.scp.css */
:root[b-1ekoaem6qp] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-1ekoaem6qp] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.urgency-component__container[b-1ekoaem6qp] {
  background: linear-gradient(120deg, #ff3860, #ff5b7f);
  color: #ffffff;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin: 1.5rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  animation: urgencyPulse-b-1ekoaem6qp 3s ease-in-out infinite;
  box-shadow: 0 4px 15px rgba(244, 67, 54, 0.3);
}
.urgency-component__container[b-1ekoaem6qp]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: shimmer-b-1ekoaem6qp 2s infinite;
}
@media (max-width: 600px) {
  .urgency-component__container[b-1ekoaem6qp] {
    padding: 0.875rem 1rem;
    margin: 1rem 0;
  }
}
.urgency-component__header[b-1ekoaem6qp] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.urgency-component__header .icon[b-1ekoaem6qp] {
  font-size: 1.5rem;
  animation: iconBounce-b-1ekoaem6qp 2s ease-in-out infinite;
}
.urgency-component__header h3[b-1ekoaem6qp] {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 600px) {
  .urgency-component__header h3[b-1ekoaem6qp] {
    font-size: 1.1rem;
  }
}
@media (max-width: 600px) {
  .urgency-component__header[b-1ekoaem6qp] {
    gap: 0.375rem;
    margin-bottom: 0.5rem;
  }
  .urgency-component__header .icon[b-1ekoaem6qp] {
    font-size: 1.25rem;
  }
}
.urgency-component__message[b-1ekoaem6qp] {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.4;
  font-weight: 500;
}
@media (max-width: 600px) {
  .urgency-component__message[b-1ekoaem6qp] {
    font-size: 0.9rem;
    margin-bottom: 0.875rem;
  }
}
.urgency-component__timer[b-1ekoaem6qp] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 600px) {
  .urgency-component__timer[b-1ekoaem6qp] {
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
}
.urgency-component__time-unit[b-1ekoaem6qp] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.urgency-component__time-unit-value[b-1ekoaem6qp] {
  background: rgba(255, 255, 255, 0.15);
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 1.5rem;
  font-weight: 800;
  min-width: 50px;
  margin-bottom: 0.25rem;
  backdrop-filter: blur(10px);
}
@media (max-width: 600px) {
  .urgency-component__time-unit-value[b-1ekoaem6qp] {
    font-size: 1.25rem;
    padding: 0.375rem 0.5rem;
    min-width: 40px;
  }
}
.urgency-component__time-unit-label[b-1ekoaem6qp] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.9;
  font-weight: 600;
}
@media (max-width: 600px) {
  .urgency-component__time-unit-label[b-1ekoaem6qp] {
    font-size: 0.7rem;
  }
}
@media (max-width: 600px) {
  .urgency-component__time-unit[b-1ekoaem6qp] {
    min-width: 50px;
  }
}
.urgency-component__action .cta-button[b-1ekoaem6qp] {
  background: #ffffff;
  color: #ff3860;
  border: none;
  padding: 0.875rem 2rem;
  border-radius: 6px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.urgency-component__action .cta-button:hover[b-1ekoaem6qp] {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.95);
}
.urgency-component__action .cta-button:active[b-1ekoaem6qp] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .urgency-component__action .cta-button[b-1ekoaem6qp] {
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
  }
  .urgency-component__action .cta-button:hover[b-1ekoaem6qp] {
    transform: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  }
}
.urgency-component--warning[b-1ekoaem6qp] {
  background: linear-gradient(120deg, #ffdd57, #ffe97d);
  color: #2c3e50;
  box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3);
}
.urgency-component--warning .urgency-component__action .cta-button[b-1ekoaem6qp] {
  background: #2c3e50;
  color: #ffdd57;
}
.urgency-component--warning .urgency-component__action .cta-button:hover[b-1ekoaem6qp] {
  background: rgba(44, 62, 80, 0.95);
}
.urgency-component--info[b-1ekoaem6qp] {
  background: linear-gradient(120deg, #3498db, #5dade2);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(33, 150, 243, 0.3);
}
.urgency-component--info .urgency-component__action .cta-button[b-1ekoaem6qp] {
  background: #ffffff;
  color: #3498db;
}
.urgency-component--info .urgency-component__action .cta-button:hover[b-1ekoaem6qp] {
  background: rgba(255, 255, 255, 0.95);
}
.urgency-component--success[b-1ekoaem6qp] {
  background: linear-gradient(120deg, #2661c7, #3273dc);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
}
.urgency-component--success .urgency-component__action .cta-button[b-1ekoaem6qp] {
  background: #ffffff;
  color: #2661c7;
}
.urgency-component--success .urgency-component__action .cta-button:hover[b-1ekoaem6qp] {
  background: rgba(255, 255, 255, 0.95);
}

@keyframes urgencyPulse-b-1ekoaem6qp {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(244, 67, 54, 0.3);
  }
  50% {
    box-shadow: 0 6px 20px rgba(244, 67, 54, 0.5);
  }
}
@keyframes shimmer-b-1ekoaem6qp {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes iconBounce-b-1ekoaem6qp {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
@media (prefers-contrast: high) {
  .urgency-component__container[b-1ekoaem6qp] {
    border: 3px solid #ffffff;
    background: #ff3860 !important;
  }
  .urgency-component__container--warning[b-1ekoaem6qp] {
    border-color: #2c3e50;
    background: #ffdd57 !important;
  }
  .urgency-component__container--info[b-1ekoaem6qp] {
    border-color: #ffffff;
    background: #3498db !important;
  }
  .urgency-component__container--success[b-1ekoaem6qp] {
    border-color: #ffffff;
    background: #2661c7 !important;
  }
  .urgency-component__time-unit-value[b-1ekoaem6qp] {
    border: 2px solid rgba(255, 255, 255, 0.8);
  }
  .urgency-component__action .cta-button[b-1ekoaem6qp] {
    border: 2px solid currentColor;
  }
}
@media (prefers-reduced-motion: reduce) {
  .urgency-component__container[b-1ekoaem6qp] {
    animation: none;
  }
  .urgency-component__container[b-1ekoaem6qp]::before {
    animation: none;
    display: none;
  }
  .urgency-component__header .icon[b-1ekoaem6qp] {
    animation: none;
  }
  .urgency-component__action .cta-button[b-1ekoaem6qp] {
    transition: none;
  }
  .urgency-component__action .cta-button:hover[b-1ekoaem6qp] {
    transform: none;
  }
}

/*# sourceMappingURL=UrgencyComponent.razor.css.map */
/* /Pages/Components/PresentationBuilder/AdvancedModeEditor.razor.rz.scp.css */
:root[b-rgy4us6e83] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-rgy4us6e83] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.advanced-mode-editor[b-rgy4us6e83] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.presentation-creator__advanced-settings--hidden .advanced-mode-editor[b-rgy4us6e83] {
  opacity: 0;
  transform: translateY(15px);
  transition-delay: 0s;
}
.presentation-creator__advanced-settings--no-transition .advanced-mode-editor[b-rgy4us6e83] {
  transition: none !important;
}
.presentation-creator__advanced-settings--no-transition .advanced-mode-editor .mud-grid > .mud-grid-item[b-rgy4us6e83] {
  transition: none !important;
}
.presentation-creator__advanced-settings--no-transition .advanced-mode-editor .mud-paper[b-rgy4us6e83] {
  transition: none !important;
}
.advanced-mode-editor .mud-grid > .mud-grid-item[b-rgy4us6e83] {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.presentation-creator__advanced-settings--hidden .advanced-mode-editor .mud-grid > .mud-grid-item[b-rgy4us6e83] {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
}
.advanced-mode-editor .mud-grid > .mud-grid-item:nth-child(1)[b-rgy4us6e83] {
  transition-delay: 0.15s;
}
.advanced-mode-editor .mud-grid > .mud-grid-item:nth-child(2)[b-rgy4us6e83] {
  transition-delay: 0.2s;
}
.advanced-mode-editor .mud-grid > .mud-grid-item:nth-child(3)[b-rgy4us6e83] {
  transition-delay: 0.25s;
}
.advanced-mode-editor .mud-grid > .mud-grid-item:nth-child(4)[b-rgy4us6e83] {
  transition-delay: 0.3s;
}
.advanced-mode-editor .mud-grid > .mud-grid-item:nth-child(5)[b-rgy4us6e83] {
  transition-delay: 0.35s;
}
.presentation-creator__advanced-settings--hidden .advanced-mode-editor .mud-grid > .mud-grid-item[b-rgy4us6e83] {
  transition-delay: 0s;
}
.advanced-mode-editor .mud-paper[b-rgy4us6e83] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-creator__advanced-settings--hidden .advanced-mode-editor .mud-paper[b-rgy4us6e83] {
  transform: translateY(10px);
  opacity: 0.8;
}
.advanced-mode-editor__file-preview-wrapper[b-rgy4us6e83] {
  position: relative;
}
.advanced-mode-editor__file-preview-wrapper:hover .advanced-mode-editor__image-hover-overlay[b-rgy4us6e83] {
  opacity: 1;
}
.advanced-mode-editor__disabled-card[b-rgy4us6e83] {
  opacity: 0.7;
  pointer-events: none;
}
.advanced-mode-editor__disabled-image[b-rgy4us6e83] {
  filter: grayscale(0.7);
}
.advanced-mode-editor__file-preview-container[b-rgy4us6e83] {
  transition: all 0.3s ease;
}
.advanced-mode-editor__file-preview-image[b-rgy4us6e83] {
  transition: transform 0.3s ease;
}
.advanced-mode-editor__file-preview-image:hover[b-rgy4us6e83] {
  transform: scale(1.05);
}
.advanced-mode-editor__file-card[b-rgy4us6e83] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
}
.advanced-mode-editor__file-card:hover[b-rgy4us6e83] {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
@media (max-width: 600px) {
  .advanced-mode-editor__file-card:hover[b-rgy4us6e83] {
    transform: none;
  }
}
.advanced-mode-editor__file-title[b-rgy4us6e83] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-primary);
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 600px) {
  .advanced-mode-editor__file-title[b-rgy4us6e83] {
    font-size: 0.85rem;
  }
}
.advanced-mode-editor__delete-btn-circle[b-rgy4us6e83] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
  background-color: rgba(var(--color-error-rgb), 0.85);
  border-radius: 50%;
  padding: 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow-sm);
  transition: all 0.2s ease;
}
.advanced-mode-editor__delete-btn-circle:hover[b-rgy4us6e83] {
  background-color: var(--color-error);
  transform: scale(1.1);
}
.advanced-mode-editor__delete-btn-circle .mud-icon-button[b-rgy4us6e83] {
  color: white !important;
  margin: 0;
  padding: 2px;
}
.advanced-mode-editor__extracted-images-container[b-rgy4us6e83] {
  margin-top: 4px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}
.advanced-mode-editor__extracted-image-preview[b-rgy4us6e83] {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: var(--shadow-xs);
}
@media (max-width: 600px) {
  .advanced-mode-editor__extracted-image-preview[b-rgy4us6e83] {
    width: 45px;
    height: 45px;
  }
}
.advanced-mode-editor__extracted-image-thumbnail[b-rgy4us6e83] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.advanced-mode-editor__extracted-image-thumbnail:hover[b-rgy4us6e83] {
  transform: scale(1.1);
  box-shadow: var(--shadow-sm);
}
.advanced-mode-editor__more-images[b-rgy4us6e83] {
  background-color: var(--surface-variant);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.advanced-mode-editor__more-images:hover[b-rgy4us6e83] {
  background-color: var(--surface);
}
.advanced-mode-editor__image-preview-container[b-rgy4us6e83] {
  min-height: 300px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .advanced-mode-editor__image-preview-container[b-rgy4us6e83] {
    min-height: 250px;
  }
}
.advanced-mode-editor__color-selector[b-rgy4us6e83] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0.75rem;
  padding: 0.5rem;
  max-width: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .advanced-mode-editor__color-selector[b-rgy4us6e83] {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 0.5rem;
  }
}
@media (max-width: 480px) {
  .advanced-mode-editor__color-selector[b-rgy4us6e83] {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 0.375rem;
  }
}
.advanced-mode-editor__color-option[b-rgy4us6e83] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  background: var(--mud-palette-surface);
  position: relative;
  min-height: 70px;
}
.advanced-mode-editor__color-option:hover[b-rgy4us6e83] {
  border-color: var(--mud-palette-primary);
  background: var(--mud-palette-surface-variant);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.advanced-mode-editor__color-option--selected[b-rgy4us6e83] {
  border-color: var(--mud-palette-primary);
  background: rgba(var(--mud-palette-primary-rgb), 0.2);
  box-shadow: 0 2px 4px rgba(var(--mud-palette-primary-rgb), 0.2);
}
.advanced-mode-editor__color-option--disabled[b-rgy4us6e83] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.advanced-mode-editor__color-option--disabled:hover[b-rgy4us6e83] {
  border-color: transparent;
  background: var(--mud-palette-surface);
  transform: none;
  box-shadow: none;
}
.advanced-mode-editor__color-dots[b-rgy4us6e83] {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.advanced-mode-editor__color-dot[b-rgy4us6e83] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}
.advanced-mode-editor__color-name[b-rgy4us6e83] {
  font-size: 0.75rem;
  text-align: center;
  color: var(--mud-palette-text-secondary);
  font-weight: 500;
  line-height: 1.1;
}
.advanced-mode-editor__impress-me-preview .advanced-mode-editor__color-dot[b-rgy4us6e83] {
  position: relative;
  overflow: hidden;
}
.advanced-mode-editor__impress-me-preview .advanced-mode-editor__color-dot:nth-child(1)[b-rgy4us6e83] {
  animation: hue-rotate-b-rgy4us6e83 3s infinite linear;
}
.advanced-mode-editor__impress-me-preview .advanced-mode-editor__color-dot:nth-child(2)[b-rgy4us6e83] {
  animation: spin 2s infinite linear;
}
.advanced-mode-editor__impress-me-preview .advanced-mode-editor__color-dot:nth-child(3)[b-rgy4us6e83] {
  animation: advanced-editor__pulse-b-rgy4us6e83 1.5s infinite ease-in-out;
}
.advanced-mode-editor__impress-me-preview .advanced-mode-editor__color-dot:nth-child(4)[b-rgy4us6e83] {
  background: linear-gradient(45deg, #ff6b35, #f7931e, #ffd23f, #06ffa5, #4ecdc4);
  background-size: 300% 300%;
  animation: shift-b-rgy4us6e83 2s infinite ease-in-out;
}
.advanced-mode-editor__image-hover-overlay[b-rgy4us6e83] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.2s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media (max-width: 1280px) {
  .advanced-mode-editor__image-hover-overlay[b-rgy4us6e83] {
    display: none !important;
  }
}
.advanced-mode-editor__text-truncate-2[b-rgy4us6e83] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
@media (max-width: 600px) {
  .advanced-mode-editor__text-truncate-2[b-rgy4us6e83] {
    -webkit-line-clamp: 3;
    font-size: 0.8rem;
  }
}
.advanced-mode-editor__section-title[b-rgy4us6e83] {
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
}
@media (max-width: 600px) {
  .advanced-mode-editor__section-title[b-rgy4us6e83] {
    font-size: 1.1rem;
  }
}
.advanced-mode-editor__reset-button[b-rgy4us6e83] {
  transition: all 0.2s ease;
  border-radius: 6px;
}
.advanced-mode-editor__reset-button:hover:not(:disabled)[b-rgy4us6e83] {
  background-color: rgba(var(--color-secondary-rgb), 0.1);
  transform: translateY(-1px);
}
.advanced-mode-editor__reset-button:disabled[b-rgy4us6e83] {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .advanced-mode-editor__reset-button[b-rgy4us6e83] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
  }
  .advanced-mode-editor__reset-button:hover:not(:disabled)[b-rgy4us6e83] {
    transform: none;
  }
}
.advanced-mode-editor__theme-selector[b-rgy4us6e83] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  padding: 0.75rem;
  max-width: 100%;
  overflow-x: hidden;
}
@media (max-width: 1024px) {
  .advanced-mode-editor__theme-selector[b-rgy4us6e83] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}
@media (max-width: 768px) {
  .advanced-mode-editor__theme-selector[b-rgy4us6e83] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
  }
}
@media (max-width: 480px) {
  .advanced-mode-editor__theme-selector[b-rgy4us6e83] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.5rem;
  }
}
.advanced-mode-editor__theme-option[b-rgy4us6e83] {
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  padding: 0.25rem;
}
.advanced-mode-editor__theme-option:hover[b-rgy4us6e83] {
  border-color: var(--mud-palette-primary);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.advanced-mode-editor__theme-option--selected[b-rgy4us6e83] {
  border-color: var(--mud-palette-primary);
  box-shadow: 0 4px 12px rgba(var(--mud-palette-primary-rgb), 0.3);
}
.advanced-mode-editor__theme-option--disabled[b-rgy4us6e83] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.advanced-mode-editor__theme-option--disabled:hover[b-rgy4us6e83] {
  border-color: transparent;
  transform: none;
  box-shadow: none;
}
.advanced-mode-editor__theme-selected-indicator[b-rgy4us6e83] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  color: var(--mud-palette-primary);
  font-size: 1.5rem;
  z-index: 10;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
.advanced-mode-editor__theme-selected-indicator .material-symbols-rounded[b-rgy4us6e83] {
  font-size: inherit;
}
.advanced-mode-editor__color-selected-indicator[b-rgy4us6e83] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--mud-palette-primary);
  font-size: 1.25rem;
  z-index: 10;
}
.advanced-mode-editor__color-selected-indicator .material-symbols-rounded[b-rgy4us6e83] {
  font-size: inherit;
}
.advanced-mode-editor__theme-preview[b-rgy4us6e83] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  height: 140px;
  padding: 1.25rem 1rem;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  color: var(--pres-color-text-on-surface, var(--mud-palette-text-primary));
  --theme-preview-bg: var(--pres-color-surface, var(--mud-palette-surface));
  --theme-preview-border: var(--pres-color-border, rgba(0, 0, 0, 0.1));
  --theme-preview-text: var(--pres-color-text-on-surface, var(--mud-palette-text-primary));
  background: var(--theme-preview-bg);
  border-color: var(--theme-preview-border);
  color: var(--theme-preview-text);
}
.advanced-mode-editor__theme-title[b-rgy4us6e83] {
  text-align: center;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  z-index: 2;
  position: relative;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  color: inherit;
  font-family: var(--pres-font-family-heading, inherit);
  transition: all 0.3s ease;
}
.advanced-mode-editor__theme-subtitle[b-rgy4us6e83] {
  text-align: center;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 1.1rem;
  z-index: 2;
  position: relative;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  color: inherit;
  font-family: var(--pres-font-family, inherit);
  transition: all 0.3s ease;
  opacity: 0.9;
}
.advanced-mode-editor__theme-name[b-rgy4us6e83] {
  display: none;
}

.presentation-creator__advanced-settings .advanced-mode-editor[b-rgy4us6e83] {
  margin: 0;
  padding: 0;
}

@keyframes hue-rotate-b-rgy4us6e83 {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}
@keyframes advanced-editor__pulse-b-rgy4us6e83 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}
@keyframes shift-b-rgy4us6e83 {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.advanced-mode-editor__theme-option--random .advanced-mode-editor__theme-preview[b-rgy4us6e83] {
  background: var(--pres-color-surface) !important;
  color: var(--pres-color-text-on-surface) !important;
}

.advanced-mode-editor__theme-preview.theme-preview-modern[b-rgy4us6e83] {
  --theme-preview-bg: var(--pres-color-surface);
  --theme-preview-border: var(--pres-color-primary-border);
  box-shadow: 0 2px 4px var(--pres-color-primary-alpha);
}
.advanced-mode-editor__theme-preview.theme-preview-dark-mode[b-rgy4us6e83] {
  --theme-preview-bg: var(--pres-color-dark);
  --theme-preview-border: var(--pres-color-primary);
  --theme-preview-text: var(--pres-color-text-on-dark);
}
.advanced-mode-editor__theme-preview.theme-preview-glassmorphism[b-rgy4us6e83] {
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--pres-gradient-primary) !important;
}
.advanced-mode-editor__theme-preview.theme-preview-brutalism[b-rgy4us6e83] {
  --theme-preview-bg: var(--pres-color-surface);
  --theme-preview-border: var(--pres-color-primary);
  border-width: 2px;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 var(--pres-color-primary);
}
.advanced-mode-editor__theme-preview.theme-preview-neon-cyber[b-rgy4us6e83] {
  --theme-preview-bg: var(--pres-color-dark);
  --theme-preview-border: var(--pres-color-primary);
  --theme-preview-text: var(--pres-color-text-on-dark);
  box-shadow: inset 0 0 10px var(--pres-color-primary-alpha);
}
.advanced-mode-editor__theme-preview.theme-preview-retro-futurism[b-rgy4us6e83] {
  background: var(--pres-gradient-accent) !important;
  border-radius: 0 15px 0 15px !important;
  border-color: var(--pres-color-accent) !important;
}
.advanced-mode-editor__theme-preview.theme-preview-claymorphism[b-rgy4us6e83] {
  border-radius: 20px !important;
  box-shadow: 0 8px 16px var(--pres-color-primary-alpha), inset 0 2px 4px rgba(255, 255, 255, 0.8), inset 0 -2px 4px var(--pres-color-primary-alpha);
}

[class*=theme-preview-] *[b-rgy4us6e83] {
  transition: all 0.3s ease;
}

/*# sourceMappingURL=AdvancedModeEditor.razor.css.map */
/* /Pages/Components/PresentationBuilder/GenerationProgress.razor.rz.scp.css */
:root[b-4gmvl4zui1] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-4gmvl4zui1] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

@keyframes fadeIn-b-4gmvl4zui1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpSmall-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomIn-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut-b-4gmvl4zui1 {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse-b-4gmvl4zui1 {
  0% {
    box-shadow: 0 0 0 0 rgba(50, 115, 220, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(50, 115, 220, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(50, 115, 220, 0);
  }
}
@keyframes button-pulse-primary-b-4gmvl4zui1 {
  0% {
    box-shadow: 0 0 0 0 rgba-from-list(50, 115, 220, 0.6);
  }
  70% {
    box-shadow: 0 0 0 10px rgba-from-list(50, 115, 220, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba-from-list(50, 115, 220, 0);
  }
}
@keyframes button-pulse-b-4gmvl4zui1 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes float-b-4gmvl4zui1 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}
@keyframes spin-b-4gmvl4zui1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple-b-4gmvl4zui1 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  5% {
    transform: translate(-50%, -50%) scale(1.025);
    opacity: 1;
  }
  20% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
  }
  30% {
    transform: translate(-50%, -50%) scale(1.12);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.12);
    opacity: 0;
  }
}
.pulse-animation[b-4gmvl4zui1] {
  animation: pulse-b-4gmvl4zui1 2s infinite;
}

.pulse-button[b-4gmvl4zui1] {
  animation: button-pulse-primary-b-4gmvl4zui1 2s infinite;
}

.pulse-button-light[b-4gmvl4zui1] {
  animation: button-pulse-b-4gmvl4zui1 2s infinite;
}

@media (prefers-reduced-motion: reduce) {
  .animated:not([data-aos])[b-4gmvl4zui1] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  [data-aos][b-4gmvl4zui1] {
    transition-duration: 0.2s !important;
  }
}
.presentation-creator__generation-progress[b-4gmvl4zui1] {
  margin-top: 1rem;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--surface);
  border: 1px solid var(--border-color);
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress[b-4gmvl4zui1] {
    margin-top: 0.75rem;
  }
}
.presentation-creator__generation-progress-panel[b-4gmvl4zui1] {
  background-color: var(--surface);
  box-shadow: var(--shadow-sm);
  border-radius: 8px;
}
.presentation-creator__generation-progress-header[b-4gmvl4zui1] {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: var(--surface-variant);
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.presentation-creator__generation-progress-header:hover[b-4gmvl4zui1] {
  background-color: rgba(var(--color-primary-rgb), 0.05);
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-header[b-4gmvl4zui1] {
    padding: 0.75rem;
  }
}
.presentation-creator__generation-progress-icon[b-4gmvl4zui1] {
  margin-right: 0.75rem;
  color: var(--color-primary);
  font-size: 1.25rem;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-icon[b-4gmvl4zui1] {
    margin-right: 0.5rem;
    font-size: 1.1rem;
  }
}
.presentation-creator__generation-progress-title[b-4gmvl4zui1] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  flex: 1;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-title[b-4gmvl4zui1] {
    font-size: 0.9rem;
  }
}
.presentation-creator__generation-progress-toggle[b-4gmvl4zui1] {
  color: var(--text-secondary);
  font-size: 1.25rem;
  transition: transform 0.2s ease, color 0.2s ease;
}
.presentation-creator__generation-progress-toggle--expanded[b-4gmvl4zui1] {
  transform: rotate(180deg);
}
.presentation-creator__generation-progress-toggle:hover[b-4gmvl4zui1] {
  color: var(--color-primary);
}
.presentation-creator__generation-progress-content[b-4gmvl4zui1] {
  padding: 1rem;
  max-height: 300px;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-content[b-4gmvl4zui1] {
    padding: 0.75rem;
    max-height: 200px;
  }
}
.presentation-creator__generation-progress-content--collapsed[b-4gmvl4zui1] {
  display: none;
}
.presentation-creator__generation-progress-content[b-4gmvl4zui1]::-webkit-scrollbar {
  width: 6px;
}
.presentation-creator__generation-progress-content[b-4gmvl4zui1]::-webkit-scrollbar-track {
  background: var(--surface-variant);
  border-radius: 3px;
}
.presentation-creator__generation-progress-content[b-4gmvl4zui1]::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}
.presentation-creator__generation-progress-content[b-4gmvl4zui1]::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}
.presentation-creator__generation-progress-list[b-4gmvl4zui1] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.presentation-creator__generation-progress-item[b-4gmvl4zui1] {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.3);
  transition: background-color 0.2s ease;
}
.presentation-creator__generation-progress-item:last-child[b-4gmvl4zui1] {
  border-bottom: none;
}
.presentation-creator__generation-progress-item--latest[b-4gmvl4zui1] {
  background-color: rgba(var(--color-primary-rgb), 0.05);
  border-radius: 6px;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.presentation-creator__generation-progress-item:hover[b-4gmvl4zui1] {
  background-color: rgba(var(--text-primary-rgb), 0.02);
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-item[b-4gmvl4zui1] {
    padding: 0.5rem 0;
  }
}
.presentation-creator__generation-progress-icon-container[b-4gmvl4zui1] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 0.75rem;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-icon-container[b-4gmvl4zui1] {
    margin-right: 0.5rem;
    width: 20px;
    height: 20px;
  }
}
.presentation-creator__generation-progress-check[b-4gmvl4zui1] {
  color: var(--color-success);
  font-size: 1.1rem;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-check[b-4gmvl4zui1] {
    font-size: 1rem;
  }
}
.presentation-creator__generation-progress-spinner[b-4gmvl4zui1] {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid var(--color-primary);
  border-radius: 50%;
  animation: spin-b-4gmvl4zui1 1s linear infinite;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-spinner[b-4gmvl4zui1] {
    width: 14px;
    height: 14px;
  }
}
.presentation-creator__generation-progress-text[b-4gmvl4zui1] {
  font-size: 0.875rem;
  color: var(--text-primary);
  line-height: 1.4;
}
.presentation-creator__generation-progress-text--active[b-4gmvl4zui1] {
  color: var(--color-primary);
  font-weight: 500;
}
.presentation-creator__generation-progress-text--completed[b-4gmvl4zui1] {
  color: var(--text-secondary);
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-text[b-4gmvl4zui1] {
    font-size: 0.8rem;
  }
}
.presentation-creator__generation-progress-empty[b-4gmvl4zui1] {
  text-align: center;
  color: var(--text-secondary);
  font-style: italic;
  padding: 2rem 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__generation-progress-empty[b-4gmvl4zui1] {
    padding: 1.5rem 0.75rem;
    font-size: 0.875rem;
  }
}

/*# sourceMappingURL=GenerationProgress.razor.css.map */
/* /Pages/Components/PresentationBuilder/PresentationModeComponent.razor.rz.scp.css */
:root[b-zlk0ybxcn5] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-zlk0ybxcn5] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-mode[b-zlk0ybxcn5] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 9999;
  overflow: hidden;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.presentation-mode .presentation-preview__layout-grid[b-zlk0ybxcn5] {
  width: 100%;
  height: 100%;
  position: relative;
}
.presentation-mode__slides-container[b-zlk0ybxcn5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.presentation-mode__slides-container.initialized[b-zlk0ybxcn5] {
  opacity: 1;
}
.presentation-mode__unlock-overlay[b-zlk0ybxcn5] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.presentation-mode__unlock-content[b-zlk0ybxcn5] {
  text-align: center;
  color: white;
  max-width: 500px;
  padding: 40px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.presentation-mode__unlock-icon[b-zlk0ybxcn5] {
  font-size: 4rem;
  margin-bottom: 20px;
}
.presentation-mode__unlock-title[b-zlk0ybxcn5] {
  font-size: 2rem;
  margin-bottom: 16px;
}
.presentation-mode__unlock-text[b-zlk0ybxcn5] {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 32px;
  opacity: 0.9;
}
.presentation-mode__unlock-actions[b-zlk0ybxcn5] {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.presentation-mode__unlock-btn[b-zlk0ybxcn5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: 12px;
  cursor: pointer;
  border: none;
  min-width: 160px;
  justify-content: center;
}
.presentation-mode__unlock-btn--primary[b-zlk0ybxcn5] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.presentation-mode__unlock-btn--secondary[b-zlk0ybxcn5] {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.presentation-mode__presenter-tools[b-zlk0ybxcn5] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(15px);
  border-radius: 16px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 10000;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(20px);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-mode__presenter-tools--visible[b-zlk0ybxcn5] {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.presentation-mode__presenter-tools--auto-hide[b-zlk0ybxcn5] {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(20px);
}
.presentation-mode__presenter-tools--auto-hide.presentation-mode__presenter-tools--visible[b-zlk0ybxcn5] {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.presentation-mode__progress-container[b-zlk0ybxcn5] {
  width: 320px;
  height: 6px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  overflow: hidden;
}
.presentation-mode__progress-bar[b-zlk0ybxcn5] {
  height: 100%;
  background: linear-gradient(90deg, #4CAF50, #66BB6A);
  transition: width 0.4s ease;
  border-radius: 3px;
}
.presentation-mode__controls-container[b-zlk0ybxcn5] {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.presentation-mode__nav-controls[b-zlk0ybxcn5] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.presentation-mode__slide-counter[b-zlk0ybxcn5] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  min-width: 70px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  padding: 8px 12px;
  border-radius: 8px;
}
.presentation-mode__slide-counter-current[b-zlk0ybxcn5] {
  color: #4CAF50;
  font-weight: 700;
}
.presentation-mode__slide-counter-separator[b-zlk0ybxcn5] {
  color: rgba(255, 255, 255, 0.5);
}
.presentation-mode__slide-counter-total[b-zlk0ybxcn5] {
  color: rgba(255, 255, 255, 0.8);
}
.presentation-mode__timer[b-zlk0ybxcn5] {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  min-width: 60px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  padding: 8px 12px;
  border-radius: 8px;
}
.presentation-mode__action-controls[b-zlk0ybxcn5] {
  display: flex;
  gap: 10px;
}
.presentation-mode__control-btn[b-zlk0ybxcn5] {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
}
.presentation-mode__control-btn:hover:not(:disabled)[b-zlk0ybxcn5] {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}
.presentation-mode__control-btn:disabled[b-zlk0ybxcn5] {
  opacity: 0.4;
  cursor: not-allowed;
}
.presentation-mode__control-btn--exit[b-zlk0ybxcn5] {
  background: rgba(244, 67, 54, 0.2);
  border-color: rgba(244, 67, 54, 0.4);
}
.presentation-mode__control-btn--animation-toggle[b-zlk0ybxcn5] {
  background: rgba(76, 175, 80, 0.2);
  border-color: rgba(76, 175, 80, 0.4);
}
.presentation-mode__control-btn .material-symbols-rounded[b-zlk0ybxcn5],
.presentation-mode__control-btn .material-icons[b-zlk0ybxcn5] {
  font-size: 22px;
  line-height: 1;
}
.presentation-mode__click-nav[b-zlk0ybxcn5] {
  position: fixed;
  top: 0;
  height: 100vh;
  z-index: 5000;
  cursor: pointer;
  background: transparent;
}
.presentation-mode__click-nav:hover[b-zlk0ybxcn5] {
  background: rgba(255, 255, 255, 0.02);
}
.presentation-mode__click-nav--left[b-zlk0ybxcn5] {
  left: 0;
  width: 25%;
}
.presentation-mode__click-nav--right[b-zlk0ybxcn5] {
  right: 0;
  width: 75%;
}
.presentation-mode__pause-overlay[b-zlk0ybxcn5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 8000;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.presentation-mode__pause-overlay:hover[b-zlk0ybxcn5] {
  opacity: 0.95;
}
.presentation-mode__pause-overlay--black[b-zlk0ybxcn5] {
  background: #000;
}
.presentation-mode__pause-overlay--white[b-zlk0ybxcn5] {
  background: #fff;
  color: #000;
}
.presentation-mode__pause-content[b-zlk0ybxcn5] {
  text-align: center;
  pointer-events: none;
}
.presentation-mode__pause-text[b-zlk0ybxcn5] {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}
@media (max-width: 768px) {
  .presentation-mode__pause-text[b-zlk0ybxcn5] {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .presentation-mode__pause-text[b-zlk0ybxcn5] {
    font-size: 1.5rem;
  }
}
.presentation-mode__pause-hint[b-zlk0ybxcn5] {
  font-size: 1.4rem;
  opacity: 0.6;
  font-weight: 400;
  transition: opacity 0.2s ease;
}
@media (max-width: 768px) {
  .presentation-mode__pause-hint[b-zlk0ybxcn5] {
    font-size: 1.1rem;
  }
}
@media (max-width: 480px) {
  .presentation-mode__pause-hint[b-zlk0ybxcn5] {
    font-size: 0.9rem;
  }
}

/*# sourceMappingURL=PresentationModeComponent.razor.css.map */
/* /Pages/Components/PresentationBuilder/PresentationPreview.razor.rz.scp.css */
:root[b-e7otz7uj9v] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-e7otz7uj9v] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-preview[b-e7otz7uj9v] {
  width: 100%;
}
.presentation-preview-content[b-e7otz7uj9v] {
  width: 100%;
}
.presentation-preview-content.paywall-content-blur[b-e7otz7uj9v] {
  filter: blur(var(--paywall-blur-intensity, 8px));
  pointer-events: none;
  user-select: none;
}
.presentation-preview__layout-grid[b-e7otz7uj9v] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.presentation-preview__layout-grid--portrait-pdf-columns[b-e7otz7uj9v], .presentation-preview__layout-grid--tiktok-mode[b-e7otz7uj9v] {
  display: grid;
  gap: 2rem;
}
.presentation-preview__layout-grid--portrait-pdf-columns[b-e7otz7uj9v] {
  grid-template-columns: repeat(2, 1fr);
}
.presentation-preview__layout-grid--tiktok-mode[b-e7otz7uj9v] {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
@media (max-width: 600px) {
  .presentation-preview__layout-grid--portrait-pdf-columns[b-e7otz7uj9v], .presentation-preview__layout-grid--tiktok-mode[b-e7otz7uj9v] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1rem !important;
  }
}
.presentation-preview__slide-wrapper[b-e7otz7uj9v] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem auto 1rem auto;
  width: 100%;
  height: auto;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.presentation-preview__layout-grid--portrait-pdf-columns .presentation-preview__slide-wrapper[b-e7otz7uj9v], .presentation-preview__layout-grid--tiktok-mode .presentation-preview__slide-wrapper[b-e7otz7uj9v] {
  width: 100%;
  margin: 0;
}
.presentation-preview__slide-wrapper--view-portrait-pdf[b-e7otz7uj9v] {
  flex-shrink: 0;
  flex-grow: 0;
}
.presentation-preview__slide-wrapper--view-tiktok[b-e7otz7uj9v] {
  flex-shrink: 0;
  flex-grow: 0;
  justify-self: center;
  align-self: start;
}
@media (max-width: 600px) {
  .presentation-preview__slide-wrapper[b-e7otz7uj9v] {
    margin: 0.5rem 0 1rem 0;
  }
  .presentation-preview__slide-wrapper--view-portrait-pdf[b-e7otz7uj9v], .presentation-preview__slide-wrapper--view-tiktok[b-e7otz7uj9v] {
    margin: 0.5rem auto 1rem auto;
    justify-self: center;
  }
}
.presentation-preview__slide[b-e7otz7uj9v] {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}
.presentation-preview__slide-iframe[b-e7otz7uj9v] {
  border: none;
  background: var(--surface, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  display: block;
  pointer-events: auto;
  user-select: none;
  overflow: hidden;
}
.presentation-preview__slide-viewport[b-e7otz7uj9v] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--surface, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-preview__slide-content[b-e7otz7uj9v] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.presentation-preview__slide-content *[b-e7otz7uj9v] {
  container-type: normal !important;
  flex-shrink: 0 !important;
}
.presentation-preview__slide-content *[class*=responsive][b-e7otz7uj9v], .presentation-preview__slide-content *[class*=container][b-e7otz7uj9v], .presentation-preview__slide-content *[class*=col-][b-e7otz7uj9v], .presentation-preview__slide-content *[class*=flex-][b-e7otz7uj9v] {
  flex-shrink: 0 !important;
  width: auto !important;
  max-width: none !important;
}
.presentation-preview__generating-overlay[b-e7otz7uj9v] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 25;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: inherit;
  transform-origin: center center;
  transform: scale(var(--slide-scale, 1));
}
.presentation-preview__generating-overlay--visible[b-e7otz7uj9v] {
  opacity: 1;
  pointer-events: auto;
}
.presentation-preview__generating-overlay-content[b-e7otz7uj9v] {
  text-align: center;
  padding: 20px;
  max-width: 90%;
  color: white;
}
.presentation-preview__generating-overlay-content .mud-text[b-e7otz7uj9v] {
  color: var(--color-info-light, #64b5f6);
  font-weight: 700;
  font-size: 1.5rem;
}
@media (max-width: 600px) {
  .presentation-preview__generating-overlay-content[b-e7otz7uj9v] {
    padding: 16px;
  }
  .presentation-preview__generating-overlay-content .mud-text[b-e7otz7uj9v] {
    font-size: 1.25rem;
    color: var(--color-info-light, #64b5f6);
    font-weight: 700;
  }
}
.presentation-preview__slide-lock-overlay[b-e7otz7uj9v] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.95) 0%, rgba(99, 102, 241, 0.95) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 30;
  pointer-events: auto;
  border-radius: inherit;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transform-origin: center center;
  transform: scale(var(--slide-scale, 1));
}
.presentation-preview__slide-lock-overlay-content[b-e7otz7uj9v] {
  text-align: center;
  padding: 2rem;
  max-width: 90%;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.presentation-preview__slide-lock-overlay-content .mud-icon[b-e7otz7uj9v] {
  color: rgba(255, 255, 255, 0.95);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
}
.presentation-preview__slide-lock-overlay-content .mud-text[b-e7otz7uj9v] {
  color: white;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.presentation-preview__slide-lock-overlay-content .mud-text.mud-typography-h5[b-e7otz7uj9v] {
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: -0.01em;
}
.presentation-preview__slide-lock-overlay-content .mud-text.mud-typography-body2[b-e7otz7uj9v] {
  font-size: 1rem;
  opacity: 0.95;
  line-height: 1.5;
}
.presentation-preview__slide-lock-overlay-content .mud-text.mud-typography-caption[b-e7otz7uj9v] {
  font-size: 0.875rem;
  opacity: 0.8;
}
.presentation-preview__slide-lock-overlay-content .mud-button[b-e7otz7uj9v] {
  background: white;
  color: #3b82f6;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 50px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: none;
  letter-spacing: 0.025em;
}
.presentation-preview__slide-lock-overlay-content .mud-button:hover[b-e7otz7uj9v] {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.95);
}
.presentation-preview__slide-lock-overlay-content .mud-button:active[b-e7otz7uj9v] {
  transform: translateY(0) scale(0.98);
}
@media (max-width: 600px) {
  .presentation-preview__slide-lock-overlay-content[b-e7otz7uj9v] {
    padding: 1.5rem;
  }
  .presentation-preview__slide-lock-overlay-content .mud-icon[b-e7otz7uj9v] {
    font-size: 40px !important;
  }
  .presentation-preview__slide-lock-overlay-content .mud-text.mud-typography-h5[b-e7otz7uj9v] {
    font-size: 1.5rem;
  }
  .presentation-preview__slide-lock-overlay-content .mud-text.mud-typography-body2[b-e7otz7uj9v] {
    font-size: 0.9rem;
  }
  .presentation-preview__slide-lock-overlay-content .mud-text.mud-typography-caption[b-e7otz7uj9v] {
    font-size: 0.8rem;
  }
  .presentation-preview__slide-lock-overlay-content .mud-button[b-e7otz7uj9v] {
    padding: 12px 24px;
    font-size: 0.9rem;
  }
}
.presentation-preview__global-overlay[b-e7otz7uj9v] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);
}
.presentation-preview__global-overlay-content[b-e7otz7uj9v] {
  text-align: center;
  padding: 3rem;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
}
.presentation-preview__global-overlay-content .mud-text[b-e7otz7uj9v] {
  color: #3273dc;
  font-weight: 600;
}
.presentation-preview__global-overlay-content .mud-text.mt-2[b-e7otz7uj9v] {
  color: #5c7089;
  font-weight: 400;
}
@media (max-width: 600px) {
  .presentation-preview__global-overlay-content[b-e7otz7uj9v] {
    padding: 1.5rem;
    margin: 1rem;
  }
}
.presentation-preview-header[b-e7otz7uj9v] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: var(--surface, #fff);
  border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}
.presentation-preview-header .presentation-preview-buttons[b-e7otz7uj9v] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .presentation-preview-header[b-e7otz7uj9v] {
    padding: 0.75rem;
    flex-direction: column;
    gap: 1rem;
  }
  .presentation-preview-header .presentation-preview-buttons[b-e7otz7uj9v] {
    width: 100%;
    justify-content: center;
  }
}
.presentation-preview--readonly .presentation-preview-header .presentation-preview-buttons[b-e7otz7uj9v] {
  opacity: 0.6;
  pointer-events: none;
}
.presentation-preview.presentation-preview--readonly .presentation-preview-header[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview-toolbar[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview__edit-container[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview__edit-button[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview__visual-edit-button[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview__prompt-panel[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview__controls[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-preview__slide-controls[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-mode-button[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .edit-tooltip[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .slide-edit-button[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .slide-toolbar[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .presentation-toolbar[b-e7otz7uj9v],
.presentation-preview.presentation-preview--readonly .slide-editor[b-e7otz7uj9v] {
  display: none !important;
}
.presentation-preview.presentation-preview--readonly .presentation-preview__slide[b-e7otz7uj9v] {
  pointer-events: none;
}
.presentation-preview.presentation-preview--readonly .presentation-preview__slide:hover[b-e7otz7uj9v] {
  cursor: default;
}

.admin-view-banner[b-e7otz7uj9v] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(120deg, #ff3860, #ff5b7f);
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 8px 8px 0 0;
}
.admin-view-banner .mud-icon[b-e7otz7uj9v] {
  font-size: 1.5rem;
}
@media (max-width: 600px) {
  .admin-view-banner[b-e7otz7uj9v] {
    padding: 0.75rem;
    font-size: 0.875rem;
  }
  .admin-view-banner .mud-icon[b-e7otz7uj9v] {
    font-size: 1.25rem;
  }
}

.preview-mode-banner[b-e7otz7uj9v] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: linear-gradient(120deg, #ffdd57, #ffe97d);
  color: #2c3e50;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.preview-mode-banner .preview-mode-info[b-e7otz7uj9v] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
}
.preview-mode-banner .preview-mode-info .mud-icon[b-e7otz7uj9v] {
  font-size: 1.5rem;
}
.preview-mode-banner .preview-mode-info .mud-text[b-e7otz7uj9v] {
  font-weight: 600;
}
.preview-mode-banner .preview-mode-info .mud-text.ml-2[b-e7otz7uj9v] {
  margin-left: 0.5rem;
  opacity: 0.8;
}
.preview-mode-banner .mud-button[b-e7otz7uj9v] {
  background: #3273dc;
  color: #ffffff;
}
.preview-mode-banner .mud-button:hover[b-e7otz7uj9v] {
  background: #2661c7;
}
@media (max-width: 600px) {
  .preview-mode-banner[b-e7otz7uj9v] {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  .preview-mode-banner .preview-mode-info[b-e7otz7uj9v] {
    flex-direction: column;
    gap: 0.5rem;
  }
}

@media (max-width: 1280px) {
  .presentation-preview__layout-grid[b-e7otz7uj9v] {
    padding: 0.75rem;
  }
}
@media (max-width: 960px) {
  .presentation-preview__layout-grid[b-e7otz7uj9v] {
    padding: 0.5rem;
    gap: 0.75rem;
  }
  .presentation-preview__slide-wrapper[b-e7otz7uj9v] {
    margin: 0.25rem auto 0.75rem auto;
  }
}
@media (prefers-contrast: high) {
  .presentation-preview__slide-wrapper[b-e7otz7uj9v] {
    border: 2px solid #2c3e50;
  }
  .presentation-preview__slide-iframe[b-e7otz7uj9v] {
    border: 1px solid #5c7089;
  }
  .admin-view-banner[b-e7otz7uj9v],
  .preview-mode-banner[b-e7otz7uj9v] {
    border: 2px solid #2c3e50;
  }
}
@media (prefers-reduced-motion: reduce) {
  .presentation-preview__generating-overlay[b-e7otz7uj9v] {
    transition: none;
  }
}
.presentation-preview__add-slide-container[b-e7otz7uj9v] {
  display: flex;
  justify-content: center;
  padding: 16px 0;
  margin: 8px 0;
  position: relative;
}
.presentation-preview__add-slide-container--end[b-e7otz7uj9v] {
  padding: 24px 0;
  border-top: 2px dashed rgba(0, 0, 0, 0.1);
  margin-top: 24px;
}
.presentation-preview__add-slide-container[b-e7otz7uj9v]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, transparent 100%);
  z-index: 0;
}

.presentation-preview__add-slide-button[b-e7otz7uj9v] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 0.875rem;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);
  opacity: 0.9;
  user-select: none;
  position: relative;
  z-index: 10;
  text-transform: none;
  letter-spacing: 0.025em;
  min-height: 44px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: auto;
}
.presentation-preview__add-slide-button:hover:not(:disabled)[b-e7otz7uj9v] {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
  opacity: 1;
  scale: 1.05;
}
.presentation-preview__add-slide-button:active:not(:disabled)[b-e7otz7uj9v] {
  transform: translateY(0);
  scale: 0.98;
}
.presentation-preview__add-slide-button:disabled[b-e7otz7uj9v] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  scale: 1;
  filter: grayscale(0.5);
}
.presentation-preview__add-slide-button:disabled:hover[b-e7otz7uj9v] {
  transform: none;
  scale: 1;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);
}
.presentation-preview__add-slide-button--end[b-e7otz7uj9v] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);
}
.presentation-preview__add-slide-button--end:hover:not(:disabled)[b-e7otz7uj9v] {
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
}
.presentation-preview__add-slide-button .material-icons[b-e7otz7uj9v] {
  font-size: 20px;
  font-weight: 500;
}
.presentation-preview__add-slide-button span:not(.material-icons)[b-e7otz7uj9v] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
  font-weight: 600;
}
@media (max-width: 960px) {
  .presentation-preview__add-slide-button[b-e7otz7uj9v] {
    padding: 10px 16px;
    font-size: 0.8rem;
    min-height: 40px;
  }
  .presentation-preview__add-slide-button .material-icons[b-e7otz7uj9v] {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .presentation-preview__add-slide-button[b-e7otz7uj9v] {
    padding: 8px 12px;
    gap: 6px;
  }
  .presentation-preview__add-slide-button span:not(.material-icons)[b-e7otz7uj9v] {
    display: none;
  }
  .presentation-preview__add-slide-button .material-icons[b-e7otz7uj9v] {
    font-size: 20px;
  }
}

/*# sourceMappingURL=PresentationPreview.razor.css.map */
/* /Pages/Dialogs/AddSlideDialog.razor.rz.scp.css */
:root[b-h27qscf28z] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-h27qscf28z] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.add-slide-dialog__header[b-h27qscf28z] {
  padding: 1.5rem 2rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.add-slide-dialog__title[b-h27qscf28z] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
}
.add-slide-dialog__title h2[b-h27qscf28z] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin: 0;
}
.add-slide-dialog__icon[b-h27qscf28z] {
  font-size: 1.75rem;
  color: #3273dc;
}
.add-slide-dialog__content[b-h27qscf28z] {
  padding: 1.5rem 2rem;
  position: relative;
}
.add-slide-dialog__form[b-h27qscf28z] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.add-slide-dialog__form-group[b-h27qscf28z] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.add-slide-dialog__form-group label[b-h27qscf28z] {
  font-weight: 600;
  color: #2c3e50;
  font-size: 0.9rem;
}
.add-slide-dialog__textarea[b-h27qscf28z] {
  width: 100%;
  min-height: 120px;
  padding: 0.75rem;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: inherit;
  resize: vertical;
  transition: border-color 0.2s ease;
  background: #ffffff;
  color: #2c3e50;
  line-height: 1.4;
}
.add-slide-dialog__textarea:focus[b-h27qscf28z] {
  outline: none;
  border-color: #3273dc;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.add-slide-dialog__textarea[b-h27qscf28z]::placeholder {
  color: #5c7089;
  opacity: 0.7;
}
.add-slide-dialog__character-counter[b-h27qscf28z] {
  text-align: right;
  font-size: 0.75rem;
  color: #5c7089;
  font-weight: 500;
}
.add-slide-dialog__cost-info[b-h27qscf28z] {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  font-size: 0.75rem;
  color: #5c7089;
  opacity: 0.6;
  font-weight: 500;
  z-index: 1;
}
.add-slide-dialog__cost-text[b-h27qscf28z] {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  font-size: 0.7rem;
}
.add-slide-dialog__validation-error[b-h27qscf28z] {
  color: #ff3860;
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 0.25rem;
}
.add-slide-dialog__error-message[b-h27qscf28z] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(220, 38, 127, 0.05);
  border: 1px solid rgba(220, 38, 127, 0.2);
  border-radius: 6px;
  color: #ff3860;
  font-size: 0.875rem;
}
.add-slide-dialog__error-icon[b-h27qscf28z] {
  font-size: 1.1rem;
  color: #ff3860;
  margin-top: 0.1rem;
}
.add-slide-dialog__cancel-btn[b-h27qscf28z] {
  padding: 0.6rem 1.25rem;
  border: 2px solid #5c7089;
  background: transparent;
  color: #5c7089;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.add-slide-dialog__cancel-btn:hover[b-h27qscf28z] {
  border-color: #2c3e50;
  color: #2c3e50;
}
.add-slide-dialog__submit-btn[b-h27qscf28z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.25rem;
  background: linear-gradient(120deg, #3273dc, #00d1b2);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.add-slide-dialog__submit-btn:hover:not(:disabled)[b-h27qscf28z] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.add-slide-dialog__submit-btn:disabled[b-h27qscf28z] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.add-slide-dialog__submit-btn .material-icons[b-h27qscf28z] {
  font-size: 1rem;
}
.add-slide-dialog__blank-btn[b-h27qscf28z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.25rem;
  background: #ffffff;
  color: #2c3e50;
  border: 2px solid #3273dc;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.add-slide-dialog__blank-btn:hover[b-h27qscf28z] {
  background: #3273dc;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
.add-slide-dialog__blank-btn .material-icons[b-h27qscf28z] {
  font-size: 1rem;
}

@media (max-width: 600px) {
  .add-slide-dialog__header[b-h27qscf28z] {
    padding: 1rem 1.5rem 0.75rem;
  }
  .add-slide-dialog__content[b-h27qscf28z] {
    padding: 1rem 1.5rem;
  }
  .add-slide-dialog__title h2[b-h27qscf28z] {
    font-size: 1.25rem;
  }
  .add-slide-dialog__icon[b-h27qscf28z] {
    font-size: 1.5rem;
  }
}

/*# sourceMappingURL=AddSlideDialog.razor.css.map */
/* /Pages/Dialogs/ContactSalesDialog.razor.rz.scp.css */
.enterprise-sales-dialog[b-4iyr45eqry] {
  max-width: 520px;
}
.enterprise-sales-dialog__header[b-4iyr45eqry] {
  padding: 24px 24px 16px;
  border-bottom: 1px solid #eee;
}
.enterprise-sales-dialog__title[b-4iyr45eqry] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.enterprise-sales-dialog__title h2[b-4iyr45eqry] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
}
.enterprise-sales-dialog__icon[b-4iyr45eqry] {
  font-size: 24px;
  color: #3273dc;
}
.enterprise-sales-dialog__content[b-4iyr45eqry] {
  padding: 24px;
}
.enterprise-sales-dialog__intro[b-4iyr45eqry] {
  margin-bottom: 24px;
}
.enterprise-sales-dialog__intro p[b-4iyr45eqry] {
  margin: 0;
  color: #666;
  line-height: 1.5;
}
.enterprise-sales-dialog__form[b-4iyr45eqry] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.enterprise-sales-dialog__form-group[b-4iyr45eqry] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.enterprise-sales-dialog__form-group label[b-4iyr45eqry] {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.enterprise-sales-dialog__input[b-4iyr45eqry], .enterprise-sales-dialog__textarea[b-4iyr45eqry], .enterprise-sales-dialog__select[b-4iyr45eqry] {
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.enterprise-sales-dialog__input:focus[b-4iyr45eqry], .enterprise-sales-dialog__textarea:focus[b-4iyr45eqry], .enterprise-sales-dialog__select:focus[b-4iyr45eqry] {
  outline: none;
  border-color: #3273dc;
}
.enterprise-sales-dialog__input[b-4iyr45eqry]::placeholder, .enterprise-sales-dialog__textarea[b-4iyr45eqry]::placeholder, .enterprise-sales-dialog__select[b-4iyr45eqry]::placeholder {
  color: #999;
}
.enterprise-sales-dialog__select-wrapper[b-4iyr45eqry] {
  position: relative;
}
.enterprise-sales-dialog__select[b-4iyr45eqry] {
  appearance: none;
  background: #fff;
  cursor: pointer;
  padding-right: 40px;
}
.enterprise-sales-dialog__select:invalid[b-4iyr45eqry] {
  color: #999;
}
.enterprise-sales-dialog__select-arrow[b-4iyr45eqry] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #999;
  pointer-events: none;
}
.enterprise-sales-dialog__textarea[b-4iyr45eqry] {
  resize: vertical;
  min-height: 80px;
}
.enterprise-sales-dialog__validation-error[b-4iyr45eqry] {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 4px;
}
.enterprise-sales-dialog__error-message[b-4iyr45eqry] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fdf2f2;
  color: #e74c3c;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
}
.enterprise-sales-dialog__error-icon[b-4iyr45eqry] {
  font-size: 18px;
}
.enterprise-sales-dialog__cancel-btn[b-4iyr45eqry], .enterprise-sales-dialog__submit-btn[b-4iyr45eqry], .enterprise-sales-dialog__close-btn[b-4iyr45eqry] {
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.enterprise-sales-dialog__cancel-btn:disabled[b-4iyr45eqry], .enterprise-sales-dialog__submit-btn:disabled[b-4iyr45eqry], .enterprise-sales-dialog__close-btn:disabled[b-4iyr45eqry] {
  opacity: 0.6;
  cursor: not-allowed;
}
.enterprise-sales-dialog__cancel-btn[b-4iyr45eqry] {
  background: #f8f9fa;
  color: #666;
}
.enterprise-sales-dialog__cancel-btn:hover:not(:disabled)[b-4iyr45eqry] {
  background: #e9ecef;
}
.enterprise-sales-dialog__submit-btn[b-4iyr45eqry], .enterprise-sales-dialog__close-btn[b-4iyr45eqry] {
  background: #3273dc;
  color: #fff;
}
.enterprise-sales-dialog__submit-btn:hover:not(:disabled)[b-4iyr45eqry], .enterprise-sales-dialog__close-btn:hover:not(:disabled)[b-4iyr45eqry] {
  background: #2366d1;
}
.enterprise-sales-dialog__spinner[b-4iyr45eqry] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin-b-4iyr45eqry 0.8s linear infinite;
}
.enterprise-sales-dialog__success[b-4iyr45eqry] {
  text-align: center;
  padding: 20px 0;
}
.enterprise-sales-dialog__success-icon-container[b-4iyr45eqry] {
  margin-bottom: 20px;
}
.enterprise-sales-dialog__success-icon[b-4iyr45eqry] {
  font-size: 64px;
  color: #27ae60;
}
.enterprise-sales-dialog__success-title[b-4iyr45eqry] {
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
}
.enterprise-sales-dialog__success-message[b-4iyr45eqry] {
  margin: 0 0 16px;
  color: #666;
  line-height: 1.5;
}
.enterprise-sales-dialog__auto-close[b-4iyr45eqry] {
  margin: 0 0 24px;
  color: #999;
  font-size: 12px;
}

@keyframes spin-b-4iyr45eqry {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 480px) {
  .enterprise-sales-dialog__content[b-4iyr45eqry] {
    padding: 20px;
  }
  .enterprise-sales-dialog__form[b-4iyr45eqry] {
    gap: 16px;
  }
}

/*# sourceMappingURL=ContactSalesDialog.razor.css.map */
/* /Pages/Dialogs/ContactSupportDialog.razor.rz.scp.css */
.support-dialog[b-w8d9d1lkhu] {
  max-width: 500px;
}
.support-dialog__header[b-w8d9d1lkhu] {
  padding: 24px 24px 16px;
  border-bottom: 1px solid #eee;
}
.support-dialog__title[b-w8d9d1lkhu] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.support-dialog__title h2[b-w8d9d1lkhu] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
}
.support-dialog__icon[b-w8d9d1lkhu] {
  font-size: 24px;
  color: #3273dc;
}
.support-dialog__content[b-w8d9d1lkhu] {
  padding: 24px;
}
.support-dialog__intro[b-w8d9d1lkhu] {
  margin-bottom: 24px;
}
.support-dialog__intro p[b-w8d9d1lkhu] {
  margin: 0;
  color: #666;
  line-height: 1.5;
}
.support-dialog__form[b-w8d9d1lkhu] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.support-dialog__form-group[b-w8d9d1lkhu] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.support-dialog__form-group label[b-w8d9d1lkhu] {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.support-dialog__input[b-w8d9d1lkhu], .support-dialog__textarea[b-w8d9d1lkhu] {
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.support-dialog__input:focus[b-w8d9d1lkhu], .support-dialog__textarea:focus[b-w8d9d1lkhu] {
  outline: none;
  border-color: #3273dc;
}
.support-dialog__input[b-w8d9d1lkhu]::placeholder, .support-dialog__textarea[b-w8d9d1lkhu]::placeholder {
  color: #999;
}
.support-dialog__textarea[b-w8d9d1lkhu] {
  resize: vertical;
  min-height: 120px;
}
.support-dialog__validation-error[b-w8d9d1lkhu] {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 4px;
}
.support-dialog__error-message[b-w8d9d1lkhu] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fdf2f2;
  color: #e74c3c;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
}
.support-dialog__error-icon[b-w8d9d1lkhu] {
  font-size: 18px;
}
.support-dialog__cancel-btn[b-w8d9d1lkhu], .support-dialog__submit-btn[b-w8d9d1lkhu], .support-dialog__close-btn[b-w8d9d1lkhu] {
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.support-dialog__cancel-btn:disabled[b-w8d9d1lkhu], .support-dialog__submit-btn:disabled[b-w8d9d1lkhu], .support-dialog__close-btn:disabled[b-w8d9d1lkhu] {
  opacity: 0.6;
  cursor: not-allowed;
}
.support-dialog__cancel-btn[b-w8d9d1lkhu] {
  background: #f8f9fa;
  color: #666;
}
.support-dialog__cancel-btn:hover:not(:disabled)[b-w8d9d1lkhu] {
  background: #e9ecef;
}
.support-dialog__submit-btn[b-w8d9d1lkhu], .support-dialog__close-btn[b-w8d9d1lkhu] {
  background: #3273dc;
  color: #fff;
}
.support-dialog__submit-btn:hover:not(:disabled)[b-w8d9d1lkhu], .support-dialog__close-btn:hover:not(:disabled)[b-w8d9d1lkhu] {
  background: #2366d1;
}
.support-dialog__spinner[b-w8d9d1lkhu] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin-b-w8d9d1lkhu 0.8s linear infinite;
}
.support-dialog__success[b-w8d9d1lkhu] {
  text-align: center;
  padding: 20px 0;
}
.support-dialog__success-icon-container[b-w8d9d1lkhu] {
  margin-bottom: 20px;
}
.support-dialog__success-icon[b-w8d9d1lkhu] {
  font-size: 64px;
  color: #27ae60;
}
.support-dialog__success-title[b-w8d9d1lkhu] {
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
}
.support-dialog__success-message[b-w8d9d1lkhu] {
  margin: 0 0 16px;
  color: #666;
  line-height: 1.5;
}
.support-dialog__auto-close[b-w8d9d1lkhu] {
  margin: 0 0 24px;
  color: #999;
  font-size: 12px;
}

@keyframes spin-b-w8d9d1lkhu {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 480px) {
  .support-dialog__content[b-w8d9d1lkhu] {
    padding: 20px;
  }
}

/*# sourceMappingURL=ContactSupportDialog.razor.css.map */
/* /Pages/Dialogs/SimpleContactSalesDialog.razor.rz.scp.css */
.simple-dialog-overlay[b-056ew5skdc] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn-b-056ew5skdc 0.2s ease-out;
}

.simple-dialog[b-056ew5skdc] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  max-width: 480px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  animation: slideIn-b-056ew5skdc 0.3s ease-out;
}
.simple-dialog--wide[b-056ew5skdc] {
  max-width: 560px;
}
.simple-dialog__header[b-056ew5skdc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px;
  border-bottom: 1px solid #eee;
}
.simple-dialog__title[b-056ew5skdc] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.simple-dialog__title h2[b-056ew5skdc] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
}
.simple-dialog__icon[b-056ew5skdc] {
  font-size: 24px;
  color: #3273dc;
}
.simple-dialog__close[b-056ew5skdc] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  color: #666;
  transition: all 0.2s ease;
}
.simple-dialog__close:hover[b-056ew5skdc] {
  background: #f5f5f5;
  color: #333;
}
.simple-dialog__close .material-icons[b-056ew5skdc] {
  font-size: 20px;
}
.simple-dialog__content[b-056ew5skdc] {
  padding: 24px;
}
.simple-dialog__intro[b-056ew5skdc] {
  margin-bottom: 24px;
}
.simple-dialog__intro p[b-056ew5skdc] {
  margin: 0;
  color: #666;
  line-height: 1.5;
}
.simple-dialog__form[b-056ew5skdc] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.simple-dialog__form-group[b-056ew5skdc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.simple-dialog__form-group label[b-056ew5skdc] {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.simple-dialog__input[b-056ew5skdc], .simple-dialog__textarea[b-056ew5skdc], .simple-dialog__select[b-056ew5skdc] {
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.simple-dialog__input:focus[b-056ew5skdc], .simple-dialog__textarea:focus[b-056ew5skdc], .simple-dialog__select:focus[b-056ew5skdc] {
  outline: none;
  border-color: #3273dc;
}
.simple-dialog__input[b-056ew5skdc]::placeholder, .simple-dialog__textarea[b-056ew5skdc]::placeholder, .simple-dialog__select[b-056ew5skdc]::placeholder {
  color: #999;
}
.simple-dialog__select-wrapper[b-056ew5skdc] {
  position: relative;
}
.simple-dialog__select[b-056ew5skdc] {
  appearance: none;
  background: #fff;
  cursor: pointer;
  padding-right: 40px;
}
.simple-dialog__select:invalid[b-056ew5skdc] {
  color: #999;
}
.simple-dialog__select-arrow[b-056ew5skdc] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #999;
  pointer-events: none;
}
.simple-dialog__textarea[b-056ew5skdc] {
  resize: vertical;
  min-height: 80px;
}
.simple-dialog__validation-error[b-056ew5skdc] {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 4px;
}
.simple-dialog__error-message[b-056ew5skdc] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fdf2f2;
  color: #e74c3c;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
}
.simple-dialog__error-icon[b-056ew5skdc] {
  font-size: 18px;
}
.simple-dialog__actions[b-056ew5skdc] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
}
.simple-dialog__cancel-btn[b-056ew5skdc], .simple-dialog__submit-btn[b-056ew5skdc], .simple-dialog__close-btn[b-056ew5skdc] {
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.simple-dialog__cancel-btn:disabled[b-056ew5skdc], .simple-dialog__submit-btn:disabled[b-056ew5skdc], .simple-dialog__close-btn:disabled[b-056ew5skdc] {
  opacity: 0.6;
  cursor: not-allowed;
}
.simple-dialog__cancel-btn[b-056ew5skdc] {
  background: #f8f9fa;
  color: #666;
}
.simple-dialog__cancel-btn:hover:not(:disabled)[b-056ew5skdc] {
  background: #e9ecef;
}
.simple-dialog__submit-btn[b-056ew5skdc], .simple-dialog__close-btn[b-056ew5skdc] {
  background: #3273dc;
  color: #fff;
}
.simple-dialog__submit-btn:hover:not(:disabled)[b-056ew5skdc], .simple-dialog__close-btn:hover:not(:disabled)[b-056ew5skdc] {
  background: #2366d1;
}
.simple-dialog__spinner[b-056ew5skdc] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin-b-056ew5skdc 0.8s linear infinite;
}
.simple-dialog__success[b-056ew5skdc] {
  text-align: center;
  padding: 20px 0;
}
.simple-dialog__success-icon-container[b-056ew5skdc] {
  margin-bottom: 20px;
}
.simple-dialog__success-icon[b-056ew5skdc] {
  font-size: 64px;
  color: #27ae60;
}
.simple-dialog__success-title[b-056ew5skdc] {
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
}
.simple-dialog__success-message[b-056ew5skdc] {
  margin: 0 0 16px;
  color: #666;
  line-height: 1.5;
}
.simple-dialog__auto-close[b-056ew5skdc] {
  margin: 0 0 24px;
  color: #999;
  font-size: 12px;
}

@keyframes fadeIn-b-056ew5skdc {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn-b-056ew5skdc {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin-b-056ew5skdc {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 600px) {
  .simple-dialog-overlay[b-056ew5skdc] {
    padding: 12px;
  }
  .simple-dialog--wide[b-056ew5skdc] {
    max-width: 100%;
  }
  .simple-dialog__header[b-056ew5skdc] {
    padding: 20px 20px 12px;
  }
  .simple-dialog__content[b-056ew5skdc] {
    padding: 20px;
  }
  .simple-dialog__actions[b-056ew5skdc] {
    flex-direction: column;
  }
  .simple-dialog__actions button[b-056ew5skdc] {
    width: 100%;
  }
}

/*# sourceMappingURL=SimpleContactSalesDialog.razor.css.map */
/* /Pages/Dialogs/SimpleContactSupportDialog.razor.rz.scp.css */
.simple-dialog-overlay[b-ao1mtpph9d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn-b-ao1mtpph9d 0.2s ease-out;
}

.simple-dialog[b-ao1mtpph9d] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  max-width: 480px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  animation: slideIn-b-ao1mtpph9d 0.3s ease-out;
}
.simple-dialog__header[b-ao1mtpph9d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px;
  border-bottom: 1px solid #eee;
}
.simple-dialog__title[b-ao1mtpph9d] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.simple-dialog__title h2[b-ao1mtpph9d] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
}
.simple-dialog__icon[b-ao1mtpph9d] {
  font-size: 24px;
  color: #3273dc;
}
.simple-dialog__close[b-ao1mtpph9d] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  color: #666;
  transition: all 0.2s ease;
}
.simple-dialog__close:hover[b-ao1mtpph9d] {
  background: #f5f5f5;
  color: #333;
}
.simple-dialog__close .material-icons[b-ao1mtpph9d] {
  font-size: 20px;
}
.simple-dialog__content[b-ao1mtpph9d] {
  padding: 24px;
}
.simple-dialog__intro[b-ao1mtpph9d] {
  margin-bottom: 24px;
}
.simple-dialog__intro p[b-ao1mtpph9d] {
  margin: 0;
  color: #666;
  line-height: 1.5;
}
.simple-dialog__form[b-ao1mtpph9d] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.simple-dialog__form-group[b-ao1mtpph9d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.simple-dialog__form-group label[b-ao1mtpph9d] {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.simple-dialog__input[b-ao1mtpph9d], .simple-dialog__textarea[b-ao1mtpph9d] {
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.simple-dialog__input:focus[b-ao1mtpph9d], .simple-dialog__textarea:focus[b-ao1mtpph9d] {
  outline: none;
  border-color: #3273dc;
}
.simple-dialog__input[b-ao1mtpph9d]::placeholder, .simple-dialog__textarea[b-ao1mtpph9d]::placeholder {
  color: #999;
}
.simple-dialog__textarea[b-ao1mtpph9d] {
  resize: vertical;
  min-height: 120px;
}
.simple-dialog__validation-error[b-ao1mtpph9d] {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 4px;
}
.simple-dialog__error-message[b-ao1mtpph9d] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fdf2f2;
  color: #e74c3c;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
}
.simple-dialog__error-icon[b-ao1mtpph9d] {
  font-size: 18px;
}
.simple-dialog__actions[b-ao1mtpph9d] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
}
.simple-dialog__cancel-btn[b-ao1mtpph9d], .simple-dialog__submit-btn[b-ao1mtpph9d], .simple-dialog__close-btn[b-ao1mtpph9d] {
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.simple-dialog__cancel-btn:disabled[b-ao1mtpph9d], .simple-dialog__submit-btn:disabled[b-ao1mtpph9d], .simple-dialog__close-btn:disabled[b-ao1mtpph9d] {
  opacity: 0.6;
  cursor: not-allowed;
}
.simple-dialog__cancel-btn[b-ao1mtpph9d] {
  background: #f8f9fa;
  color: #666;
}
.simple-dialog__cancel-btn:hover:not(:disabled)[b-ao1mtpph9d] {
  background: #e9ecef;
}
.simple-dialog__submit-btn[b-ao1mtpph9d], .simple-dialog__close-btn[b-ao1mtpph9d] {
  background: #3273dc;
  color: #fff;
}
.simple-dialog__submit-btn:hover:not(:disabled)[b-ao1mtpph9d], .simple-dialog__close-btn:hover:not(:disabled)[b-ao1mtpph9d] {
  background: #2366d1;
}
.simple-dialog__spinner[b-ao1mtpph9d] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin-b-ao1mtpph9d 0.8s linear infinite;
}
.simple-dialog__success[b-ao1mtpph9d] {
  text-align: center;
  padding: 20px 0;
}
.simple-dialog__success-icon-container[b-ao1mtpph9d] {
  margin-bottom: 20px;
}
.simple-dialog__success-icon[b-ao1mtpph9d] {
  font-size: 64px;
  color: #27ae60;
}
.simple-dialog__success-title[b-ao1mtpph9d] {
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
}
.simple-dialog__success-message[b-ao1mtpph9d] {
  margin: 0 0 16px;
  color: #666;
  line-height: 1.5;
}
.simple-dialog__auto-close[b-ao1mtpph9d] {
  margin: 0 0 24px;
  color: #999;
  font-size: 12px;
}

@keyframes fadeIn-b-ao1mtpph9d {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn-b-ao1mtpph9d {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin-b-ao1mtpph9d {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 480px) {
  .simple-dialog-overlay[b-ao1mtpph9d] {
    padding: 12px;
  }
  .simple-dialog__header[b-ao1mtpph9d] {
    padding: 20px 20px 12px;
  }
  .simple-dialog__content[b-ao1mtpph9d] {
    padding: 20px;
  }
  .simple-dialog__actions[b-ao1mtpph9d] {
    flex-direction: column;
  }
  .simple-dialog__actions button[b-ao1mtpph9d] {
    width: 100%;
  }
}

/*# sourceMappingURL=SimpleContactSupportDialog.razor.css.map */
/* /Pages/ErrorPage.razor.rz.scp.css */
:root[b-48zu8oy23v] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-48zu8oy23v] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.not-found-section[b-48zu8oy23v], .error-section[b-48zu8oy23v] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #4a89dc 0%, #3273dc 100%);
}

.not-found-background[b-48zu8oy23v] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.not-found-shape[b-48zu8oy23v] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: float-b-48zu8oy23v 6s ease-in-out infinite;
}
.not-found-shape.shape-1[b-48zu8oy23v] {
  width: 300px;
  height: 300px;
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}
.not-found-shape.shape-2[b-48zu8oy23v] {
  width: 200px;
  height: 200px;
  top: 60%;
  right: 15%;
  animation-delay: 2s;
}
.not-found-shape.shape-3[b-48zu8oy23v] {
  width: 150px;
  height: 150px;
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}

.container[b-48zu8oy23v] {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.not-found-content[b-48zu8oy23v] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
}

.not-found-main[b-48zu8oy23v] {
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 4rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  width: 100%;
  animation: slideUp-b-48zu8oy23v 0.8s ease-out;
}
@media (max-width: 960px) {
  .not-found-main[b-48zu8oy23v] {
    padding: 4rem;
    margin: 2rem;
  }
}

.not-found-code-container[b-48zu8oy23v] {
  margin-bottom: 3rem;
}

.not-found-code[b-48zu8oy23v] {
  font-size: 8rem;
  font-weight: 800;
  color: #3273dc;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 960px) {
  .not-found-code[b-48zu8oy23v] {
    font-size: 6rem;
  }
}
@media (max-width: 600px) {
  .not-found-code[b-48zu8oy23v] {
    font-size: 4rem;
  }
}

.not-found-title[b-48zu8oy23v] {
  font-size: 2.4rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 2rem;
  line-height: 1.2;
}
@media (max-width: 960px) {
  .not-found-title[b-48zu8oy23v] {
    font-size: 1.8rem;
  }
}

.not-found-message[b-48zu8oy23v] {
  font-size: 1.2rem;
  color: #5c7089;
  margin-bottom: 4rem;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .not-found-message[b-48zu8oy23v] {
    font-size: 1rem;
  }
}

.not-found-actions[b-48zu8oy23v] {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
@media (max-width: 600px) {
  .not-found-actions[b-48zu8oy23v] {
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
  }
}

.not-found-primary-btn[b-48zu8oy23v] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #ff6b6b 0%, #ffcc33 100%);
  border: none;
  outline: none;
  color: #ffffff;
  padding: 1rem 1.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
  white-space: nowrap;
  text-decoration: none;
  min-width: 180px;
  justify-content: center;
}
.not-found-primary-btn i[b-48zu8oy23v], .not-found-primary-btn .material-icons[b-48zu8oy23v], .not-found-primary-btn .material-symbols-rounded[b-48zu8oy23v] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.not-found-primary-btn:hover[b-48zu8oy23v] {
  background: linear-gradient(135deg, #ff5252 0%, #ffbb00 100%);
  box-shadow: 0 8px 25px rgba(255, 107, 107, 0.5);
  transform: translateY(-2px);
  text-decoration: none;
  color: #ffffff;
}
.not-found-primary-btn:hover i[b-48zu8oy23v], .not-found-primary-btn:hover .material-icons[b-48zu8oy23v], .not-found-primary-btn:hover .material-symbols-rounded[b-48zu8oy23v] {
  transform: scale(1.1);
}
.not-found-primary-btn:active[b-48zu8oy23v] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .not-found-primary-btn[b-48zu8oy23v] {
    width: 100%;
    max-width: 280px;
  }
  .not-found-primary-btn:hover[b-48zu8oy23v] {
    transform: none;
  }
}

.not-found-secondary-btn[b-48zu8oy23v] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1rem 1.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  text-decoration: none;
  min-width: 180px;
  justify-content: center;
}
.not-found-secondary-btn i[b-48zu8oy23v], .not-found-secondary-btn .material-icons[b-48zu8oy23v], .not-found-secondary-btn .material-symbols-rounded[b-48zu8oy23v] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.not-found-secondary-btn:hover[b-48zu8oy23v] {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.not-found-secondary-btn:hover i[b-48zu8oy23v], .not-found-secondary-btn:hover .material-icons[b-48zu8oy23v], .not-found-secondary-btn:hover .material-symbols-rounded[b-48zu8oy23v] {
  transform: scale(1.1);
}
.not-found-secondary-btn:active[b-48zu8oy23v] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .not-found-secondary-btn[b-48zu8oy23v] {
    width: 100%;
    max-width: 280px;
  }
  .not-found-secondary-btn:hover[b-48zu8oy23v] {
    transform: none;
  }
}

.error-request-id[b-48zu8oy23v] {
  font-size: 0.9rem;
  color: #8892a4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  background: rgba(0, 0, 0, 0.05);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  display: inline-block;
  margin-top: 2rem;
}

@keyframes float-b-48zu8oy23v {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes slideUp-b-48zu8oy23v {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=ErrorPage.razor.css.map */
/* /Pages/Index.razor.rz.scp.css */
:root[b-wh02utn8ig] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-wh02utn8ig] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.landing-hero[b-wh02utn8ig] {
  background: var(--color-gradient-primary);
  padding: 4rem 0;
  text-align: center;
}
.landing-hero__title[b-wh02utn8ig] {
  font-size: 3.5rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  color: var(--color-text-primary);
}
.landing-hero__subtitle[b-wh02utn8ig] {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.landing-hero__cta[b-wh02utn8ig] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.features-grid[b-wh02utn8ig] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  padding: 4rem 0;
}
.features-grid__item[b-wh02utn8ig] {
  background: var(--color-surface);
  border-radius: var(--border-radius-lg);
  padding: 2rem;
  box-shadow: var(--shadow-card);
  transition: var(--transition-hover);
}
.features-grid__item:hover[b-wh02utn8ig] {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card-hover);
}
.features-grid__item-icon[b-wh02utn8ig] {
  width: 4rem;
  height: 4rem;
  background: var(--color-primary-light);
  border-radius: var(--border-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  color: var(--color-primary);
}
.features-grid__item-title[b-wh02utn8ig] {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
}
.features-grid__item-description[b-wh02utn8ig] {
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.testimonials[b-wh02utn8ig] {
  background: var(--color-background-alt);
  padding: 4rem 0;
}
.testimonials__container[b-wh02utn8ig] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}
.testimonials__item[b-wh02utn8ig] {
  background: var(--color-surface);
  border-radius: var(--border-radius-lg);
  padding: 2rem;
  box-shadow: var(--shadow-subtle);
}
.testimonials__item-quote[b-wh02utn8ig] {
  font-style: italic;
  margin-bottom: 1.5rem;
  color: var(--color-text-primary);
  line-height: 1.6;
}
.testimonials__item-author[b-wh02utn8ig] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.testimonials__item-author-avatar[b-wh02utn8ig] {
  width: 3rem;
  height: 3rem;
  border-radius: var(--border-radius-full);
  object-fit: cover;
}
.testimonials__item-author-info h6[b-wh02utn8ig] {
  margin: 0;
  color: var(--color-text-primary);
  font-weight: 600;
}
.testimonials__item-author-info p[b-wh02utn8ig] {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.875rem;
}

/*# sourceMappingURL=Index.razor.css.map */
/* /Pages/NotFound.razor.rz.scp.css */
:root[b-b1tygqur1o] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-b1tygqur1o] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.error-page[b-b1tygqur1o] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.not-found-section[b-b1tygqur1o] {
  min-height: 100vh;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #4a89dc 0%, #3273dc 100%);
}

.not-found-background[b-b1tygqur1o] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.not-found-shape[b-b1tygqur1o] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: float-b-b1tygqur1o 6s ease-in-out infinite;
}
.not-found-shape.shape-1[b-b1tygqur1o] {
  width: 300px;
  height: 300px;
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}
.not-found-shape.shape-2[b-b1tygqur1o] {
  width: 200px;
  height: 200px;
  top: 60%;
  right: 15%;
  animation-delay: 2s;
}
.not-found-shape.shape-3[b-b1tygqur1o] {
  width: 150px;
  height: 150px;
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}

.container[b-b1tygqur1o] {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.not-found-content[b-b1tygqur1o] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
}

.not-found-main[b-b1tygqur1o] {
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 4rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  width: 100%;
  animation: slideUp-b-b1tygqur1o 0.8s ease-out;
}
@media (max-width: 960px) {
  .not-found-main[b-b1tygqur1o] {
    padding: 4rem;
    margin: 2rem;
  }
}

.not-found-code-container[b-b1tygqur1o] {
  margin-bottom: 3rem;
}

.not-found-code[b-b1tygqur1o] {
  font-size: 8rem;
  font-weight: 800;
  color: #3273dc;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 960px) {
  .not-found-code[b-b1tygqur1o] {
    font-size: 6rem;
  }
}
@media (max-width: 600px) {
  .not-found-code[b-b1tygqur1o] {
    font-size: 4rem;
  }
}

.not-found-title[b-b1tygqur1o] {
  font-size: 2.4rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 2rem;
  line-height: 1.2;
}
@media (max-width: 960px) {
  .not-found-title[b-b1tygqur1o] {
    font-size: 1.8rem;
  }
}

.not-found-message[b-b1tygqur1o] {
  font-size: 1.2rem;
  color: #5c7089;
  margin-bottom: 4rem;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .not-found-message[b-b1tygqur1o] {
    font-size: 1rem;
  }
}

.not-found-actions[b-b1tygqur1o] {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .not-found-actions[b-b1tygqur1o] {
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
  }
}

.not-found-primary-btn[b-b1tygqur1o] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #ff6b6b 0%, #ffcc33 100%);
  border: none;
  outline: none;
  color: #ffffff;
  padding: 1rem 1.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
  white-space: nowrap;
  text-decoration: none;
  min-width: 180px;
  justify-content: center;
}
.not-found-primary-btn i[b-b1tygqur1o], .not-found-primary-btn .material-icons[b-b1tygqur1o], .not-found-primary-btn .material-symbols-rounded[b-b1tygqur1o] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.not-found-primary-btn:hover[b-b1tygqur1o] {
  background: linear-gradient(135deg, #ff5252 0%, #ffbb00 100%);
  box-shadow: 0 8px 25px rgba(255, 107, 107, 0.5);
  transform: translateY(-2px);
  text-decoration: none;
  color: #ffffff;
}
.not-found-primary-btn:hover i[b-b1tygqur1o], .not-found-primary-btn:hover .material-icons[b-b1tygqur1o], .not-found-primary-btn:hover .material-symbols-rounded[b-b1tygqur1o] {
  transform: scale(1.1);
}
.not-found-primary-btn:active[b-b1tygqur1o] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .not-found-primary-btn[b-b1tygqur1o] {
    width: 100%;
    max-width: 280px;
  }
  .not-found-primary-btn:hover[b-b1tygqur1o] {
    transform: none;
  }
}

.not-found-secondary-btn[b-b1tygqur1o] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1rem 1.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  text-decoration: none;
  min-width: 180px;
  justify-content: center;
}
.not-found-secondary-btn i[b-b1tygqur1o], .not-found-secondary-btn .material-icons[b-b1tygqur1o], .not-found-secondary-btn .material-symbols-rounded[b-b1tygqur1o] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.not-found-secondary-btn:hover[b-b1tygqur1o] {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.not-found-secondary-btn:hover i[b-b1tygqur1o], .not-found-secondary-btn:hover .material-icons[b-b1tygqur1o], .not-found-secondary-btn:hover .material-symbols-rounded[b-b1tygqur1o] {
  transform: scale(1.1);
}
.not-found-secondary-btn:active[b-b1tygqur1o] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .not-found-secondary-btn[b-b1tygqur1o] {
    width: 100%;
    max-width: 280px;
  }
  .not-found-secondary-btn:hover[b-b1tygqur1o] {
    transform: none;
  }
}

@keyframes float-b-b1tygqur1o {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes slideUp-b-b1tygqur1o {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=NotFound.razor.css.map */
/* /Pages/Payment/PaymentSuccess.razor.rz.scp.css */
:root[b-11vxqsmamm] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-11vxqsmamm] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.payment__container[b-11vxqsmamm] {
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  overflow-x: hidden;
  max-width: 100%;
}
@media (min-width: 960px) {
  .payment__container[b-11vxqsmamm] {
    padding: 2rem;
    max-width: 600px;
  }
}
@media (min-width: 1280px) {
  .payment__container[b-11vxqsmamm] {
    padding: 3rem;
    max-width: 700px;
  }
}
.payment__icon-container[b-11vxqsmamm] {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
  .payment__icon-container[b-11vxqsmamm] {
    margin-bottom: 1.5rem;
  }
}
.payment__icon-outer[b-11vxqsmamm] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba-from-list(50, 115, 220, 0.3);
  animation: payment-pulse-b-11vxqsmamm 2s infinite;
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
}
.payment__icon-outer--cancel[b-11vxqsmamm] {
  background: linear-gradient(135deg, #ff3860 0%, #ffdd57 100%);
  box-shadow: 0 10px 20px rgba-from-list(255, 56, 96, 0.3);
  animation: none;
}
@media (min-width: 960px) {
  .payment__icon-outer[b-11vxqsmamm] {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1280px) {
  .payment__icon-outer[b-11vxqsmamm] {
    width: 120px;
    height: 120px;
  }
}
.payment__icon-inner[b-11vxqsmamm] {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 960px) {
  .payment__icon-inner[b-11vxqsmamm] {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 1280px) {
  .payment__icon-inner[b-11vxqsmamm] {
    width: 100px;
    height: 100px;
  }
}
.payment__icon-inner .mud-icon-size-large[b-11vxqsmamm] {
  font-size: 36px;
}
@media (min-width: 960px) {
  .payment__icon-inner .mud-icon-size-large[b-11vxqsmamm] {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .payment__icon-inner .mud-icon-size-large[b-11vxqsmamm] {
    font-size: 64px;
  }
}
.payment__title[b-11vxqsmamm] {
  font-weight: 800;
  font-size: clamp(1.5rem, 5vw, 2.4rem);
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 600px) {
  .payment__title[b-11vxqsmamm] {
    margin-bottom: 1rem;
  }
}
.payment__title--cancel[b-11vxqsmamm] {
  background: linear-gradient(135deg, #ff3860 0%, #ffdd57 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.payment__details[b-11vxqsmamm] {
  background-color: rgba-from-list(50, 115, 220, 0.05);
  border-radius: 8px;
  padding: 1.5rem;
  border: 1px solid rgba-from-list(50, 115, 220, 0.1);
}
@media (min-width: 960px) {
  .payment__details[b-11vxqsmamm] {
    padding: 2rem;
    border-radius: 12px;
  }
}
.payment__details--cancel[b-11vxqsmamm] {
  background-color: rgba-from-list(255, 56, 96, 0.05);
  border-color: rgba-from-list(255, 56, 96, 0.1);
}
.payment__loading-container[b-11vxqsmamm] {
  padding: 3rem 1.5rem;
  text-align: center;
}
@media (min-width: 960px) {
  .payment__loading-container[b-11vxqsmamm] {
    padding: 4rem 2rem;
  }
}
.payment__error-container[b-11vxqsmamm] {
  padding: 2rem 0;
  text-align: center;
}
@media (min-width: 960px) {
  .payment__error-container[b-11vxqsmamm] {
    padding: 3rem 0;
  }
}
.payment__content[b-11vxqsmamm] {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: payment-fade-in-up-b-11vxqsmamm;
}
.payment__description[b-11vxqsmamm] {
  font-size: 0.9rem;
  color: #5c7089;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .payment__description[b-11vxqsmamm] {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}
.payment__amount[b-11vxqsmamm] {
  font-size: 1.8rem;
  font-weight: 900;
  color: #3273dc;
  text-align: center;
  margin: 1.5rem 0;
}
@media (min-width: 960px) {
  .payment__amount[b-11vxqsmamm] {
    font-size: 2.4rem;
    margin: 2rem 0;
  }
}
.payment__amount--cancel[b-11vxqsmamm] {
  color: #ff3860;
}
.payment__status[b-11vxqsmamm] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.payment__status--success[b-11vxqsmamm] {
  background: rgba-from-list(38, 97, 199, 0.1);
  color: #2661c7;
  border: 1px solid rgba-from-list(38, 97, 199, 0.2);
}
.payment__status--error[b-11vxqsmamm] {
  background: rgba-from-list(255, 56, 96, 0.1);
  color: #ff3860;
  border: 1px solid rgba-from-list(255, 56, 96, 0.2);
}
.payment__status--pending[b-11vxqsmamm] {
  background: rgba-from-list(255, 221, 87, 0.1);
  color: #ffdd57;
  border: 1px solid rgba-from-list(255, 221, 87, 0.2);
}
@media (min-width: 960px) {
  .payment__status[b-11vxqsmamm] {
    font-size: 0.9rem;
    padding: 1rem 1.5rem;
  }
}
.payment__button[b-11vxqsmamm] {
  width: 100%;
  padding: 1.5rem 2rem;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
}
@media (min-width: 960px) {
  .payment__button[b-11vxqsmamm] {
    padding: 2rem 3rem;
    min-height: 56px;
  }
}
.payment__button--primary[b-11vxqsmamm] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba-from-list(50, 115, 220, 0.3);
}
.payment__button--primary:hover[b-11vxqsmamm] {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba-from-list(50, 115, 220, 0.4);
}
.payment__button--secondary[b-11vxqsmamm] {
  background: #f7f9fc;
  color: #2c3e50;
  border: 1px solid #5c7089;
}
.payment__button--secondary:hover[b-11vxqsmamm] {
  background: #ffffff;
  border-color: #3273dc;
}
.payment__button:disabled[b-11vxqsmamm] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}
.payment__actions[b-11vxqsmamm] {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}
@media (min-width: 960px) {
  .payment__actions[b-11vxqsmamm] {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}

@keyframes payment-fade-in-up-b-11vxqsmamm {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes payment-pulse-b-11vxqsmamm {
  0% {
    transform: scale(1);
    box-shadow: 0 10px 20px rgba-from-list(50, 115, 220, 0.3);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba-from-list(50, 115, 220, 0.4);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 10px 20px rgba-from-list(50, 115, 220, 0.3);
  }
}

/*# sourceMappingURL=PaymentSuccess.razor.css.map */
/* /Pages/PresentationBuilder/AllPresentations.razor.rz.scp.css */
.all-presentations[b-q1237jaolc] {
  min-height: 100vh;
  background: var(--background);
  padding: var(--spacing-md) 0;
}
.all-presentations__container[b-q1237jaolc] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}
.all-presentations__header[b-q1237jaolc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .all-presentations__header[b-q1237jaolc] {
    flex-direction: column;
    text-align: center;
  }
}
.all-presentations__header-content[b-q1237jaolc] {
  flex: 1;
}
.all-presentations__title[b-q1237jaolc] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .all-presentations__title[b-q1237jaolc] {
    font-size: 2rem;
  }
}
.all-presentations__subtitle[b-q1237jaolc] {
  font-size: 1.125rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.5;
}
.all-presentations__header-actions[b-q1237jaolc] {
  flex-shrink: 0;
}
.all-presentations__btn[b-q1237jaolc] {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
}
.all-presentations__btn--primary[b-q1237jaolc] {
  background: var(--color-primary);
  color: white;
}
.all-presentations__btn--primary:hover[b-q1237jaolc] {
  background: var(--color-primary-dark);
  transform: translateY(-1px);
}
.all-presentations__btn--secondary[b-q1237jaolc] {
  background: var(--surface);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}
.all-presentations__btn--secondary:hover[b-q1237jaolc] {
  background: var(--hover);
  transform: translateY(-1px);
}
.all-presentations__btn i[b-q1237jaolc] {
  font-size: 1.125rem;
}
.all-presentations__loading[b-q1237jaolc] {
  padding: var(--spacing-xl) 0;
}
.all-presentations__skeleton-grid[b-q1237jaolc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 1200px) {
  .all-presentations__skeleton-grid[b-q1237jaolc] {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
@media (max-width: 768px) {
  .all-presentations__skeleton-grid[b-q1237jaolc] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--spacing-md);
  }
}
@media (max-width: 480px) {
  .all-presentations__skeleton-grid[b-q1237jaolc] {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.all-presentations__skeleton-card[b-q1237jaolc] {
  position: relative;
  background: var(--surface);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-color);
  aspect-ratio: var(--presentation-aspect-ratio, 1.416);
}
.all-presentations__skeleton-card:nth-child(4n+2)[b-q1237jaolc] {
  aspect-ratio: var(--presentation-aspect-ratio-portrait, 0.706);
  max-height: 600px;
}
.all-presentations__skeleton-preview[b-q1237jaolc] {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--divider) 25%, var(--hover) 50%, var(--divider) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading-b-q1237jaolc 1.5s infinite;
}
.all-presentations__skeleton-content[b-q1237jaolc] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--spacing-md);
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
.all-presentations__skeleton-title[b-q1237jaolc] {
  height: 1rem;
  background: linear-gradient(90deg, var(--divider) 25%, var(--hover) 50%, var(--divider) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading-b-q1237jaolc 1.5s infinite;
  border-radius: var(--border-radius-sm);
  width: 80%;
}
.all-presentations__section-title[b-q1237jaolc] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}
.all-presentations__section-title i[b-q1237jaolc] {
  font-size: 1.75rem;
  color: var(--color-primary);
}
.all-presentations__grid[b-q1237jaolc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: var(--spacing-xl);
  align-items: start;
}
@media (max-width: 1200px) {
  .all-presentations__grid[b-q1237jaolc] {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
    gap: var(--spacing-lg);
  }
}
@media (max-width: 768px) {
  .all-presentations__grid[b-q1237jaolc] {
    grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
    gap: var(--spacing-md);
  }
}
@media (max-width: 480px) {
  .all-presentations__grid[b-q1237jaolc] {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}
.all-presentations__grid--featured[b-q1237jaolc] {
  grid-template-columns: repeat(auto-fill, minmax(410px, 1fr));
  gap: var(--spacing-lg);
}
@media (max-width: 768px) {
  .all-presentations__grid--featured[b-q1237jaolc] {
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
  }
}
@media (max-width: 480px) {
  .all-presentations__grid--featured[b-q1237jaolc] {
    grid-template-columns: 1fr;
  }
}
.all-presentations__card[b-q1237jaolc] {
  position: relative;
  background: var(--surface);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid var(--border-color);
}
.all-presentations__card:hover[b-q1237jaolc] {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  border-color: var(--border-color);
}
.all-presentations__card--landscape[b-q1237jaolc] {
  aspect-ratio: var(--presentation-aspect-ratio, 1.416);
}
.all-presentations__card--portrait[b-q1237jaolc] {
  aspect-ratio: var(--presentation-aspect-ratio-portrait, 0.706);
  max-height: 650px;
}
.all-presentations__card--square[b-q1237jaolc] {
  aspect-ratio: 1/1;
  max-height: 400px;
}
.all-presentations__card--featured[b-q1237jaolc] {
  border: 1px solid var(--color-primary-light);
  box-shadow: var(--shadow-md);
}
.all-presentations__card--featured:hover[b-q1237jaolc] {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.all-presentations__slide-image[b-q1237jaolc] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: var(--surface-variant);
  transition: filter 0.2s ease;
  image-rendering: auto;
  image-rendering: high-quality;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  filter: brightness(0.98) contrast(1.01) saturate(1.02) blur(0.2px);
}
.all-presentations__slide-image[src="/images/placeholder-slide.svg"][b-q1237jaolc] {
  object-fit: contain;
  opacity: 0.4;
  filter: grayscale(0.8) brightness(0.7) blur(0px);
  background: var(--surface);
}
.all-presentations__card--portrait .all-presentations__slide-image[b-q1237jaolc] {
  object-fit: cover;
  object-position: center top;
}
.all-presentations__card--landscape .all-presentations__slide-image[b-q1237jaolc] {
  object-fit: cover;
  object-position: center;
}
.all-presentations__card--square .all-presentations__slide-image[b-q1237jaolc] {
  object-fit: cover;
  object-position: center;
}
.all-presentations__slide-image[loading=lazy][b-q1237jaolc] {
  filter: brightness(0.98) contrast(1.01) saturate(1.02) blur(0.3px);
}
.all-presentations__card-likes[b-q1237jaolc] {
  position: absolute;
  bottom: var(--spacing-sm);
  right: var(--spacing-sm);
  z-index: 2;
}
.all-presentations__like-btn[b-q1237jaolc] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: var(--border-radius-md);
  color: white;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.all-presentations__like-btn:hover[b-q1237jaolc] {
  transform: scale(1.05);
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.all-presentations__like-btn--liked[b-q1237jaolc] {
  background: rgba(244, 67, 54, 0.8);
  color: white;
}
.all-presentations__like-btn--liked:hover[b-q1237jaolc] {
  background: rgba(244, 67, 54, 0.9);
}
.all-presentations__like-btn--liked i[b-q1237jaolc] {
  color: white;
}
.all-presentations__like-btn i[b-q1237jaolc] {
  font-size: 1rem;
  color: white;
  transition: color 0.2s ease;
}
.all-presentations__like-btn span[b-q1237jaolc] {
  font-size: 0.75rem;
  font-weight: 500;
  text-shadow: none;
}
.all-presentations__featured-section[b-q1237jaolc] {
  margin-bottom: var(--spacing-xxl);
}
.all-presentations__main-section[b-q1237jaolc] {
  margin-top: var(--spacing-xl);
}
.all-presentations__load-more[b-q1237jaolc] {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
}
.all-presentations__loading-more[b-q1237jaolc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
  color: var(--text-secondary);
}
.all-presentations__spinner[b-q1237jaolc] {
  width: 32px;
  height: 32px;
  border: 3px solid var(--divider);
  border-top: 3px solid var(--color-primary);
  border-radius: 50%;
  animation: spin-b-q1237jaolc 1s linear infinite;
}
.all-presentations__empty[b-q1237jaolc] {
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-md);
  color: var(--text-secondary);
}
.all-presentations__empty-icon[b-q1237jaolc] {
  font-size: 4rem;
  color: var(--text-secondary);
  opacity: 0.5;
  margin-bottom: var(--spacing-lg);
}
.all-presentations__empty-icon i[b-q1237jaolc] {
  font-size: inherit;
}
.all-presentations__empty-title[b-q1237jaolc] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md) 0;
}
.all-presentations__empty-text[b-q1237jaolc] {
  font-size: 1rem;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.5;
}

@keyframes skeleton-loading-b-q1237jaolc {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes spin-b-q1237jaolc {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=AllPresentations.razor.css.map */
/* /Pages/PresentationBuilder/MyPresentations.razor.rz.scp.css */
:root[b-d63kngz4lr] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-d63kngz4lr] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.my-presentations[b-d63kngz4lr] {
  min-height: 100vh;
  background-color: var(--background);
}
.my-presentations__container[b-d63kngz4lr] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}
@media (max-width: 960px) {
  .my-presentations__container[b-d63kngz4lr] {
    padding: 1.5rem;
  }
}
@media (max-width: 600px) {
  .my-presentations__container[b-d63kngz4lr] {
    padding: 1rem;
  }
}
.my-presentations__card[b-d63kngz4lr] {
  background-color: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
@media (max-width: 600px) {
  .my-presentations__card[b-d63kngz4lr] {
    border-radius: 8px;
    box-shadow: var(--shadow-md);
  }
}
.my-presentations__header[b-d63kngz4lr] {
  padding: 2rem;
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.05));
  border-bottom: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 960px) {
  .my-presentations__header[b-d63kngz4lr] {
    padding: 1.5rem;
    gap: 1.5rem;
  }
}
@media (max-width: 600px) {
  .my-presentations__header[b-d63kngz4lr] {
    flex-direction: column;
    padding: 1.5rem;
    gap: 1rem;
    text-align: center;
    align-items: center;
  }
}
.my-presentations__header-content[b-d63kngz4lr] {
  flex: 1;
}
.my-presentations__header-title[b-d63kngz4lr] {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
  background: linear-gradient(135deg, var(--text-primary), var(--color-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 960px) {
  .my-presentations__header-title[b-d63kngz4lr] {
    font-size: 1.875rem;
  }
}
@media (max-width: 600px) {
  .my-presentations__header-title[b-d63kngz4lr] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
  }
}
.my-presentations__header-subtitle[b-d63kngz4lr] {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0;
}
@media (max-width: 600px) {
  .my-presentations__header-subtitle[b-d63kngz4lr] {
    font-size: 0.9rem;
  }
}
.my-presentations__header-actions[b-d63kngz4lr] {
  display: flex;
  gap: 1rem;
}
@media (max-width: 600px) {
  .my-presentations__header-actions[b-d63kngz4lr] {
    width: 100%;
    justify-content: center;
  }
}
.my-presentations__create-btn[b-d63kngz4lr] {
  min-width: 180px;
}
@media (max-width: 600px) {
  .my-presentations__create-btn[b-d63kngz4lr] {
    width: 100%;
    min-width: auto;
  }
}
.my-presentations__content[b-d63kngz4lr] {
  padding: 2rem;
}
@media (max-width: 960px) {
  .my-presentations__content[b-d63kngz4lr] {
    padding: 1.5rem;
  }
}
@media (max-width: 600px) {
  .my-presentations__content[b-d63kngz4lr] {
    padding: 1rem;
  }
}
.my-presentations__loading[b-d63kngz4lr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  animation: my-presentations-fade-in-b-d63kngz4lr 0.3s ease-out;
}
@media (max-width: 600px) {
  .my-presentations__loading[b-d63kngz4lr] {
    padding: 3rem 1rem;
  }
}
.my-presentations__loading-text[b-d63kngz4lr] {
  margin: 1rem 0 0 0;
  color: var(--text-secondary);
  font-weight: 500;
  animation: my-presentations-pulse-b-d63kngz4lr 1.5s ease-in-out infinite;
}
.my-presentations__skeleton[b-d63kngz4lr] {
  background: linear-gradient(90deg, var(--surface-variant) 25%, rgba(var(--color-primary-rgb), 0.1) 50%, var(--surface-variant) 75%);
  background-size: 200% 100%;
  animation: my-presentations-shimmer-b-d63kngz4lr 1.5s infinite;
  border-radius: 8px;
}
.my-presentations__skeleton--title[b-d63kngz4lr] {
  height: 1.2rem;
  width: 60%;
  margin-bottom: 0.5rem;
}
.my-presentations__skeleton--subtitle[b-d63kngz4lr] {
  height: 0.9rem;
  width: 40%;
  margin-bottom: 1rem;
}
.my-presentations__skeleton--line[b-d63kngz4lr] {
  height: 0.8rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
.my-presentations__skeleton--line:last-child[b-d63kngz4lr] {
  width: 70%;
  margin-bottom: 0;
}
.my-presentations__skeleton-container[b-d63kngz4lr] {
  animation: my-presentations-fade-in-b-d63kngz4lr 0.3s ease-out;
  padding: 0;
}
.my-presentations__skeleton-container .mud-table[b-d63kngz4lr] {
  display: none;
}
.my-presentations__skeleton-table[b-d63kngz4lr] {
  background-color: var(--surface);
  border-radius: 12px;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  margin-top: 2rem;
}
.my-presentations__skeleton-row[b-d63kngz4lr] {
  padding: 1.5rem;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.3);
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 2rem;
  align-items: center;
  min-height: 80px;
}
.my-presentations__skeleton-row:last-child[b-d63kngz4lr] {
  border-bottom: none;
}
.my-presentations__skeleton-row:first-child[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
  min-height: 80px;
}
.my-presentations__skeleton-row:first-child .my-presentations__skeleton[b-d63kngz4lr] {
  height: 1rem;
}
.my-presentations__skeleton-row:first-child .my-presentations__skeleton--title[b-d63kngz4lr] {
  width: 80%;
  height: 1rem;
}
.my-presentations__skeleton-row:first-child .my-presentations__skeleton--subtitle[b-d63kngz4lr] {
  width: 60%;
  height: 1rem;
}
.my-presentations__skeleton-row:first-child .my-presentations__skeleton--line[b-d63kngz4lr] {
  width: 50%;
  height: 1rem;
}
@media (max-width: 1280px) {
  .my-presentations__skeleton-row[b-d63kngz4lr] {
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1.5rem;
  }
  .my-presentations__skeleton-row .my-presentations__skeleton:last-child[b-d63kngz4lr] {
    display: none;
  }
}
@media (max-width: 960px) {
  .my-presentations__skeleton-row[b-d63kngz4lr] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .my-presentations__skeleton-row .my-presentations__skeleton[b-d63kngz4lr] {
    width: 100% !important;
  }
  .my-presentations__skeleton-row .my-presentations__skeleton--title[b-d63kngz4lr] {
    width: 70% !important;
  }
  .my-presentations__skeleton-row .my-presentations__skeleton--subtitle[b-d63kngz4lr] {
    width: 50% !important;
  }
  .my-presentations__skeleton-row .my-presentations__skeleton--line[b-d63kngz4lr] {
    width: 40% !important;
  }
  .my-presentations__skeleton-row .my-presentations__skeleton--line:nth-child(n+3)[b-d63kngz4lr] {
    display: none;
  }
}
.my-presentations__skeleton-mobile[b-d63kngz4lr] {
  animation: my-presentations-fade-in-b-d63kngz4lr 0.4s ease-out;
}
.my-presentations__skeleton-card[b-d63kngz4lr] {
  background-color: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.25rem;
  box-shadow: var(--shadow-sm);
  animation: my-presentations-slide-in-b-d63kngz4lr 0.3s ease-out;
  animation-fill-mode: both;
}
.my-presentations__skeleton-card:nth-child(1)[b-d63kngz4lr] {
  animation-delay: 0s;
}
.my-presentations__skeleton-card:nth-child(2)[b-d63kngz4lr] {
  animation-delay: 0.1s;
}
.my-presentations__skeleton-card:nth-child(3)[b-d63kngz4lr] {
  animation-delay: 0.2s;
}
.my-presentations__skeleton-card:nth-child(4)[b-d63kngz4lr] {
  animation-delay: 0.3s;
}
.my-presentations__skeleton-card:nth-child(5)[b-d63kngz4lr] {
  animation-delay: 0.4s;
}
.my-presentations__skeleton-card .my-presentations__skeleton--title[b-d63kngz4lr] {
  width: 75%;
  height: 1.1rem;
  margin-bottom: 0.75rem;
}
.my-presentations__skeleton-card .my-presentations__skeleton--subtitle[b-d63kngz4lr] {
  width: 45%;
  height: 0.9rem;
  margin-bottom: 0.75rem;
}
.my-presentations__skeleton-card .my-presentations__skeleton--line[b-d63kngz4lr] {
  height: 0.8rem;
  margin-bottom: 0.5rem;
}
.my-presentations__skeleton-card .my-presentations__skeleton--line:nth-child(3)[b-d63kngz4lr] {
  width: 60%;
}
.my-presentations__skeleton-card .my-presentations__skeleton--line:nth-child(4)[b-d63kngz4lr] {
  width: 40%;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .my-presentations__skeleton-card[b-d63kngz4lr] {
    border-radius: 8px;
    padding: 1rem;
  }
}
.my-presentations__empty[b-d63kngz4lr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  animation: my-presentations-fade-in-b-d63kngz4lr 0.6s ease-out;
}
@media (max-width: 600px) {
  .my-presentations__empty[b-d63kngz4lr] {
    padding: 3rem 1rem;
  }
}
.my-presentations__empty-icon[b-d63kngz4lr] {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  animation: my-presentations-bounce-in-b-d63kngz4lr 0.8s ease-out 0.2s both;
}
.my-presentations__empty-icon i[b-d63kngz4lr] {
  font-size: 2.5rem;
  color: white;
}
@media (max-width: 600px) {
  .my-presentations__empty-icon[b-d63kngz4lr] {
    width: 60px;
    height: 60px;
  }
  .my-presentations__empty-icon i[b-d63kngz4lr] {
    font-size: 2rem;
  }
}
.my-presentations__empty-title[b-d63kngz4lr] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
@media (max-width: 600px) {
  .my-presentations__empty-title[b-d63kngz4lr] {
    font-size: 1.25rem;
  }
}
.my-presentations__empty-text[b-d63kngz4lr] {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0 0 2rem 0;
}
@media (max-width: 600px) {
  .my-presentations__empty-text[b-d63kngz4lr] {
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
  }
}
.my-presentations__search[b-d63kngz4lr] {
  margin-bottom: 2rem;
  animation: my-presentations-slide-in-b-d63kngz4lr 0.4s ease-out 0.1s both;
}
@media (max-width: 600px) {
  .my-presentations__search[b-d63kngz4lr] {
    margin-bottom: 1.5rem;
  }
}
.my-presentations__search-field[b-d63kngz4lr] {
  position: relative;
  max-width: 400px;
}
@media (max-width: 600px) {
  .my-presentations__search-field[b-d63kngz4lr] {
    max-width: 100%;
  }
}
.my-presentations__search-icon[b-d63kngz4lr] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-size: 1.25rem;
  pointer-events: none;
  transition: color 0.2s ease;
}
.my-presentations__search-input[b-d63kngz4lr] {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border: 2px solid var(--border-color);
  border-radius: 12px;
  background-color: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.my-presentations__search-input:focus[b-d63kngz4lr] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
  transform: translateY(-1px);
}
.my-presentations__search-input:focus + .my-presentations__search-icon[b-d63kngz4lr] {
  color: var(--color-primary);
}
.my-presentations__search-input[b-d63kngz4lr]::placeholder {
  color: var(--text-secondary);
  transition: color 0.2s ease;
}
.my-presentations__search-input:focus[b-d63kngz4lr]::placeholder {
  color: rgba(var(--text-secondary-rgb), 0.7);
}
@media (max-width: 600px) {
  .my-presentations__search-input[b-d63kngz4lr] {
    font-size: 16px;
    border-radius: 8px;
  }
}
.my-presentations__table-desktop[b-d63kngz4lr] {
  display: block;
}
@media (max-width: 960px) {
  .my-presentations__table-desktop[b-d63kngz4lr] {
    display: none;
  }
}
.my-presentations__table-desktop .mud-table-container[b-d63kngz4lr] {
  animation: my-presentations-fade-in-b-d63kngz4lr 0.4s ease-out;
  background-color: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-color);
  overflow: hidden;
}
.my-presentations__table-desktop .mud-table .mud-table-head[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.03));
}
.my-presentations__table-desktop .mud-table .mud-table-head .mud-th[b-d63kngz4lr] {
  padding: 1.25rem 1rem !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  border-bottom: 2px solid var(--border-color) !important;
  background: transparent !important;
  height: auto !important;
  min-height: 60px;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr[b-d63kngz4lr] {
  min-height: 80px;
  transition: all 0.2s ease;
  animation: my-presentations-slide-in-b-d63kngz4lr 0.3s ease-out;
  animation-fill-mode: both;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(1)[b-d63kngz4lr] {
  animation-delay: 0s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(2)[b-d63kngz4lr] {
  animation-delay: 0.05s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(3)[b-d63kngz4lr] {
  animation-delay: 0.1s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(4)[b-d63kngz4lr] {
  animation-delay: 0.15s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(5)[b-d63kngz4lr] {
  animation-delay: 0.2s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(6)[b-d63kngz4lr] {
  animation-delay: 0.25s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(7)[b-d63kngz4lr] {
  animation-delay: 0.3s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(8)[b-d63kngz4lr] {
  animation-delay: 0.35s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(9)[b-d63kngz4lr] {
  animation-delay: 0.4s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:nth-child(10)[b-d63kngz4lr] {
  animation-delay: 0.45s;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:hover[b-d63kngz4lr] {
  background-color: rgba(var(--color-primary-rgb), 0.02) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.08);
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr .mud-td[b-d63kngz4lr] {
  padding: 1.5rem 1rem !important;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.5) !important;
  vertical-align: middle !important;
  min-height: 80px;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr .mud-td:first-child[b-d63kngz4lr] {
  min-height: 80px;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:first-child[b-d63kngz4lr] {
  min-height: 80px;
}
.my-presentations__table-desktop .mud-table .mud-table-body .mud-tr:first-child .mud-td[b-d63kngz4lr] {
  min-height: 80px;
}
.my-presentations__table-desktop .mud-table .mud-table-loading[b-d63kngz4lr] {
  min-height: 80px;
}
.my-presentations__table-desktop .mud-table .mud-table-loading .mud-td[b-d63kngz4lr] {
  min-height: 80px;
}
.my-presentations__title-content[b-d63kngz4lr] {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  min-height: 80px;
  display: flex;
  align-items: center;
  background: var(--surface-variant);
}
.my-presentations__title-content--with-snapshot[b-d63kngz4lr] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.my-presentations__title-content--with-snapshot[b-d63kngz4lr]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
}
.my-presentations__title-content--with-snapshot:hover[b-d63kngz4lr]::before {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 100%);
}
.my-presentations__title-link[b-d63kngz4lr] {
  background: none;
  border: none;
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
  cursor: pointer;
  text-align: left;
  padding: 1rem;
  transition: all 0.3s ease;
  line-height: 1.4;
  flex: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.my-presentations__title-link:hover[b-d63kngz4lr] {
  color: var(--color-primary);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}
.my-presentations__title-content:not(.my-presentations__title-content--with-snapshot) .my-presentations__title-link[b-d63kngz4lr] {
  color: var(--text-primary);
  text-shadow: none;
}
.my-presentations__title-content:not(.my-presentations__title-content--with-snapshot) .my-presentations__title-link:hover[b-d63kngz4lr] {
  color: var(--color-primary);
  text-shadow: none;
}
.my-presentations__hover-preview[b-d63kngz4lr] {
  position: absolute;
  top: 50%;
  left: calc(100% + 1rem);
  z-index: 10000;
  pointer-events: none;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  border: 2px solid var(--surface);
  background: var(--surface);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%) scale(0.9);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.3s;
  width: 240px;
  height: 160px;
  overflow: hidden;
}
@media (max-width: 1400px) {
  .my-presentations__hover-preview[b-d63kngz4lr] {
    left: auto;
    right: calc(100% + 1rem);
  }
}
@media (max-width: 960px) {
  .my-presentations__hover-preview[b-d63kngz4lr] {
    display: none;
  }
}
.my-presentations__hover-preview img[b-d63kngz4lr] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .my-presentations__title-content:hover .my-presentations__hover-preview[b-d63kngz4lr], .my-presentations__card-header:hover .my-presentations__hover-preview[b-d63kngz4lr] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
    transition-delay: 0.5s;
  }
}
.my-presentations__title-purpose[b-d63kngz4lr] {
  margin: 0.5rem 0 0 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.my-presentations__title-content--with-snapshot .my-presentations__title-purpose[b-d63kngz4lr] {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.my-presentations__theme-display[b-d63kngz4lr] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  .my-presentations__theme-display[b-d63kngz4lr] {
    gap: 0.375rem;
  }
}
.my-presentations__theme-text[b-d63kngz4lr] {
  font-size: 0.9rem;
  color: var(--text-primary);
  font-weight: 500;
}
@media (max-width: 960px) {
  .my-presentations__theme-text[b-d63kngz4lr] {
    font-size: 0.85rem;
  }
}
@media (max-width: 600px) {
  .my-presentations__theme-text[b-d63kngz4lr] {
    font-size: 0.8rem;
  }
}
.my-presentations__theme-value[b-d63kngz4lr] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.my-presentations__theme-value span[b-d63kngz4lr] {
  font-size: 0.9rem;
  color: var(--text-primary);
}
@media (max-width: 600px) {
  .my-presentations__theme-value span[b-d63kngz4lr] {
    font-size: 0.85rem;
  }
}
.my-presentations__color-palette[b-d63kngz4lr] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(var(--color-primary-rgb), 0.05);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: 16px;
}
@media (max-width: 600px) {
  .my-presentations__color-palette[b-d63kngz4lr] {
    padding: 0.2rem 0.375rem;
    gap: 0.2rem;
  }
}
.my-presentations__color-circle[b-d63kngz4lr] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  transition: transform 0.2s ease;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}
.my-presentations__color-circle:hover[b-d63kngz4lr] {
  transform: scale(1.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
@media (max-width: 960px) {
  .my-presentations__color-circle[b-d63kngz4lr] {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
  }
}
@media (max-width: 600px) {
  .my-presentations__color-circle[b-d63kngz4lr] {
    width: 12px;
    height: 12px;
    border-width: 1px;
  }
}
.my-presentations__action-buttons[b-d63kngz4lr] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
}
.my-presentations__cards-mobile[b-d63kngz4lr] {
  display: none;
}
@media (max-width: 960px) {
  .my-presentations__cards-mobile[b-d63kngz4lr] {
    display: block;
    animation: my-presentations-fade-in-b-d63kngz4lr 0.4s ease-out;
  }
}
.my-presentations__card-mobile[b-d63kngz4lr] {
  background-color: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  margin-bottom: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all 0.2s ease;
  animation: my-presentations-slide-in-b-d63kngz4lr 0.3s ease-out;
  animation-fill-mode: both;
}
.my-presentations__card-mobile:nth-child(1)[b-d63kngz4lr] {
  animation-delay: 0s;
}
.my-presentations__card-mobile:nth-child(2)[b-d63kngz4lr] {
  animation-delay: 0.08s;
}
.my-presentations__card-mobile:nth-child(3)[b-d63kngz4lr] {
  animation-delay: 0.16s;
}
.my-presentations__card-mobile:nth-child(4)[b-d63kngz4lr] {
  animation-delay: 0.24s;
}
.my-presentations__card-mobile:nth-child(5)[b-d63kngz4lr] {
  animation-delay: 0.32s;
}
.my-presentations__card-mobile:nth-child(6)[b-d63kngz4lr] {
  animation-delay: 0.4s;
}
.my-presentations__card-mobile:nth-child(7)[b-d63kngz4lr] {
  animation-delay: 0.48s;
}
.my-presentations__card-mobile:nth-child(8)[b-d63kngz4lr] {
  animation-delay: 0.56s;
}
.my-presentations__card-mobile:nth-child(9)[b-d63kngz4lr] {
  animation-delay: 0.64s;
}
.my-presentations__card-mobile:nth-child(10)[b-d63kngz4lr] {
  animation-delay: 0.72s;
}
.my-presentations__card-mobile:nth-child(11)[b-d63kngz4lr] {
  animation-delay: 0.8s;
}
.my-presentations__card-mobile:nth-child(12)[b-d63kngz4lr] {
  animation-delay: 0.88s;
}
.my-presentations__card-mobile:nth-child(13)[b-d63kngz4lr] {
  animation-delay: 0.96s;
}
.my-presentations__card-mobile:nth-child(14)[b-d63kngz4lr] {
  animation-delay: 1.04s;
}
.my-presentations__card-mobile:nth-child(15)[b-d63kngz4lr] {
  animation-delay: 1.12s;
}
.my-presentations__card-mobile:nth-child(16)[b-d63kngz4lr] {
  animation-delay: 1.2s;
}
.my-presentations__card-mobile:nth-child(17)[b-d63kngz4lr] {
  animation-delay: 1.28s;
}
.my-presentations__card-mobile:nth-child(18)[b-d63kngz4lr] {
  animation-delay: 1.36s;
}
.my-presentations__card-mobile:nth-child(19)[b-d63kngz4lr] {
  animation-delay: 1.44s;
}
.my-presentations__card-mobile:nth-child(20)[b-d63kngz4lr] {
  animation-delay: 1.52s;
}
.my-presentations__card-mobile:hover[b-d63kngz4lr] {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}
@media (max-width: 600px) {
  .my-presentations__card-mobile[b-d63kngz4lr] {
    border-radius: 8px;
  }
}
.my-presentations__card-header[b-d63kngz4lr] {
  position: relative;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  min-height: 80px;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.02));
  border-bottom: 1px solid var(--border-color);
}
.my-presentations__card-header--with-snapshot[b-d63kngz4lr] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.my-presentations__card-header--with-snapshot[b-d63kngz4lr]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
}
.my-presentations__card-header--with-snapshot:hover[b-d63kngz4lr]::before {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 100%);
}
@media (max-width: 600px) {
  .my-presentations__card-header[b-d63kngz4lr] {
    border-radius: 8px 8px 0 0;
  }
}
.my-presentations__card-title[b-d63kngz4lr] {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 0.3s ease;
  flex: 1;
  background: none;
  border: none;
  text-align: left;
  padding: 1.25rem;
  position: relative;
  z-index: 2;
  line-height: 1.4;
}
.my-presentations__card-title:hover[b-d63kngz4lr] {
  color: var(--color-primary);
}
.my-presentations__card-header--with-snapshot .my-presentations__card-title[b-d63kngz4lr] {
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.my-presentations__card-header--with-snapshot .my-presentations__card-title:hover[b-d63kngz4lr] {
  color: var(--color-primary);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}
@media (max-width: 600px) {
  .my-presentations__card-title[b-d63kngz4lr] {
    font-size: 1rem;
    padding: 1rem;
  }
}
.my-presentations__card-content[b-d63kngz4lr] {
  padding: 1.25rem;
}
@media (max-width: 600px) {
  .my-presentations__card-content[b-d63kngz4lr] {
    padding: 1rem;
  }
}
.my-presentations__card-row[b-d63kngz4lr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.my-presentations__card-row:last-child[b-d63kngz4lr] {
  margin-bottom: 0;
}
.my-presentations__card-label[b-d63kngz4lr] {
  font-weight: 500;
  color: var(--text-secondary);
  font-size: 0.9rem;
  margin-right: 1rem;
}
.my-presentations__card-value[b-d63kngz4lr] {
  color: var(--text-primary);
  font-size: 0.9rem;
  text-align: right;
  flex: 1;
}
.my-presentations__card-actions[b-d63kngz4lr] {
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  background-color: rgba(var(--surface-variant-rgb), 0.3);
}
@media (max-width: 600px) {
  .my-presentations__card-actions[b-d63kngz4lr] {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }
  .my-presentations__card-actions .my-presentations__btn[b-d63kngz4lr] {
    min-height: 44px;
    min-width: 44px;
    border-radius: 50%;
    padding: 10px;
    flex: 0 0 auto;
    position: relative;
  }
  .my-presentations__card-actions .my-presentations__btn span[b-d63kngz4lr] {
    display: none;
  }
  .my-presentations__card-actions .my-presentations__btn i[b-d63kngz4lr] {
    font-size: 1.25rem;
    margin: 0;
  }
  .my-presentations__card-actions .my-presentations__btn:active[b-d63kngz4lr] {
    transform: scale(0.95);
  }
}
.my-presentations__format-chip[b-d63kngz4lr] {
  display: inline-block;
  padding: 0.375rem 0.875rem;
  background: linear-gradient(135deg, rgba(var(--color-info-rgb), 0.08), rgba(var(--color-info-rgb), 0.04));
  color: var(--color-info);
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 700;
  border: 1px solid rgba(var(--color-info-rgb), 0.2);
  text-transform: uppercase;
  text-wrap-mode: nowrap;
}
@media (max-width: 600px) {
  .my-presentations__format-chip[b-d63kngz4lr] {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
  }
}
.my-presentations__btn[b-d63kngz4lr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  border: none;
  border-radius: 12px;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  min-height: 44px;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.my-presentations__btn:disabled[b-d63kngz4lr] {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none !important;
}
.my-presentations__btn--primary[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.1), rgba(var(--color-primary-rgb), 0.05));
  color: var(--color-primary);
  border: 1px solid rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.08);
}
.my-presentations__btn--primary:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.9));
  color: white;
  border-color: var(--color-primary);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(var(--color-primary-rgb), 0.25);
}
.my-presentations__btn--success[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-success-rgb), 0.1), rgba(var(--color-success-rgb), 0.05));
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-success-rgb), 0.08);
}
.my-presentations__btn--success:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-success), rgba(var(--color-success-rgb), 0.9));
  color: white;
  border-color: var(--color-success);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(var(--color-success-rgb), 0.25);
}
.my-presentations__btn--secondary[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-secondary-rgb), 0.1), rgba(var(--color-secondary-rgb), 0.05));
  color: var(--color-secondary);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-secondary-rgb), 0.08);
}
.my-presentations__btn--secondary:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-secondary), rgba(var(--color-secondary-rgb), 0.9));
  color: white;
  border-color: var(--color-secondary);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(var(--color-secondary-rgb), 0.25);
}
.my-presentations__btn--error[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-error-rgb), 0.1), rgba(var(--color-error-rgb), 0.05));
  color: var(--color-error);
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-error-rgb), 0.08);
}
.my-presentations__btn--error:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-error), rgba(var(--color-error-rgb), 0.9));
  color: white;
  border-color: var(--color-error);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(var(--color-error-rgb), 0.25);
}
.my-presentations__btn--text[b-d63kngz4lr] {
  background-color: transparent;
  color: var(--text-secondary);
  border: 1px solid transparent;
  padding: 0.75rem 1.25rem;
}
.my-presentations__btn--text:hover:not(:disabled)[b-d63kngz4lr] {
  background-color: rgba(var(--color-primary-rgb), 0.06);
  color: var(--color-primary);
  border-color: rgba(var(--color-primary-rgb), 0.15);
}
.my-presentations__btn--small[b-d63kngz4lr] {
  padding: 0.625rem 1rem;
  font-size: 0.85rem;
  min-height: 36px;
  border-radius: 10px;
  flex: 1;
}
@media (max-width: 600px) {
  .my-presentations__btn--small[b-d63kngz4lr] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    border-radius: 8px;
  }
  .my-presentations__btn--small i[b-d63kngz4lr] {
    font-size: 1rem;
  }
}
.my-presentations__btn--loading[b-d63kngz4lr] {
  color: transparent;
}
.my-presentations__btn--loading .my-presentations__spinner[b-d63kngz4lr] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .my-presentations__btn[b-d63kngz4lr] {
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 10px;
  }
  .my-presentations__btn:hover:not(:disabled)[b-d63kngz4lr] {
    transform: none;
  }
}
.my-presentations__btn i[b-d63kngz4lr] {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}
.my-presentations__btn:hover:not(:disabled) i[b-d63kngz4lr] {
  transform: scale(1.1);
}
.my-presentations__btn-icon[b-d63kngz4lr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.my-presentations__btn-icon:hover:not(:disabled)[b-d63kngz4lr] {
  transform: translateY(-1px);
}
.my-presentations__btn-icon--primary[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.12), rgba(var(--color-primary-rgb), 0.06));
  color: var(--color-primary);
  border: 1px solid rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.08);
}
.my-presentations__btn-icon--primary:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.9));
  color: white;
  border-color: var(--color-primary);
  box-shadow: 0 4px 16px rgba(var(--color-primary-rgb), 0.25);
}
.my-presentations__btn-icon--success[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-success-rgb), 0.12), rgba(var(--color-success-rgb), 0.06));
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-success-rgb), 0.08);
}
.my-presentations__btn-icon--success:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-success), rgba(var(--color-success-rgb), 0.9));
  color: white;
  border-color: var(--color-success);
  box-shadow: 0 4px 16px rgba(var(--color-success-rgb), 0.25);
}
.my-presentations__btn-icon--secondary[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-secondary-rgb), 0.12), rgba(var(--color-secondary-rgb), 0.06));
  color: var(--color-secondary);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-secondary-rgb), 0.08);
}
.my-presentations__btn-icon--secondary:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-secondary), rgba(var(--color-secondary-rgb), 0.9));
  color: white;
  border-color: var(--color-secondary);
  box-shadow: 0 4px 16px rgba(var(--color-secondary-rgb), 0.25);
}
.my-presentations__btn-icon--error[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-error-rgb), 0.12), rgba(var(--color-error-rgb), 0.06));
  color: var(--color-error);
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-error-rgb), 0.08);
}
.my-presentations__btn-icon--error:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, var(--color-error), rgba(var(--color-error-rgb), 0.9));
  color: white;
  border-color: var(--color-error);
  box-shadow: 0 4px 16px rgba(var(--color-error-rgb), 0.25);
}
.my-presentations__btn-icon--edit[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--text-secondary-rgb), 0.08), rgba(var(--text-secondary-rgb), 0.04));
  color: var(--text-secondary);
  border: 1px solid rgba(var(--text-secondary-rgb), 0.15);
  box-shadow: 0 2px 6px rgba(var(--text-secondary-rgb), 0.06);
}
.my-presentations__btn-icon--edit:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.15), rgba(var(--color-primary-rgb), 0.08));
  color: var(--color-primary);
  border-color: rgba(var(--color-primary-rgb), 0.25);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.15);
}
.my-presentations__btn-icon--close[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--text-secondary-rgb), 0.08), rgba(var(--text-secondary-rgb), 0.04));
  color: var(--text-secondary);
  border: 1px solid rgba(var(--text-secondary-rgb), 0.15);
  box-shadow: 0 2px 6px rgba(var(--text-secondary-rgb), 0.06);
}
.my-presentations__btn-icon--close:hover:not(:disabled)[b-d63kngz4lr] {
  background: linear-gradient(135deg, rgba(var(--color-error-rgb), 0.15), rgba(var(--color-error-rgb), 0.08));
  color: var(--color-error);
  border-color: rgba(var(--color-error-rgb), 0.25);
  box-shadow: 0 4px 12px rgba(var(--color-error-rgb), 0.15);
}
@media (max-width: 600px) {
  .my-presentations__btn-icon[b-d63kngz4lr] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
}
.my-presentations__btn-icon i[b-d63kngz4lr] {
  font-size: 1.2rem;
  transition: transform 0.2s ease;
}
@media (max-width: 600px) {
  .my-presentations__btn-icon i[b-d63kngz4lr] {
    font-size: 1.1rem;
  }
}
.my-presentations__btn-icon:hover:not(:disabled) i[b-d63kngz4lr] {
  transform: scale(1.1);
}
.my-presentations__spinner[b-d63kngz4lr] {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  animation: my-presentations-spin-b-d63kngz4lr 1s linear infinite;
}
.my-presentations__spinner--small[b-d63kngz4lr] {
  width: 16px;
  height: 16px;
}
.my-presentations__spinner--large[b-d63kngz4lr] {
  width: 32px;
  height: 32px;
  border-width: 3px;
}
.my-presentations__modal-overlay[b-d63kngz4lr] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: 1rem;
  backdrop-filter: blur(4px);
}
.my-presentations__modal-overlay--active[b-d63kngz4lr] {
  opacity: 1;
  visibility: visible;
}
.my-presentations__modal-overlay--active .my-presentations__modal[b-d63kngz4lr] {
  transform: translateY(0) scale(1);
}
.my-presentations__modal[b-d63kngz4lr] {
  background-color: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-xl);
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  transform: translateY(-20px) scale(0.95);
  transition: transform 0.3s ease;
}
@media (max-width: 600px) {
  .my-presentations__modal[b-d63kngz4lr] {
    border-radius: 8px;
    margin: 0;
    max-height: 95vh;
  }
}
.my-presentations__modal-header[b-d63kngz4lr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color);
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.02));
}
@media (max-width: 600px) {
  .my-presentations__modal-header[b-d63kngz4lr] {
    padding: 1.25rem;
  }
}
.my-presentations__modal-title[b-d63kngz4lr] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
@media (max-width: 600px) {
  .my-presentations__modal-title[b-d63kngz4lr] {
    font-size: 1.1rem;
  }
}
.my-presentations__modal-title i[b-d63kngz4lr] {
  font-size: 1.5rem;
}
@media (max-width: 600px) {
  .my-presentations__modal-title i[b-d63kngz4lr] {
    font-size: 1.3rem;
  }
}
.my-presentations__modal-content[b-d63kngz4lr] {
  padding: 1.5rem;
}
@media (max-width: 600px) {
  .my-presentations__modal-content[b-d63kngz4lr] {
    padding: 1.25rem;
  }
}
.my-presentations__modal-content p[b-d63kngz4lr] {
  margin: 0 0 1rem 0;
  line-height: 1.6;
}
.my-presentations__modal-content p:last-child[b-d63kngz4lr] {
  margin-bottom: 0;
}
.my-presentations__modal-actions[b-d63kngz4lr] {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem 1.5rem 1.5rem;
  border-top: 1px solid var(--border-color);
}
@media (max-width: 600px) {
  .my-presentations__modal-actions[b-d63kngz4lr] {
    padding: 1rem 1.25rem 1.25rem;
    flex-direction: column-reverse;
    gap: 0.75rem;
  }
}
.my-presentations__warning-text[b-d63kngz4lr] {
  color: var(--color-error);
  font-weight: 500;
}
.my-presentations__form-field[b-d63kngz4lr] {
  margin-bottom: 1rem;
}
.my-presentations__form-label[b-d63kngz4lr] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 0.9rem;
}
.my-presentations__form-input[b-d63kngz4lr] {
  width: 100%;
  padding: 1rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--surface);
  color: var(--text-primary);
  font-size: 1rem;
  transition: all 0.2s ease;
}
.my-presentations__form-input:focus[b-d63kngz4lr] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}
.my-presentations__form-input:disabled[b-d63kngz4lr] {
  background-color: var(--surface-variant);
  opacity: 0.7;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .my-presentations__form-input[b-d63kngz4lr] {
    font-size: 16px;
  }
}
.my-presentations__form-counter[b-d63kngz4lr] {
  text-align: right;
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: 0.5rem;
}

@keyframes my-presentations-spin-b-d63kngz4lr {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes my-presentations-fade-in-b-d63kngz4lr {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes my-presentations-slide-in-b-d63kngz4lr {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes my-presentations-bounce-in-b-d63kngz4lr {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes my-presentations-pulse-b-d63kngz4lr {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes my-presentations-shimmer-b-d63kngz4lr {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
@media (max-width: 600px) {
  .my-presentations__container[b-d63kngz4lr] {
    padding: 0;
  }
  .my-presentations__card[b-d63kngz4lr] {
    border-radius: 0;
    box-shadow: none;
    border-left: none;
    border-right: none;
  }
  .my-presentations__btn[b-d63kngz4lr], .my-presentations__btn-icon[b-d63kngz4lr] {
    min-height: 44px;
    min-width: 44px;
  }
  .my-presentations__table[b-d63kngz4lr] {
    font-size: 0.85rem;
  }
  .my-presentations__table .my-presentations__btn-icon[b-d63kngz4lr] {
    width: 36px;
    height: 36px;
  }
  .my-presentations__table .my-presentations__btn-icon i[b-d63kngz4lr] {
    font-size: 1rem;
  }
}

/*# sourceMappingURL=MyPresentations.razor.css.map */
/* /Pages/PresentationBuilder/PresentationCreator.razor.rz.scp.css */
@charset "UTF-8";
:root[b-s8enq3mgb3] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-s8enq3mgb3] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-creator__card[b-s8enq3mgb3] {
  background-color: var(--surface);
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
@media (max-width: 600px) {
  .presentation-creator__card[b-s8enq3mgb3] {
    margin-bottom: 1rem;
    border-radius: 6px;
  }
}
.presentation-creator__header[b-s8enq3mgb3] {
  padding: 2rem 2rem 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 600px) {
  .presentation-creator__header[b-s8enq3mgb3] {
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    align-items: center;
    text-align: center;
  }
}
.presentation-creator__header-content[b-s8enq3mgb3] {
  flex: 1;
}
.presentation-creator__header-title[b-s8enq3mgb3] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
@media (max-width: 600px) {
  .presentation-creator__header-title[b-s8enq3mgb3] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
  }
}
.presentation-creator__header-subtitle .changelog-link[b-s8enq3mgb3] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: color 0.2s ease;
}
.presentation-creator__header-subtitle .changelog-link:hover[b-s8enq3mgb3] {
  color: var(--color-primary);
  text-decoration: none;
}
.presentation-creator__header-subtitle .changelog-link i[b-s8enq3mgb3] {
  font-size: 1rem;
  opacity: 0.8;
}
@media (max-width: 600px) {
  .presentation-creator__header-subtitle .changelog-link[b-s8enq3mgb3] {
    font-size: 0.8rem;
  }
  .presentation-creator__header-subtitle .changelog-link i[b-s8enq3mgb3] {
    font-size: 0.9rem;
  }
}
.presentation-creator__header-actions[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__header-actions[b-s8enq3mgb3] {
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }
}
.presentation-creator__mode-toggle[b-s8enq3mgb3] {
  white-space: nowrap;
  height: 44px;
  min-height: 44px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-creator__mode-toggle:hover:not(:disabled)[b-s8enq3mgb3] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.2);
}
.presentation-creator__mode-toggle:active[b-s8enq3mgb3] {
  transform: scale(0.98);
}
.presentation-creator__mode-toggle i[b-s8enq3mgb3] {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 600px) {
  .presentation-creator__mode-toggle[b-s8enq3mgb3] {
    width: 100%;
  }
  .presentation-creator__mode-toggle:hover:not(:disabled)[b-s8enq3mgb3] {
    transform: none;
    box-shadow: none;
  }
}
.presentation-creator__credits-button[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.15);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  color: var(--color-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  height: 44px;
  min-height: 44px;
  box-sizing: border-box;
}
.presentation-creator__credits-button:hover:not(.presentation-creator__credits-button--loading)[b-s8enq3mgb3] {
  background-color: rgba(var(--color-primary-rgb), 0.12);
  transform: translateY(-1px);
}
.presentation-creator__credits-button--loading[b-s8enq3mgb3] {
  pointer-events: none;
}
.presentation-creator__credits-button .presentation-creator__credits-loading-overlay[b-s8enq3mgb3] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--surface-rgb), 0.8);
  backdrop-filter: blur(2px);
  border-radius: 8px;
}
.presentation-creator__credits-button .presentation-creator__credit-icon[b-s8enq3mgb3] {
  font-size: 1.1rem;
}
.presentation-creator__credits-button .presentation-creator__btn-icon[b-s8enq3mgb3] {
  background: none;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-creator__credits-button .presentation-creator__btn-icon:hover:not(:disabled)[b-s8enq3mgb3] {
  background-color: rgba(var(--color-primary-rgb), 0.1);
}
.presentation-creator__credits-button .presentation-creator__btn-icon:disabled[b-s8enq3mgb3] {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .presentation-creator__credits-button[b-s8enq3mgb3] {
    width: 100%;
    justify-content: center;
  }
  .presentation-creator__credits-button:hover:not(.presentation-creator__credits-button--loading)[b-s8enq3mgb3] {
    transform: none;
  }
}
.presentation-creator__content[b-s8enq3mgb3] {
  padding: 2rem;
  max-width: 100%;
  overflow-x: hidden;
}
@media (max-width: 600px) {
  .presentation-creator__content[b-s8enq3mgb3] {
    padding: 1.5rem;
  }
}
.presentation-creator__content-inner[b-s8enq3mgb3] {
  max-width: none;
}
.presentation-creator__section-title[b-s8enq3mgb3] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1.5rem 0;
}
@media (max-width: 600px) {
  .presentation-creator__section-title[b-s8enq3mgb3] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    text-align: center;
  }
}
.presentation-creator__input-label[b-s8enq3mgb3] {
  display: block;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.presentation-creator__prompt-textarea[b-s8enq3mgb3] {
  width: 100%;
  min-height: 120px;
  padding: 1rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
  background-color: var(--surface);
  color: var(--text-primary);
}
.presentation-creator__prompt-textarea:focus[b-s8enq3mgb3] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}
.presentation-creator__prompt-textarea:disabled[b-s8enq3mgb3] {
  opacity: 0.6;
  background-color: var(--surface-variant);
  cursor: not-allowed;
}
.presentation-creator__prompt-textarea[b-s8enq3mgb3]::placeholder {
  color: var(--text-secondary);
}
@media (max-width: 600px) {
  .presentation-creator__prompt-textarea[b-s8enq3mgb3] {
    font-size: 1rem;
    padding: 1rem;
    min-height: 100px;
  }
}
.presentation-creator__character-counter[b-s8enq3mgb3] {
  text-align: right;
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
}
.presentation-creator__example-banner[b-s8enq3mgb3] {
  margin-bottom: 3rem;
  margin-top: -1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.05), rgba(var(--color-secondary-rgb), 0.05));
  border: 1px solid rgba(var(--color-primary-rgb), 0.15);
  border-radius: 12px;
}
@media (max-width: 600px) {
  .presentation-creator__example-banner[b-s8enq3mgb3] {
    padding: 0.875rem;
    border-radius: 8px;
  }
}
.presentation-creator__example-content[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__example-content[b-s8enq3mgb3] {
    gap: 0.75rem;
  }
}
.presentation-creator__example-icon[b-s8enq3mgb3] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.presentation-creator__example-icon i[b-s8enq3mgb3] {
  font-size: 1.2rem;
}
@media (max-width: 600px) {
  .presentation-creator__example-icon[b-s8enq3mgb3] {
    width: 36px;
    height: 36px;
  }
  .presentation-creator__example-icon i[b-s8enq3mgb3] {
    font-size: 1.1rem;
  }
}
.presentation-creator__example-info[b-s8enq3mgb3] {
  flex: 1;
  min-width: 0;
}
.presentation-creator__example-title[b-s8enq3mgb3] {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
@media (max-width: 600px) {
  .presentation-creator__example-title[b-s8enq3mgb3] {
    font-size: 0.9rem;
  }
}
.presentation-creator__example-subtitle[b-s8enq3mgb3] {
  font-size: 0.85rem;
  color: var(--text-secondary);
  line-height: 1.3;
}
@media (max-width: 600px) {
  .presentation-creator__example-subtitle[b-s8enq3mgb3] {
    font-size: 0.8rem;
  }
}
.presentation-creator__example-remove[b-s8enq3mgb3] {
  flex-shrink: 0;
  background: none;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-creator__example-remove:hover[b-s8enq3mgb3] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  transform: scale(1.1);
}
.presentation-creator__example-remove:active[b-s8enq3mgb3] {
  transform: scale(0.95);
}
.presentation-creator__example-remove i[b-s8enq3mgb3] {
  font-size: 1.1rem;
}
@media (max-width: 600px) {
  .presentation-creator__example-remove[b-s8enq3mgb3] {
    padding: 0.375rem;
  }
  .presentation-creator__example-remove i[b-s8enq3mgb3] {
    font-size: 1rem;
  }
  .presentation-creator__example-remove:hover[b-s8enq3mgb3] {
    transform: none;
  }
}
.presentation-creator__mode-section[b-s8enq3mgb3] {
  margin-bottom: 1.5rem;
}
.presentation-creator__controls-row .presentation-creator__mode-section[b-s8enq3mgb3] {
  margin-bottom: 0;
  min-width: 200px;
}
@media (max-width: 600px) {
  .presentation-creator__controls-row .presentation-creator__mode-section[b-s8enq3mgb3] {
    min-width: auto;
    width: 100%;
  }
}
.presentation-creator__content .prompt-suggestions[b-s8enq3mgb3] {
  margin-top: -42px;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__content .prompt-suggestions[b-s8enq3mgb3] {
    margin-top: -20px;
  }
}
.presentation-creator__mode-select[b-s8enq3mgb3] {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.95rem;
  background-color: var(--surface);
  color: var(--text-primary);
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.presentation-creator__mode-select:focus[b-s8enq3mgb3] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}
.presentation-creator__mode-select:disabled[b-s8enq3mgb3] {
  opacity: 0.6;
  background-color: var(--surface-variant);
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .presentation-creator__mode-select[b-s8enq3mgb3] {
    font-size: 1rem;
  }
}
.presentation-creator__advanced-settings[b-s8enq3mgb3] {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: var(--surface-variant);
  border-radius: 8px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  max-width: 100%;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-creator__advanced-settings--no-transition[b-s8enq3mgb3] {
  transition: none !important;
}
.presentation-creator__advanced-settings--no-transition .presentation-creator__advanced-title[b-s8enq3mgb3],
.presentation-creator__advanced-settings--no-transition .advanced-grid[b-s8enq3mgb3],
.presentation-creator__advanced-settings--no-transition .mud-grid > .mud-grid-item[b-s8enq3mgb3] {
  transition: none !important;
}
.presentation-creator__advanced-settings--hidden[b-s8enq3mgb3] {
  max-height: 0;
  opacity: 0;
  transform: translateY(-20px);
  margin: 0;
  padding: 0 1.5rem;
  border-width: 0;
  overflow: hidden;
}
@media (max-width: 600px) {
  .presentation-creator__advanced-settings--hidden[b-s8enq3mgb3] {
    padding: 0 1rem;
  }
}
@media (max-width: 600px) {
  .presentation-creator__advanced-settings[b-s8enq3mgb3] {
    margin: 1.5rem 0;
    padding: 1rem;
  }
  .presentation-creator__advanced-settings--hidden[b-s8enq3mgb3] {
    margin: 0;
    padding: 0 1rem;
  }
}
.presentation-creator__advanced-header[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
}
.presentation-creator__advanced-settings--hidden .presentation-creator__advanced-header[b-s8enq3mgb3] {
  opacity: 0;
  transform: translateY(-10px);
  transition-delay: 0s;
}
@media (max-width: 600px) {
  .presentation-creator__advanced-header[b-s8enq3mgb3] {
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
  }
}
.presentation-creator__advanced-title[b-s8enq3mgb3] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
}
@media (max-width: 600px) {
  .presentation-creator__advanced-title[b-s8enq3mgb3] {
    text-align: center;
  }
}
.presentation-creator__reset-btn[b-s8enq3mgb3] {
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.presentation-creator__reset-btn:hover:not(:disabled)[b-s8enq3mgb3] {
  background-color: rgba(var(--color-secondary-rgb), 0.1);
  transform: translateY(-1px);
}
.presentation-creator__reset-btn:disabled[b-s8enq3mgb3] {
  opacity: 0.5;
  cursor: not-allowed;
}
.presentation-creator__reset-btn i[b-s8enq3mgb3] {
  font-size: 1rem;
  margin-right: 0.25rem;
}
@media (max-width: 600px) {
  .presentation-creator__reset-btn[b-s8enq3mgb3] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
  }
  .presentation-creator__reset-btn:hover:not(:disabled)[b-s8enq3mgb3] {
    transform: none;
  }
}
.presentation-creator .advanced-grid[b-s8enq3mgb3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  width: 100%;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.presentation-creator__advanced-settings--hidden .presentation-creator .advanced-grid[b-s8enq3mgb3] {
  opacity: 0;
  transform: translateY(10px);
  transition-delay: 0s;
}
@media (min-width: 1280px) {
  .presentation-creator .advanced-grid[b-s8enq3mgb3] {
    gap: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-creator .advanced-grid[b-s8enq3mgb3] {
    gap: 0.75rem;
  }
}
.presentation-creator__action-container[b-s8enq3mgb3] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 600px) {
  .presentation-creator__action-container[b-s8enq3mgb3] {
    flex-direction: column;
    gap: 1.5rem;
    align-items: stretch;
  }
}
.presentation-creator__controls-row[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .presentation-creator__controls-row[b-s8enq3mgb3] {
    gap: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-creator__controls-row[b-s8enq3mgb3] {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }
}
.presentation-creator__inline-control[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .presentation-creator__inline-control[b-s8enq3mgb3] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    white-space: normal;
  }
}
.presentation-creator__control-label[b-s8enq3mgb3] {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 600px) {
  .presentation-creator__control-label[b-s8enq3mgb3] {
    font-size: 0.85rem;
  }
}
.presentation-creator__inline-select[b-s8enq3mgb3] {
  height: 44px;
  min-height: 44px;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  background: var(--surface);
  border: 2px solid var(--border-color);
  border-radius: 24px;
  font-family: inherit;
  font-size: 0.9rem;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 160px;
  box-sizing: border-box;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 16px 12px;
}
.presentation-creator__inline-select:hover:not(:disabled)[b-s8enq3mgb3] {
  border-color: var(--color-primary);
}
.presentation-creator__inline-select:focus[b-s8enq3mgb3] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}
.presentation-creator__inline-select:disabled[b-s8enq3mgb3] {
  opacity: 0.6;
  background-color: var(--surface-variant);
  cursor: not-allowed;
}
.presentation-creator__inline-select:disabled:hover[b-s8enq3mgb3] {
  border-color: var(--border-color);
  transform: none;
  box-shadow: none;
}
@media (max-width: 600px) {
  .presentation-creator__inline-select[b-s8enq3mgb3] {
    width: 100%;
    min-width: auto;
    font-size: 1rem;
  }
}
.presentation-creator__experimental-section[b-s8enq3mgb3] {
  flex: 1;
}
.presentation-creator__pro-toggles[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}
.presentation-creator__controls-row .presentation-creator__pro-toggles[b-s8enq3mgb3] {
  margin-left: auto;
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .presentation-creator__controls-row .presentation-creator__pro-toggles[b-s8enq3mgb3] {
    margin-left: 0;
    flex: 1;
    justify-content: flex-end;
  }
}
@media (max-width: 600px) {
  .presentation-creator__controls-row .presentation-creator__pro-toggles[b-s8enq3mgb3] {
    justify-content: flex-start;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .presentation-creator__pro-toggles[b-s8enq3mgb3] {
    margin-left: 0;
    justify-content: flex-start;
    margin-top: 0.5rem;
    gap: 1rem;
    width: 100%;
  }
}
.presentation-creator__toggle-group[b-s8enq3mgb3] {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .presentation-creator__toggle-group[b-s8enq3mgb3] {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    width: 100%;
  }
}
.presentation-creator__simple-toggle[b-s8enq3mgb3] {
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  min-height: 44px;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  padding: 0.5rem 1rem;
  background: var(--surface);
  border: 2px solid var(--border-color);
  border-radius: 24px;
  cursor: pointer;
  user-select: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}
.presentation-creator__simple-toggle:hover:not(.presentation-creator__simple-toggle--disabled)[b-s8enq3mgb3] {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(var(--color-primary-rgb), 0.15);
}
.presentation-creator__simple-toggle--active[b-s8enq3mgb3] {
  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));
  color: white;
  border: none;
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.25);
}
.presentation-creator__simple-toggle--active .presentation-creator__toggle-content[b-s8enq3mgb3] {
  flex-direction: row-reverse;
}
.presentation-creator__simple-toggle--active .presentation-creator__toggle-content .presentation-creator__toggle-circle[b-s8enq3mgb3] {
  transform: translateX(8px);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  scale: 1.05;
}
.presentation-creator__simple-toggle--active .presentation-creator__toggle-content .presentation-creator__toggle-circle i[b-s8enq3mgb3] {
  color: white;
  transform: rotate(360deg);
}
.presentation-creator__simple-toggle--active .presentation-creator__toggle-text[b-s8enq3mgb3] {
  color: white;
  font-weight: 600;
  transform: translateX(-4px);
}
.presentation-creator__simple-toggle--active:hover[b-s8enq3mgb3] {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(var(--color-primary-rgb), 0.3);
}
.presentation-creator__simple-toggle--active:hover .presentation-creator__toggle-circle[b-s8enq3mgb3] {
  scale: 1.1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.presentation-creator__simple-toggle--max-mode.presentation-creator__simple-toggle--active[b-s8enq3mgb3] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.presentation-creator__simple-toggle--max-mode.presentation-creator__simple-toggle--active .presentation-creator__toggle-content .presentation-creator__toggle-circle[b-s8enq3mgb3] {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(240, 147, 251, 0.15));
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);
}
.presentation-creator__simple-toggle--max-mode.presentation-creator__simple-toggle--active .presentation-creator__toggle-content .presentation-creator__toggle-circle i[b-s8enq3mgb3] {
  background: linear-gradient(135deg, #ffffff, #f093fb);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.presentation-creator__simple-toggle--max-mode.presentation-creator__simple-toggle--active:hover[b-s8enq3mgb3] {
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}
.presentation-creator__simple-toggle--max-mode.presentation-creator__simple-toggle--active:hover .presentation-creator__toggle-circle[b-s8enq3mgb3] {
  scale: 1.15;
  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
}
.presentation-creator__simple-toggle--disabled[b-s8enq3mgb3] {
  opacity: 0.6;
  cursor: not-allowed;
}
.presentation-creator__simple-toggle--disabled:hover[b-s8enq3mgb3] {
  border-color: var(--border-color);
  transform: none;
  box-shadow: none;
}
@media (max-width: 600px) {
  .presentation-creator__simple-toggle[b-s8enq3mgb3] {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
  }
  .presentation-creator__simple-toggle:hover:not(.presentation-creator__simple-toggle--disabled)[b-s8enq3mgb3] {
    transform: none;
  }
}
.presentation-creator__toggle-content[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.presentation-creator__toggle-circle[b-s8enq3mgb3] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--surface-variant);
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  position: relative;
}
.presentation-creator__toggle-circle i[b-s8enq3mgb3] {
  font-size: 1.1rem;
  color: var(--text-secondary);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-creator__toggle-circle--active[b-s8enq3mgb3] {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.presentation-creator__toggle-circle--active i[b-s8enq3mgb3] {
  color: white;
}
.presentation-creator__toggle-circle--max-mode[b-s8enq3mgb3] {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(240, 147, 251, 0.1));
  border-color: rgba(102, 126, 234, 0.3);
}
.presentation-creator__toggle-circle--max-mode i[b-s8enq3mgb3] {
  background: linear-gradient(135deg, #667eea, #f093fb);
  background-clip: text;
}
@media (max-width: 600px) {
  .presentation-creator__toggle-circle[b-s8enq3mgb3] {
    width: 28px;
    height: 28px;
  }
  .presentation-creator__toggle-circle i[b-s8enq3mgb3] {
    font-size: 1rem;
  }
}
.presentation-creator__toggle-text[b-s8enq3mgb3] {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 600px) {
  .presentation-creator__toggle-text[b-s8enq3mgb3] {
    font-size: 0.85rem;
  }
}
.presentation-creator__toggle-tooltip-container[b-s8enq3mgb3] {
  position: relative;
  z-index: 1000;
}
.presentation-creator__tooltip-description[b-s8enq3mgb3] {
  color: var(--text-secondary);
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}
.presentation-creator__toggle-switch[b-s8enq3mgb3] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin-top: 2px;
}
.presentation-creator__toggle-switch--disabled[b-s8enq3mgb3] {
  opacity: 0.5;
  cursor: not-allowed;
}
.presentation-creator__toggle-switch input[b-s8enq3mgb3] {
  opacity: 0;
  width: 0;
  height: 0;
}
.presentation-creator__toggle-switch input:checked + .presentation-creator__toggle-slider[b-s8enq3mgb3] {
  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.3);
}
.presentation-creator__toggle-switch input:checked + .presentation-creator__toggle-slider[b-s8enq3mgb3]:before {
  transform: translateX(20px);
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.presentation-creator__toggle-switch input:checked + .presentation-creator__toggle-slider.presentation-creator__toggle-slider--max-mode[b-s8enq3mgb3] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}
.presentation-creator__toggle-switch input:disabled + .presentation-creator__toggle-slider[b-s8enq3mgb3] {
  cursor: not-allowed;
}
.presentation-creator__toggle-switch input:disabled + .presentation-creator__toggle-slider[b-s8enq3mgb3]:before {
  cursor: not-allowed;
}
.presentation-creator__toggle-switch input:focus + .presentation-creator__toggle-slider[b-s8enq3mgb3] {
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.2);
}
.presentation-creator__toggle-slider[b-s8enq3mgb3] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 24px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-creator__toggle-slider[b-s8enq3mgb3]:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.presentation-creator__toggle-label[b-s8enq3mgb3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.presentation-creator__toggle-text[b-s8enq3mgb3] {
  font-weight: 500;
  color: var(--text-primary);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .presentation-creator__toggle-text[b-s8enq3mgb3] {
    font-size: 0.85rem;
  }
}
.presentation-creator__pro-badge-mini[b-s8enq3mgb3] {
  display: inline-flex;
  align-items: center;
  padding: 0.05rem 0.35rem;
  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));
  color: white;
  font-size: 0.65rem;
  font-weight: 600;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
@media (max-width: 600px) {
  .presentation-creator__pro-badge-mini[b-s8enq3mgb3] {
    font-size: 0.6rem;
    padding: 0.05rem 0.3rem;
  }
}
.presentation-creator__toggle-tooltip[b-s8enq3mgb3] {
  color: var(--text-secondary);
  cursor: help;
  transition: color 0.2s ease;
  align-self: flex-start;
}
.presentation-creator__toggle-tooltip:hover[b-s8enq3mgb3] {
  color: var(--color-primary);
}
.presentation-creator__toggle-tooltip i[b-s8enq3mgb3] {
  font-size: 0.9rem;
}
.presentation-creator__button-section[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__button-section[b-s8enq3mgb3] {
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }
}
@media (max-width: 600px) {
  .presentation-creator__cancel-btn[b-s8enq3mgb3] {
    width: 100%;
    order: 1;
  }
}
.presentation-creator__generate-btn[b-s8enq3mgb3] {
  min-width: 200px;
  font-weight: 600;
  position: relative;
}
.presentation-creator__generate-btn:not(:disabled)[b-s8enq3mgb3] {
  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));
}
.presentation-creator__generate-btn:not(:disabled):hover[b-s8enq3mgb3] {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(var(--color-primary-rgb), 0.25);
}
@media (max-width: 600px) {
  .presentation-creator__generate-btn[b-s8enq3mgb3] {
    width: 100%;
    min-width: auto;
    order: 2;
  }
  .presentation-creator__generate-btn:hover[b-s8enq3mgb3] {
    transform: none;
  }
}
.presentation-creator__credit-breakdown-tooltip[b-s8enq3mgb3] {
  color: var(--text-secondary);
  cursor: help;
  transition: color 0.2s ease;
}
.presentation-creator__credit-breakdown-tooltip:hover[b-s8enq3mgb3] {
  color: var(--color-primary);
}
@media (max-width: 600px) {
  .presentation-creator__credit-breakdown-tooltip[b-s8enq3mgb3] {
    order: 3;
    align-self: center;
  }
}
.presentation-creator__credit-tooltip-container[b-s8enq3mgb3] {
  position: relative;
  color: var(--text-secondary);
  cursor: help;
  transition: color 0.2s ease;
  z-index: 1000;
}
.presentation-creator__credit-tooltip-container:hover[b-s8enq3mgb3] {
  color: var(--color-primary);
}
@media (max-width: 600px) {
  .presentation-creator__credit-tooltip-container[b-s8enq3mgb3] {
    order: 3;
    align-self: center;
  }
}
.presentation-creator__custom-tooltip[b-s8enq3mgb3] {
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
  min-width: 280px;
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.3s ease;
  z-index: 1001;
}
.presentation-creator__custom-tooltip--visible[b-s8enq3mgb3] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 600px) {
  .presentation-creator__custom-tooltip[b-s8enq3mgb3] {
    right: 50%;
    transform: translateX(50%) translateY(8px);
    min-width: 260px;
  }
  .presentation-creator__custom-tooltip--visible[b-s8enq3mgb3] {
    transform: translateX(50%) translateY(0);
  }
}
.presentation-creator__tooltip-header[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 0.95rem;
  border-bottom: 1px solid var(--border-color);
}
.presentation-creator__tooltip-close[b-s8enq3mgb3] {
  background: none;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.presentation-creator__tooltip-close:hover[b-s8enq3mgb3] {
  background-color: var(--surface-variant);
  color: var(--text-primary);
}
.presentation-creator__tooltip-close i[b-s8enq3mgb3] {
  font-size: 1rem;
}
.presentation-creator__tooltip-content[b-s8enq3mgb3] {
  padding: 1rem 1.25rem 0.75rem;
}
.presentation-creator__tooltip-action[b-s8enq3mgb3] {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color);
}
.presentation-creator__tooltip-link[b-s8enq3mgb3] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(120deg, var(--color-primary), var(--color-secondary));
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.75rem 1.25rem;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  width: 100%;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.2);
}
.presentation-creator__tooltip-link:hover[b-s8enq3mgb3] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.3);
  background: linear-gradient(120deg, var(--color-primary-dark), var(--color-secondary));
}
.presentation-creator__tooltip-link:active[b-s8enq3mgb3] {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(var(--color-primary-rgb), 0.25);
}
.presentation-creator__tooltip-link i[b-s8enq3mgb3] {
  font-size: 1.1rem;
}
.presentation-creator__tooltip-link span[b-s8enq3mgb3] {
  font-weight: 600;
  letter-spacing: 0.3px;
}
@media (max-width: 600px) {
  .presentation-creator__tooltip-link[b-s8enq3mgb3] {
    padding: 0.875rem 1rem;
    font-size: 0.95rem;
  }
  .presentation-creator__tooltip-link:hover[b-s8enq3mgb3] {
    transform: none;
  }
  .presentation-creator__tooltip-link i[b-s8enq3mgb3] {
    font-size: 1rem;
  }
}
.presentation-creator__tooltip-item[b-s8enq3mgb3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 0.9rem;
}
.presentation-creator__tooltip-item:not(:last-child)[b-s8enq3mgb3] {
  border-bottom: 1px solid var(--surface-variant);
}
.presentation-creator__tooltip-item span:first-child[b-s8enq3mgb3] {
  color: var(--text-secondary);
}
.presentation-creator__tooltip-item span:last-child[b-s8enq3mgb3] {
  font-weight: 500;
  color: var(--text-primary);
}
.presentation-creator__tooltip-item--highlight[b-s8enq3mgb3] {
  background-color: rgba(var(--color-primary-rgb), 0.05);
  margin: 0 -1rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  border: none !important;
}
.presentation-creator__tooltip-item--highlight span:first-child[b-s8enq3mgb3] {
  color: var(--color-primary);
  font-weight: 600;
}
.presentation-creator__tooltip-item--highlight span:last-child[b-s8enq3mgb3] {
  color: var(--color-primary);
  font-weight: 700;
}
.presentation-creator__tooltip-footer[b-s8enq3mgb3] {
  padding: 0.75rem 1.25rem 1rem;
  border-top: 1px solid var(--border-color);
  background-color: var(--surface-variant);
  border-radius: 0 0 12px 12px;
}
.presentation-creator__tooltip-footer strong[b-s8enq3mgb3] {
  color: var(--color-primary);
  font-size: 1rem;
}
.presentation-creator__tooltip-arrow[b-s8enq3mgb3] {
  position: absolute;
  top: 100%;
  right: 1rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--surface);
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
@media (max-width: 600px) {
  .presentation-creator__tooltip-arrow[b-s8enq3mgb3] {
    right: 50%;
    transform: translateX(50%);
  }
}
.presentation-creator__tooltip-arrow[b-s8enq3mgb3]::before {
  content: "";
  position: absolute;
  top: -9px;
  left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--border-color);
}
.presentation-creator__progress-section[b-s8enq3mgb3] {
  margin-top: 2rem;
}
@media (max-width: 600px) {
  .presentation-creator__progress-section[b-s8enq3mgb3] {
    margin-top: 1.5rem;
  }
}
.presentation-creator__progress-header[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__progress-header[b-s8enq3mgb3] {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
.presentation-creator__progress-label[b-s8enq3mgb3] {
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
}
.presentation-creator__progress-bar-container[b-s8enq3mgb3] {
  flex: 1;
  height: 8px;
  background-color: var(--surface-variant);
  border-radius: 4px;
  overflow: hidden;
}
.presentation-creator__progress-bar[b-s8enq3mgb3] {
  height: 100%;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  border-radius: 4px;
  transition: width 0.3s ease;
  min-width: 0;
  max-width: 100%;
}
.presentation-creator__progress-text[b-s8enq3mgb3] {
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  font-size: 0.9rem;
}
.presentation-creator__loading-container[b-s8enq3mgb3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}
@media (max-width: 600px) {
  .presentation-creator__loading-container[b-s8enq3mgb3] {
    padding: 2rem;
  }
}
.presentation-creator__loading-container h5[b-s8enq3mgb3] {
  margin: 1rem 0 0 0;
  color: var(--text-primary);
  font-weight: 500;
}
.presentation-creator__progress-bar--indeterminate[b-s8enq3mgb3] {
  width: 200px;
  height: 4px;
  background-color: var(--surface-variant);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.presentation-creator__progress-bar--indeterminate[b-s8enq3mgb3]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  animation: presentation-creator-indeterminate-b-s8enq3mgb3 2s infinite linear;
}
.presentation-creator__spinner[b-s8enq3mgb3] {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  animation: presentation-creator-spin-b-s8enq3mgb3 1s linear infinite;
}
.presentation-creator__spinner--small[b-s8enq3mgb3] {
  width: 1rem;
  height: 1rem;
}
.presentation-creator__spinner--large[b-s8enq3mgb3] {
  width: 2rem;
  height: 2rem;
}
.presentation-creator__alert[b-s8enq3mgb3] {
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  position: relative;
}
@media (max-width: 600px) {
  .presentation-creator__alert[b-s8enq3mgb3] {
    padding: 0.875rem;
    margin-bottom: 0.75rem;
  }
}
.presentation-creator__alert--warning[b-s8enq3mgb3] {
  background-color: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.2);
  color: #856404;
}
.presentation-creator__alert--info[b-s8enq3mgb3] {
  background-color: rgba(13, 202, 240, 0.1);
  border: 1px solid rgba(13, 202, 240, 0.2);
  color: #055160;
}
.presentation-creator__alert-close[b-s8enq3mgb3] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  opacity: 0.7;
}
.presentation-creator__alert-close:hover[b-s8enq3mgb3] {
  opacity: 1;
}
.presentation-creator__alert-title[b-s8enq3mgb3] {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.presentation-creator__alert-caption[b-s8enq3mgb3] {
  font-size: 0.9rem;
  opacity: 0.9;
}
.presentation-creator__alert-content[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 600px) {
  .presentation-creator__alert-content[b-s8enq3mgb3] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}
.presentation-creator__alert-content p[b-s8enq3mgb3] {
  margin: 0;
  flex: 1;
}
.presentation-creator__resend-section[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  .presentation-creator__resend-section[b-s8enq3mgb3] {
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
  }
}
.presentation-creator__cooldown-text[b-s8enq3mgb3] {
  font-size: 0.85rem;
  opacity: 0.8;
}
.presentation-creator__btn[b-s8enq3mgb3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.presentation-creator__btn:disabled[b-s8enq3mgb3] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}
.presentation-creator__btn--primary[b-s8enq3mgb3] {
  background-color: var(--color-primary);
  color: white;
}
.presentation-creator__btn--primary:hover:not(:disabled)[b-s8enq3mgb3] {
  background-color: var(--color-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(var(--color-primary-rgb), 0.2);
}
.presentation-creator__btn--secondary[b-s8enq3mgb3] {
  background-color: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.presentation-creator__btn--secondary:hover:not(:disabled)[b-s8enq3mgb3] {
  background-color: var(--color-primary);
  color: white;
}
.presentation-creator__btn--success[b-s8enq3mgb3] {
  background-color: var(--color-success);
  color: white;
}
.presentation-creator__btn--success:hover:not(:disabled)[b-s8enq3mgb3] {
  background-color: var(--color-success-dark);
}
.presentation-creator__btn--error[b-s8enq3mgb3] {
  background-color: var(--color-error);
  color: white;
}
.presentation-creator__btn--error:hover:not(:disabled)[b-s8enq3mgb3] {
  background-color: var(--color-error-dark);
}
@media (max-width: 600px) {
  .presentation-creator__btn[b-s8enq3mgb3] {
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
  }
  .presentation-creator__btn:hover:not(:disabled)[b-s8enq3mgb3] {
    transform: none;
  }
}
.presentation-creator__btn i[b-s8enq3mgb3] {
  font-size: 1.1rem;
}
.presentation-creator__btn .presentation-creator__spinner[b-s8enq3mgb3] {
  margin-right: 0.25rem;
}
.presentation-creator__credit-breakdown-info[b-s8enq3mgb3] {
  color: var(--text-secondary);
  cursor: help;
  transition: color 0.2s ease;
}
.presentation-creator__credit-breakdown-info:hover[b-s8enq3mgb3] {
  color: var(--color-info);
}
@media (max-width: 600px) {
  .presentation-creator__credit-breakdown-info[b-s8enq3mgb3] {
    order: 4;
    align-self: center;
  }
}

.presentation-creator__processing-modal[b-s8enq3mgb3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: presentation-creator-modal-fade-in-b-s8enq3mgb3 0.3s ease-out;
}

.presentation-creator__processing-modal__content[b-s8enq3mgb3] {
  background: var(--surface);
  border-radius: 20px;
  padding: 3rem 2.5rem;
  text-align: center;
  max-width: 500px;
  margin: 1rem;
  position: relative;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.05);
  animation: presentation-creator-modal-slide-up-b-s8enq3mgb3 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: hidden;
}
.presentation-creator__processing-modal__content[b-s8enq3mgb3]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), #10b981, var(--color-primary));
  background-size: 200% 100%;
  animation: presentation-creator-gradient-flow-b-s8enq3mgb3 3s ease-in-out infinite;
}
@media (max-width: 600px) {
  .presentation-creator__processing-modal__content[b-s8enq3mgb3] {
    padding: 2.5rem 2rem;
    margin: 1rem 0.5rem;
    border-radius: 16px;
  }
}

.presentation-creator__processing-modal__header[b-s8enq3mgb3] {
  margin-bottom: 2rem;
}
.presentation-creator__processing-modal__header h3[b-s8enq3mgb3] {
  font-size: 1.75rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--text-primary), var(--color-primary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
@media (max-width: 600px) {
  .presentation-creator__processing-modal__header h3[b-s8enq3mgb3] {
    font-size: 1.5rem;
  }
}

.presentation-creator__processing-modal__success-icon[b-s8enq3mgb3] {
  width: 80px;
  height: 80px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #059669);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 32px rgba(16, 185, 129, 0.3), 0 4px 16px rgba(16, 185, 129, 0.2);
  animation: presentation-creator-success-pulse-b-s8enq3mgb3 2s ease-in-out infinite;
  position: relative;
}
.presentation-creator__processing-modal__success-icon[b-s8enq3mgb3]::after {
  content: "🚀";
  font-size: 2rem;
  animation: presentation-creator-rocket-bounce-b-s8enq3mgb3 1s ease-in-out infinite alternate;
}
@media (max-width: 600px) {
  .presentation-creator__processing-modal__success-icon[b-s8enq3mgb3] {
    width: 70px;
    height: 70px;
  }
  .presentation-creator__processing-modal__success-icon[b-s8enq3mgb3]::after {
    font-size: 1.75rem;
  }
}

.presentation-creator__processing-modal__title[b-s8enq3mgb3] {
  font-size: 1.375rem;
  font-weight: 600;
  color: #10b981;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  .presentation-creator__processing-modal__title[b-s8enq3mgb3] {
    font-size: 1.25rem;
  }
}

.presentation-creator__processing-modal__description[b-s8enq3mgb3] {
  font-size: 1rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
  .presentation-creator__processing-modal__description[b-s8enq3mgb3] {
    font-size: 0.95rem;
  }
}

.presentation-creator__processing-modal__status[b-s8enq3mgb3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  color: var(--color-primary);
  font-weight: 500;
}
.presentation-creator__processing-modal__status i[b-s8enq3mgb3] {
  font-size: 1.25rem;
  animation: presentation-creator-sync-spin-b-s8enq3mgb3 1.5s linear infinite;
}
@media (max-width: 600px) {
  .presentation-creator__processing-modal__status[b-s8enq3mgb3] {
    font-size: 0.95rem;
  }
  .presentation-creator__processing-modal__status i[b-s8enq3mgb3] {
    font-size: 1.1rem;
  }
}

.presentation-creator__processing-modal__progress-dots[b-s8enq3mgb3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.presentation-creator__processing-modal__progress-dots .dot[b-s8enq3mgb3] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
  animation: presentation-creator-dot-bounce-b-s8enq3mgb3 1.4s ease-in-out infinite both;
}
.presentation-creator__processing-modal__progress-dots .dot:nth-child(2)[b-s8enq3mgb3] {
  animation-delay: 0.2s;
}
.presentation-creator__processing-modal__progress-dots .dot:nth-child(3)[b-s8enq3mgb3] {
  animation-delay: 0.4s;
}

@keyframes presentation-creator-indeterminate-b-s8enq3mgb3 {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes presentation-creator-spin-b-s8enq3mgb3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes presentation-creator-modal-fade-in-b-s8enq3mgb3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes presentation-creator-modal-slide-up-b-s8enq3mgb3 {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes presentation-creator-gradient-flow-b-s8enq3mgb3 {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes presentation-creator-success-pulse-b-s8enq3mgb3 {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 8px 32px rgba(16, 185, 129, 0.3), 0 4px 16px rgba(16, 185, 129, 0.2);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 12px 40px rgba(16, 185, 129, 0.4), 0 6px 20px rgba(16, 185, 129, 0.3);
  }
}
@keyframes presentation-creator-rocket-bounce-b-s8enq3mgb3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-4px);
  }
}
@keyframes presentation-creator-spinner-rotate-b-s8enq3mgb3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes presentation-creator-sync-spin-b-s8enq3mgb3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes presentation-creator-dot-bounce-b-s8enq3mgb3 {
  0%, 80%, 100% {
    transform: scale(1);
    opacity: 0.7;
  }
  40% {
    transform: scale(1.3);
    opacity: 1;
  }
}

/*# sourceMappingURL=PresentationCreator.razor.css.map */
/* /Pages/PresentationBuilder/PresentationModeViewer.razor.rz.scp.css */
:root[b-9kt59m8von] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-9kt59m8von] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-mode-viewer[b-9kt59m8von] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  color: #ffffff;
  z-index: 9999;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.presentation-mode-viewer .loading-container[b-9kt59m8von] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background: #000;
}
.presentation-mode-viewer .loading-container .mud-progress-circular[b-9kt59m8von] {
  --mud-palette-primary: #3273dc;
}
.presentation-mode-viewer .loading-container .mud-progress-circular circle[b-9kt59m8von] {
  stroke: #3273dc;
}
.presentation-mode-viewer .loading-container .mud-typography-h6[b-9kt59m8von] {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  font-size: 1.25rem;
  text-align: center;
  animation: pulse-text-b-9kt59m8von 2s ease-in-out infinite;
}
.presentation-mode-viewer .error-container[b-9kt59m8von] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #000;
}
.presentation-mode-viewer .error-container .mud-card[b-9kt59m8von] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  max-width: 500px;
  width: 100%;
}
.presentation-mode-viewer .error-container .mud-card .mud-card-content[b-9kt59m8von] {
  padding: 32px;
  text-align: center;
}
.presentation-mode-viewer .error-container .mud-card .mud-card-content .mud-alert[b-9kt59m8von] {
  background: rgba(244, 67, 54, 0.1);
  border: 1px solid rgba(244, 67, 54, 0.3);
  color: #ff5252;
  border-radius: 8px;
  margin-bottom: 24px;
}
.presentation-mode-viewer .error-container .mud-card .mud-card-content .mud-alert .mud-alert-message[b-9kt59m8von] {
  font-weight: 500;
}
.presentation-mode-viewer .error-container .mud-card .mud-card-content .mud-button[b-9kt59m8von] {
  background: linear-gradient(120deg, #3273dc, #00d1b2);
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.2s ease;
}
.presentation-mode-viewer .error-container .mud-card .mud-card-content .mud-button:hover[b-9kt59m8von] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(50, 115, 220, 0.3);
}
.presentation-mode-viewer .error-container .mud-card .mud-card-content .mud-button .mud-button-label[b-9kt59m8von] {
  color: #ffffff;
}

@keyframes pulse-text-b-9kt59m8von {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
:global(.presentation-mode-viewer .mud-progress-circular)[b-9kt59m8von] {
  color: #3273dc !important;
}

:global(.presentation-mode-viewer .mud-progress-circular svg circle)[b-9kt59m8von] {
  stroke: #3273dc !important;
}

@media (max-width: 600px) {
  .presentation-mode-viewer .loading-container[b-9kt59m8von] {
    padding: 20px;
    gap: 20px;
  }
  .presentation-mode-viewer .loading-container .mud-typography-h6[b-9kt59m8von] {
    font-size: 1.1rem;
  }
  .presentation-mode-viewer .error-container[b-9kt59m8von] {
    padding: 16px;
  }
  .presentation-mode-viewer .error-container .mud-card .mud-card-content[b-9kt59m8von] {
    padding: 24px 20px;
  }
  .presentation-mode-viewer .error-container .mud-card .mud-card-content .mud-typography-h6[b-9kt59m8von] {
    font-size: 1.1rem;
  }
}
@media (prefers-contrast: high) {
  .presentation-mode-viewer .loading-container[b-9kt59m8von],
  .presentation-mode-viewer .error-container[b-9kt59m8von] {
    border: 2px solid #ffffff;
  }
  .presentation-mode-viewer .error-container .mud-card[b-9kt59m8von] {
    border: 2px solid #ff3860;
  }
}
@media (prefers-reduced-motion: reduce) {
  .presentation-mode-viewer .loading-container .mud-typography-h6[b-9kt59m8von] {
    animation: none;
  }
  .presentation-mode-viewer .error-container .mud-button[b-9kt59m8von] {
    transition: none;
  }
  .presentation-mode-viewer .error-container .mud-button:hover[b-9kt59m8von] {
    transform: none;
  }
}

/*# sourceMappingURL=PresentationModeViewer.razor.css.map */
/* /Pages/PresentationBuilder/PresentationViewer.razor.rz.scp.css */
:root[b-76obpivwtg] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-76obpivwtg] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.presentation-viewer[b-76obpivwtg] {
  min-height: 100vh;
  background-color: var(--background);
}
.presentation-viewer__container[b-76obpivwtg] {
  margin: 0 auto;
  padding: 2rem;
}
@media (max-width: 1280px) {
  .presentation-viewer__container[b-76obpivwtg] {
    padding: 1.5rem;
  }
}
@media (max-width: 960px) {
  .presentation-viewer__container[b-76obpivwtg] {
    padding: 1rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__container[b-76obpivwtg] {
    padding: 0.75rem;
    min-height: 100vh;
  }
}
.presentation-viewer__loading[b-76obpivwtg] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
  gap: 1.5rem;
}
.presentation-viewer__loading-text[b-76obpivwtg] {
  color: var(--text-secondary);
  font-size: 1.1rem;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 600px) {
  .presentation-viewer__loading-text[b-76obpivwtg] {
    font-size: 1rem;
  }
}
.presentation-viewer__card[b-76obpivwtg] {
  background-color: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (max-width: 960px) {
  .presentation-viewer__card[b-76obpivwtg] {
    border-radius: 8px;
    box-shadow: var(--shadow-md);
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__card[b-76obpivwtg] {
    border-radius: 6px;
    margin-bottom: 1rem;
  }
}
.presentation-viewer__header[b-76obpivwtg] {
  padding: 2rem;
  background: linear-gradient(135deg, var(--surface-variant), rgba(var(--color-primary-rgb), 0.05));
  border-bottom: 1px solid var(--border-color);
}
@media (max-width: 960px) {
  .presentation-viewer__header[b-76obpivwtg] {
    padding: 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header[b-76obpivwtg] {
    padding: 1.25rem;
  }
}
.presentation-viewer__header-top[b-76obpivwtg] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 960px) {
  .presentation-viewer__header-top[b-76obpivwtg] {
    gap: 1.5rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header-top[b-76obpivwtg] {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0.75rem;
    text-align: center;
    align-items: center;
  }
}
.presentation-viewer__header-content[b-76obpivwtg] {
  flex: 1;
  min-width: 0;
}
.presentation-viewer__header-title[b-76obpivwtg] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}
@media (max-width: 1280px) {
  .presentation-viewer__header-title[b-76obpivwtg] {
    font-size: 2.25rem;
  }
}
@media (max-width: 960px) {
  .presentation-viewer__header-title[b-76obpivwtg] {
    font-size: 2rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header-title[b-76obpivwtg] {
    font-size: 1.75rem;
    margin-bottom: 0.25rem;
  }
}
.presentation-viewer__header-subtitle[b-76obpivwtg] {
  font-size: 1.1rem;
  color: var(--color-primary);
  font-weight: 500;
  margin: 0;
}
@media (max-width: 600px) {
  .presentation-viewer__header-subtitle[b-76obpivwtg] {
    font-size: 1rem;
  }
}
.presentation-viewer__header-actions[b-76obpivwtg] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .presentation-viewer__header-actions[b-76obpivwtg] {
    justify-content: center;
    gap: 0.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__header-actions[b-76obpivwtg] {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    align-items: stretch;
  }
}
.presentation-viewer__breadcrumbs[b-76obpivwtg] {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--surface);
  border-bottom: 1px solid var(--border-color);
  padding: 0.75rem 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 960px) {
  .presentation-viewer__breadcrumbs[b-76obpivwtg] {
    padding: 0.5rem 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__breadcrumbs[b-76obpivwtg] {
    padding: 0.5rem 0.75rem;
    margin: 0 -0.75rem 1rem -0.75rem;
  }
}
.presentation-viewer__breadcrumbs nav[b-76obpivwtg] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 600px) {
  .presentation-viewer__breadcrumbs nav[b-76obpivwtg] {
    font-size: 0.85rem;
  }
}
.presentation-viewer__breadcrumb-item[b-76obpivwtg] {
  color: var(--text-secondary);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  transition: color 0.2s ease;
  flex-shrink: 1;
  min-width: 0;
  max-width: none;
}
.presentation-viewer__breadcrumb-item:hover[b-76obpivwtg] {
  color: var(--color-primary);
}
.presentation-viewer__breadcrumb-item--current[b-76obpivwtg] {
  color: var(--text-primary);
  font-weight: 600;
  flex-shrink: 1;
  min-width: 0;
  max-width: none;
}
.presentation-viewer__breadcrumb-item:first-child[b-76obpivwtg] {
  flex-shrink: 2;
  max-width: 200px;
}
@media (max-width: 600px) {
  .presentation-viewer__breadcrumb-item:first-child[b-76obpivwtg] {
    max-width: 120px;
  }
}
.presentation-viewer__breadcrumb-item i[b-76obpivwtg] {
  font-size: 1rem;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .presentation-viewer__breadcrumb-item i[b-76obpivwtg] {
    font-size: 0.9rem;
  }
}
.presentation-viewer__breadcrumb-item span[b-76obpivwtg] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
}
.presentation-viewer__breadcrumb-separator[b-76obpivwtg] {
  color: var(--text-disabled);
  font-size: 0.75rem;
  user-select: none;
  flex-shrink: 0;
}
.presentation-viewer__meta[b-76obpivwtg] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 600px) {
  .presentation-viewer__meta[b-76obpivwtg] {
    gap: 0.75rem;
  }
}
.presentation-viewer__options-compact[b-76obpivwtg] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
@media (max-width: 600px) {
  .presentation-viewer__options-compact[b-76obpivwtg] {
    gap: 0.375rem;
  }
}
.presentation-viewer__prompt-toggle.active[b-76obpivwtg] {
  background-color: rgba(var(--color-primary-rgb), 0.1);
  border-color: rgba(var(--color-primary-rgb), 0.3);
  color: var(--color-primary);
}
.presentation-viewer__prompt-toggle.active i[b-76obpivwtg] {
  transform: rotate(180deg);
}
.presentation-viewer__prompt-toggle:hover[b-76obpivwtg] {
  background-color: rgba(var(--color-primary-rgb), 0.08);
  border-color: rgba(var(--color-primary-rgb), 0.25);
  color: var(--color-primary);
}
.presentation-viewer__prompt-toggle i[b-76obpivwtg] {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-viewer__prompt-content[b-76obpivwtg] {
  margin-top: 1rem;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transform: translateY(-10px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.presentation-viewer__prompt-content.expanded[b-76obpivwtg] {
  opacity: 1;
  max-height: 500px;
  transform: translateY(0);
  padding: 1.25rem;
  background-color: rgba(var(--color-primary-rgb), 0.02);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.08);
}
@media (max-width: 600px) {
  .presentation-viewer__prompt-content.expanded[b-76obpivwtg] {
    padding: 1rem;
    border-radius: 8px;
    max-height: 400px;
  }
}
.presentation-viewer__prompt-text[b-76obpivwtg] {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}
@media (max-width: 600px) {
  .presentation-viewer__prompt-text[b-76obpivwtg] {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
  }
}
.presentation-viewer__prompt-actions[b-76obpivwtg] {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 600px) {
  .presentation-viewer__prompt-actions[b-76obpivwtg] {
    justify-content: stretch;
  }
}
.presentation-viewer__color-palette[b-76obpivwtg] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  background-color: rgba(var(--color-primary-rgb), 0.05);
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: 20px;
}
@media (max-width: 600px) {
  .presentation-viewer__color-palette[b-76obpivwtg] {
    padding: 0.25rem 0.5rem;
  }
}
.presentation-viewer__color-circle[b-76obpivwtg] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
  cursor: pointer;
}
.presentation-viewer__color-circle:hover[b-76obpivwtg] {
  transform: scale(1.2);
}
@media (max-width: 600px) {
  .presentation-viewer__color-circle[b-76obpivwtg] {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
  }
}
.presentation-viewer__error[b-76obpivwtg] {
  text-align: center;
  padding: 3rem 2rem;
}
.presentation-viewer__error-icon[b-76obpivwtg] {
  font-size: 4rem;
  color: var(--color-error);
  margin-bottom: 1.5rem;
}
@media (max-width: 600px) {
  .presentation-viewer__error-icon[b-76obpivwtg] {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
}
.presentation-viewer__error-title[b-76obpivwtg] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .presentation-viewer__error-title[b-76obpivwtg] {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}
.presentation-viewer__error-message[b-76obpivwtg] {
  color: var(--text-secondary);
  font-size: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
  .presentation-viewer__error-message[b-76obpivwtg] {
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
  }
}
.presentation-viewer__alert[b-76obpivwtg] {
  background-color: var(--color-warning-light);
  border: 1px solid var(--color-warning);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 600px) {
  .presentation-viewer__alert[b-76obpivwtg] {
    margin: 0.75rem 0;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    flex-direction: column;
    text-align: center;
    gap: 0.75rem;
  }
}
.presentation-viewer__alert--warning[b-76obpivwtg] {
  background-color: rgba(var(--color-warning-rgb), 0.1);
  border-color: rgba(var(--color-warning-rgb), 0.3);
  color: var(--color-warning-dark);
}
.presentation-viewer__alert--error[b-76obpivwtg] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  border-color: rgba(var(--color-error-rgb), 0.3);
  color: var(--color-error-dark);
}
.presentation-viewer__alert--info[b-76obpivwtg] {
  background-color: rgba(var(--color-info-rgb), 0.1);
  border-color: rgba(var(--color-info-rgb), 0.3);
  color: var(--color-info-dark);
}
.presentation-viewer__alert-text[b-76obpivwtg] {
  margin: 0;
  font-size: 0.95rem;
}
@media (max-width: 600px) {
  .presentation-viewer__alert-text[b-76obpivwtg] {
    font-size: 0.9rem;
  }
}
.presentation-viewer__btn[b-76obpivwtg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  border: none;
  border-radius: 12px;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  min-height: 44px;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-sizing: border-box;
}
.presentation-viewer__btn:disabled[b-76obpivwtg] {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none !important;
}
@media (max-width: 600px) {
  .presentation-viewer__btn[b-76obpivwtg] {
    width: 100%;
    justify-content: center;
    min-height: 48px;
    border-radius: 10px;
    padding: 0.875rem 1rem;
    font-size: 0.9rem;
    flex: 1;
    min-width: 0;
  }
}
.presentation-viewer__btn i[b-76obpivwtg] {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.presentation-viewer__btn:hover:not(:disabled) i[b-76obpivwtg] {
  transform: scale(1.1);
}
.presentation-viewer__btn--primary[b-76obpivwtg] {
  background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.9));
  color: white;
  border: 1px solid var(--color-primary);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.25);
}
.presentation-viewer__btn--primary:hover:not(:disabled)[b-76obpivwtg] {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(var(--color-primary-rgb), 0.35);
}
@media (max-width: 600px) {
  .presentation-viewer__btn--primary:hover:not(:disabled)[b-76obpivwtg] {
    transform: none;
  }
}
.presentation-viewer__btn--secondary[b-76obpivwtg] {
  background: linear-gradient(135deg, rgba(var(--color-secondary-rgb), 0.1), rgba(var(--color-secondary-rgb), 0.05));
  color: var(--color-secondary);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.2);
  box-shadow: 0 2px 8px rgba(var(--color-secondary-rgb), 0.08);
}
.presentation-viewer__btn--secondary:hover:not(:disabled)[b-76obpivwtg] {
  background: linear-gradient(135deg, var(--color-secondary), rgba(var(--color-secondary-rgb), 0.9));
  color: white;
  border-color: var(--color-secondary);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(var(--color-secondary-rgb), 0.25);
}
@media (max-width: 600px) {
  .presentation-viewer__btn--secondary:hover:not(:disabled)[b-76obpivwtg] {
    transform: none;
  }
}
.presentation-viewer__btn--text[b-76obpivwtg] {
  background-color: transparent;
  color: var(--text-secondary);
  border: 1px solid transparent;
  padding: 0.75rem 1.25rem;
}
.presentation-viewer__btn--text:hover:not(:disabled)[b-76obpivwtg] {
  background-color: rgba(var(--color-primary-rgb), 0.06);
  color: var(--color-primary);
  border-color: rgba(var(--color-primary-rgb), 0.15);
}
@media (max-width: 600px) {
  .presentation-viewer__btn--text[b-76obpivwtg] {
    padding: 0.875rem 1rem;
  }
  .presentation-viewer__btn--text:hover:not(:disabled)[b-76obpivwtg] {
    transform: none;
  }
}
.presentation-viewer__btn--small[b-76obpivwtg] {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  min-height: 36px;
  border-radius: 10px;
}
@media (max-width: 600px) {
  .presentation-viewer__btn--small[b-76obpivwtg] {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    min-height: 40px;
    border-radius: 8px;
  }
}
.presentation-viewer__chip[b-76obpivwtg] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.presentation-viewer__chip i[b-76obpivwtg] {
  font-size: 1rem;
  flex-shrink: 0;
}
.presentation-viewer__chip--primary[b-76obpivwtg] {
  background-color: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
  border: 1px solid rgba(var(--color-primary-rgb), 0.2);
}
.presentation-viewer__chip--secondary[b-76obpivwtg] {
  background-color: rgba(var(--color-secondary-rgb), 0.1);
  color: var(--color-secondary);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.presentation-viewer__chip--success[b-76obpivwtg] {
  background-color: rgba(var(--color-success-rgb), 0.1);
  color: var(--color-success);
  border: 1px solid rgba(var(--color-success-rgb), 0.2);
}
.presentation-viewer__chip--error[b-76obpivwtg] {
  background-color: rgba(var(--color-error-rgb), 0.1);
  color: var(--color-error);
  border: 1px solid rgba(var(--color-error-rgb), 0.2);
}
.presentation-viewer__chip--warning[b-76obpivwtg] {
  background-color: rgba(var(--color-warning-rgb), 0.1);
  color: var(--color-warning);
  border: 1px solid rgba(var(--color-warning-rgb), 0.2);
}
.presentation-viewer__chip--info[b-76obpivwtg] {
  background-color: rgba(var(--color-info-rgb), 0.1);
  color: var(--color-info);
  border: 1px solid rgba(var(--color-info-rgb), 0.2);
}
.presentation-viewer__chip--outlined[b-76obpivwtg] {
  background-color: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
}
.presentation-viewer__chip--minimal[b-76obpivwtg] {
  background-color: rgba(var(--text-secondary-rgb), 0.06);
  color: var(--text-secondary);
  border: 1px solid rgba(var(--text-secondary-rgb), 0.12);
  font-size: 0.8rem;
  padding: 0.375rem 0.75rem;
}
.presentation-viewer__chip--minimal:hover[b-76obpivwtg] {
  background-color: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}
@media (max-width: 600px) {
  .presentation-viewer__chip--minimal[b-76obpivwtg] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__chip[b-76obpivwtg] {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem;
    gap: 0.25rem;
  }
  .presentation-viewer__chip i[b-76obpivwtg] {
    font-size: 0.9rem;
  }
}
.presentation-viewer__spinner[b-76obpivwtg] {
  border: 3px solid rgba(var(--color-primary-rgb), 0.1);
  border-top: 3px solid var(--color-primary);
  border-radius: 50%;
  animation: presentation-viewer-spin-b-76obpivwtg 1s linear infinite;
}
.presentation-viewer__spinner--large[b-76obpivwtg] {
  width: 48px;
  height: 48px;
}
.presentation-viewer__spinner--small[b-76obpivwtg] {
  width: 24px;
  height: 24px;
  border-width: 2px;
}
.presentation-viewer__progress[b-76obpivwtg] {
  width: 100%;
  height: 4px;
  background-color: rgba(var(--color-primary-rgb), 0.1);
  border-radius: 2px;
  overflow: hidden;
}
.presentation-viewer__progress-bar[b-76obpivwtg] {
  height: 100%;
  background: linear-gradient(90deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.8));
  border-radius: 2px;
  transition: width 0.3s ease;
}
.presentation-viewer__progress--indeterminate .presentation-viewer__progress-bar[b-76obpivwtg] {
  width: 100%;
  animation: presentation-viewer-indeterminate-b-76obpivwtg 2s ease-in-out infinite;
}
.presentation-viewer__admin-banner[b-76obpivwtg] {
  background: linear-gradient(135deg, var(--color-error), var(--color-error-dark));
  color: white;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 6px;
  font-weight: 500;
}
@media (max-width: 600px) {
  .presentation-viewer__admin-banner[b-76obpivwtg] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    border-radius: 4px;
  }
  .presentation-viewer__admin-banner i[b-76obpivwtg] {
    font-size: 1rem;
  }
}
.presentation-viewer__btn-group[b-76obpivwtg] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .presentation-viewer__btn-group[b-76obpivwtg] {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
  }
  .presentation-viewer__btn-group .presentation-viewer__btn[b-76obpivwtg] {
    width: 100%;
  }
}
.presentation-viewer__debug-panel[b-76obpivwtg] {
  background-color: var(--surface-variant);
  border-top: 1px solid var(--border-color);
  padding: 1.5rem 2rem;
  margin-top: 1rem;
}
.presentation-viewer__debug-panel h3[b-76obpivwtg] {
  margin: 0 0 1rem 0;
  color: var(--text-primary);
  font-size: 1.25rem;
  font-weight: 600;
}
@media (max-width: 960px) {
  .presentation-viewer__debug-panel[b-76obpivwtg] {
    padding: 1.25rem 1.5rem;
  }
}
@media (max-width: 600px) {
  .presentation-viewer__debug-panel[b-76obpivwtg] {
    padding: 1rem 1.25rem;
    margin-top: 0.75rem;
  }
}
.presentation-viewer__debug-tabs[b-76obpivwtg] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--border-color);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-tabs[b-76obpivwtg] {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
}
.presentation-viewer__debug-tab[b-76obpivwtg] {
  background: none;
  border: none;
  padding: 0.75rem 1rem;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  font-size: 0.9rem;
  font-weight: 500;
}
.presentation-viewer__debug-tab:hover[b-76obpivwtg] {
  color: var(--color-primary);
  background-color: rgba(var(--color-primary-rgb), 0.05);
}
.presentation-viewer__debug-tab.active[b-76obpivwtg] {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
  background-color: rgba(var(--color-primary-rgb), 0.08);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-tab[b-76obpivwtg] {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
  }
}
.presentation-viewer__debug-content[b-76obpivwtg] {
  background-color: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-content[b-76obpivwtg] {
    padding: 1rem;
    border-radius: 6px;
  }
}
.presentation-viewer__debug-actions[b-76obpivwtg] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-actions[b-76obpivwtg] {
    justify-content: center;
  }
}
.presentation-viewer__debug-json[b-76obpivwtg] {
  background-color: var(--surface-variant);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 1rem;
  font-family: "Fira Code", "Consolas", "Monaco", monospace;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--text-primary);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 400px;
  overflow-y: auto;
  margin: 0;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-json[b-76obpivwtg] {
    font-size: 0.8rem;
    padding: 0.75rem;
    max-height: 300px;
  }
}
.presentation-viewer__debug-table[b-76obpivwtg] {
  display: grid;
  gap: 0.75rem;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-table[b-76obpivwtg] {
    gap: 0.5rem;
  }
}
.presentation-viewer__debug-row[b-76obpivwtg] {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.5);
}
.presentation-viewer__debug-row:last-child[b-76obpivwtg] {
  border-bottom: none;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-row[b-76obpivwtg] {
    grid-template-columns: 1fr;
    gap: 0.25rem;
    padding: 0.5rem 0;
  }
}
.presentation-viewer__debug-label[b-76obpivwtg] {
  font-weight: 600;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-label[b-76obpivwtg] {
    font-size: 0.85rem;
  }
}
.presentation-viewer__debug-value[b-76obpivwtg] {
  color: var(--text-primary);
  font-size: 0.9rem;
  word-break: break-word;
}
@media (max-width: 600px) {
  .presentation-viewer__debug-value[b-76obpivwtg] {
    font-size: 0.85rem;
  }
}
.presentation-viewer__debug-slides[b-76obpivwtg] {
  margin-top: 1rem;
}
.presentation-viewer__debug-slides h4[b-76obpivwtg] {
  margin: 0 0 1rem 0;
  color: var(--text-primary);
  font-size: 1.1rem;
  font-weight: 600;
}
.presentation-viewer__debug-slide[b-76obpivwtg] {
  background-color: var(--surface-variant);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.presentation-viewer__debug-slide:last-child[b-76obpivwtg] {
  margin-bottom: 0;
}
.presentation-viewer__debug-slide-header[b-76obpivwtg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background-color: rgba(var(--color-primary-rgb), 0.05);
  border-bottom: 1px solid var(--border-color);
  font-weight: 600;
  color: var(--text-primary);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-slide-header[b-76obpivwtg] {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    padding: 0.5rem 0.75rem;
  }
}
.presentation-viewer__debug-slide-content[b-76obpivwtg] {
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.presentation-viewer__debug-slide-content span[b-76obpivwtg] {
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.presentation-viewer__debug-slide-content span strong[b-76obpivwtg] {
  color: var(--text-primary);
}
@media (max-width: 600px) {
  .presentation-viewer__debug-slide-content[b-76obpivwtg] {
    padding: 0.5rem 0.75rem;
  }
  .presentation-viewer__debug-slide-content span[b-76obpivwtg] {
    font-size: 0.85rem;
  }
}

@keyframes presentation-viewer-spin-b-76obpivwtg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes presentation-viewer-indeterminate-b-76obpivwtg {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 600px) and (max-height: 500px) {
  .presentation-viewer.keyboard-adaptive .presentation-viewer__container[b-76obpivwtg] {
    min-height: auto;
  }
}

/*# sourceMappingURL=PresentationViewer.razor.css.map */
/* /Pages/PresentationBuilder/SharedPresentationViewer.razor.rz.scp.css */
:root[b-pcdw9vadz2] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-pcdw9vadz2] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.shared-presentation-viewer[b-pcdw9vadz2] {
  display: block;
  width: 100%;
}
.shared-presentation-viewer__presentation-area[b-pcdw9vadz2] {
  width: 100%;
  padding: 0;
  margin: 0;
}
.shared-presentation-viewer__action-buttons[b-pcdw9vadz2] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 1rem;
}
@media (max-width: 768px) {
  .shared-presentation-viewer__action-buttons[b-pcdw9vadz2] {
    flex-direction: column;
    align-items: center;
  }
}
.shared-presentation-viewer__deck-content[b-pcdw9vadz2] {
  height: auto;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  overflow: visible;
  min-height: 100%;
}
.shared-presentation-viewer__present-button[b-pcdw9vadz2] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

.embed-presentation-viewer[b-pcdw9vadz2] {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.embed-presentation-viewer__container[b-pcdw9vadz2] {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.embed-presentation-viewer__content[b-pcdw9vadz2] {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.embed-presentation-viewer--readonly .presentation-preview-header[b-pcdw9vadz2] {
  display: none !important;
}
.embed-presentation-viewer--readonly .presentation-preview__edit-container[b-pcdw9vadz2],
.embed-presentation-viewer--readonly .presentation-preview__edit-button[b-pcdw9vadz2],
.embed-presentation-viewer--readonly .presentation-preview__visual-edit-button[b-pcdw9vadz2],
.embed-presentation-viewer--readonly .presentation-preview__prompt-panel[b-pcdw9vadz2] {
  display: none !important;
}
.embed-presentation-viewer--readonly .edit-tooltip[b-pcdw9vadz2] {
  display: none !important;
}

.presentation-preview--readonly .presentation-preview-header[b-pcdw9vadz2] {
  display: none !important;
}
.presentation-preview--readonly .presentation-preview__edit-container[b-pcdw9vadz2],
.presentation-preview--readonly .presentation-preview__edit-button[b-pcdw9vadz2],
.presentation-preview--readonly .presentation-preview__visual-edit-button[b-pcdw9vadz2],
.presentation-preview--readonly .presentation-preview__prompt-panel[b-pcdw9vadz2] {
  display: none !important;
}
.presentation-preview--readonly .edit-tooltip[b-pcdw9vadz2] {
  display: none !important;
}

/*# sourceMappingURL=SharedPresentationViewer.razor.css.map */
/* /Pages/Unauthorized.razor.rz.scp.css */
:root[b-6h0vsdfoyi] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-6h0vsdfoyi] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.error-page[b-6h0vsdfoyi] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.unauthorized-section[b-6h0vsdfoyi] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

.not-found-section[b-6h0vsdfoyi] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #4a89dc 0%, #3273dc 100%);
}

.not-found-background[b-6h0vsdfoyi] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.not-found-shape[b-6h0vsdfoyi] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: float-b-6h0vsdfoyi 6s ease-in-out infinite;
}
.not-found-shape.shape-1[b-6h0vsdfoyi] {
  width: 300px;
  height: 300px;
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}
.not-found-shape.shape-2[b-6h0vsdfoyi] {
  width: 200px;
  height: 200px;
  top: 60%;
  right: 15%;
  animation-delay: 2s;
}
.not-found-shape.shape-3[b-6h0vsdfoyi] {
  width: 150px;
  height: 150px;
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}

.container[b-6h0vsdfoyi] {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.not-found-content[b-6h0vsdfoyi] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
}

.not-found-main[b-6h0vsdfoyi] {
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 4rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  width: 100%;
  animation: slideUp-b-6h0vsdfoyi 0.8s ease-out;
}
@media (max-width: 960px) {
  .not-found-main[b-6h0vsdfoyi] {
    padding: 4rem;
    margin: 2rem;
  }
}

.not-found-code-container[b-6h0vsdfoyi] {
  margin-bottom: 3rem;
}

.not-found-code[b-6h0vsdfoyi] {
  font-size: 8rem;
  font-weight: 800;
  color: #ee5a24;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 960px) {
  .not-found-code[b-6h0vsdfoyi] {
    font-size: 6rem;
  }
}
@media (max-width: 600px) {
  .not-found-code[b-6h0vsdfoyi] {
    font-size: 4rem;
  }
}

.not-found-title[b-6h0vsdfoyi] {
  font-size: 2.4rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 2rem;
  line-height: 1.2;
}
@media (max-width: 960px) {
  .not-found-title[b-6h0vsdfoyi] {
    font-size: 1.8rem;
  }
}

.not-found-message[b-6h0vsdfoyi] {
  font-size: 1.2rem;
  color: #5c7089;
  margin-bottom: 4rem;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .not-found-message[b-6h0vsdfoyi] {
    font-size: 1rem;
  }
}

.not-found-actions[b-6h0vsdfoyi] {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .not-found-actions[b-6h0vsdfoyi] {
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
  }
}

.not-found-primary-btn[b-6h0vsdfoyi] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #ee5a24 0%, #ff6b6b 100%);
  border: none;
  outline: none;
  color: #ffffff;
  padding: 1rem 1.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 5px 15px rgba(238, 90, 36, 0.3);
  white-space: nowrap;
  text-decoration: none;
  min-width: 180px;
  justify-content: center;
}
.not-found-primary-btn i[b-6h0vsdfoyi], .not-found-primary-btn .material-icons[b-6h0vsdfoyi], .not-found-primary-btn .material-symbols-rounded[b-6h0vsdfoyi] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.not-found-primary-btn:hover[b-6h0vsdfoyi] {
  background: linear-gradient(135deg, #c44d21 0%, #ff5252 100%);
  box-shadow: 0 8px 25px rgba(238, 90, 36, 0.5);
  transform: translateY(-2px);
  text-decoration: none;
  color: #ffffff;
}
.not-found-primary-btn:hover i[b-6h0vsdfoyi], .not-found-primary-btn:hover .material-icons[b-6h0vsdfoyi], .not-found-primary-btn:hover .material-symbols-rounded[b-6h0vsdfoyi] {
  transform: scale(1.1);
}
.not-found-primary-btn:active[b-6h0vsdfoyi] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .not-found-primary-btn[b-6h0vsdfoyi] {
    width: 100%;
    max-width: 280px;
  }
  .not-found-primary-btn:hover[b-6h0vsdfoyi] {
    transform: none;
  }
}

.not-found-secondary-btn[b-6h0vsdfoyi] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1rem 1.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  text-decoration: none;
  min-width: 180px;
  justify-content: center;
  justify-content: center;
}
.not-found-secondary-btn i[b-6h0vsdfoyi], .not-found-secondary-btn .material-icons[b-6h0vsdfoyi], .not-found-secondary-btn .material-symbols-rounded[b-6h0vsdfoyi] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.not-found-secondary-btn:hover[b-6h0vsdfoyi] {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.not-found-secondary-btn:hover i[b-6h0vsdfoyi], .not-found-secondary-btn:hover .material-icons[b-6h0vsdfoyi], .not-found-secondary-btn:hover .material-symbols-rounded[b-6h0vsdfoyi] {
  transform: scale(1.1);
}
.not-found-secondary-btn:active[b-6h0vsdfoyi] {
  transform: translateY(0);
}
@media (max-width: 600px) {
  .not-found-secondary-btn[b-6h0vsdfoyi] {
    width: 100%;
    max-width: 280px;
  }
  .not-found-secondary-btn:hover[b-6h0vsdfoyi] {
    transform: none;
  }
}
.not-found-secondary-btn:hover[b-6h0vsdfoyi] {
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
}
.not-found-secondary-btn .material-icons[b-6h0vsdfoyi] {
  font-size: 1.2rem;
}

@keyframes float-b-6h0vsdfoyi {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes slideUp-b-6h0vsdfoyi {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=Unauthorized.razor.css.map */
/* /Pages/Unsubscribe.razor.rz.scp.css */
/* Error: Can't find stylesheet to import.
 *   ,
 * 1 | @use 'Styles/abstracts/variables' as *;
 *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 *   '
 *   Pages\Unsubscribe.razor.scss 1:1  root stylesheet */

body[b-rdfxak570c]::before {
  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
      "Droid Sans Mono", monospace, monospace;
  white-space: pre;
  display: block;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 2px solid black;
  content: "Error: Can't find stylesheet to import.\a   \2577 \a 1 \2502  @use 'Styles/abstracts/variables' as *;\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   Pages\\Unsubscribe.razor.scss 1:1  root stylesheet";
}
/* /Pages/WebsiteBuilder/WebsiteEditor.razor.rz.scp.css */
/* Website Editor - Three-Panel Layout */

:root[b-cs2wpehny9] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-success: #10b981;
  --color-error: #ef4444;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --sidebar-width: 300px;
  --editor-width: 400px;
}

/* Root Container */
.website-editor[b-cs2wpehny9] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--background);
}

/* Loading & Error States */
.website-editor__loading[b-cs2wpehny9],
.website-editor__error[b-cs2wpehny9] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.website-editor__error[b-cs2wpehny9] {
  color: var(--color-error);
}

/* Header */
.website-editor__header[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background: var(--surface);
  border-bottom: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
  z-index: 100;
}

.website-editor__header-left[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}

.website-editor__title-group[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.website-editor__header-right[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Body - Three Panel Layout */
.website-editor__body[b-cs2wpehny9] {
  display: grid;
  grid-template-columns: var(--sidebar-width) 1fr var(--editor-width);
  height: calc(100vh - 73px);
  overflow: hidden;
}

/* Left Panel: Sections List */
.website-editor__sections-panel[b-cs2wpehny9] {
  background: var(--surface);
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.website-editor__sections-header[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color);
}

.website-editor__drop-container[b-cs2wpehny9],
.website-editor__drop-zone[b-cs2wpehny9] {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}

.website-editor__section-item[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: var(--surface-variant);
  border: 2px solid transparent;
  user-select: none;
}

.website-editor__section-item:hover[b-cs2wpehny9] {
  background: var(--hover);
  border-color: var(--color-primary);
  transform: translateX(2px);
}

.website-editor__section-item--selected[b-cs2wpehny9] {
  background: var(--selected);
  border-color: var(--color-primary);
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.15);
}

.website-editor__section-reorder[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-right: 0.75rem;
  align-items: center;
  justify-content: center;
}

.website-editor__section-reorder .mud-icon-button[b-cs2wpehny9] {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--surface);
  border: 1px solid transparent;
  box-shadow: var(--shadow-xs);
  transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.website-editor__section-reorder .mud-icon-button:hover:not(.mud-disabled)[b-cs2wpehny9] {
  transform: translateY(-1px);
  border-color: rgba(var(--color-primary-rgb), 0.25);
  box-shadow: var(--shadow-sm);
}

.website-editor__section-reorder .mud-icon-button.mud-disabled[b-cs2wpehny9] {
  opacity: 0.4;
  cursor: not-allowed;
}

.website-editor__section-item--selected .website-editor__section-reorder .mud-icon-button[b-cs2wpehny9] {
  background: rgba(var(--color-primary-rgb), 0.06);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}

.website-editor__section-item:hover .website-editor__section-reorder .mud-icon-button:not(.mud-disabled)[b-cs2wpehny9] {
  opacity: 1;
}

.website-editor__section-drag-handle[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  margin-right: 0.5rem;
  cursor: grab;
}

.website-editor__section-drag-handle:active[b-cs2wpehny9] {
  cursor: grabbing;
}

.website-editor__section-content[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
}

.website-editor__section-info[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.website-editor__section-details[b-cs2wpehny9] {
  flex: 1;
  min-width: 0;
}

.website-editor__section-name[b-cs2wpehny9] {
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.website-editor__section-actions[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.website-editor__section-item:hover .website-editor__section-actions[b-cs2wpehny9] {
  opacity: 1;
}

.website-editor__empty-state[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--text-secondary);
}

/* Center Panel: Preview */
.website-editor__preview-panel[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  background: #e5e7eb;
  position: relative;
  overflow: hidden;
}

.website-editor__preview-header[b-cs2wpehny9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: var(--surface);
  border-bottom: 1px solid var(--border-color);
}

.website-editor__preview-container[b-cs2wpehny9] {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.website-editor__preview-loading[b-cs2wpehny9] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  z-index: 10;
}

.website-editor__iframe[b-cs2wpehny9] {
  width: 100%;
  height: 100%;
  border: none;
  background: white;
}

/* Right Panel: Editor */
.website-editor__editor-panel[b-cs2wpehny9] {
  background: var(--surface);
  border-left: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.website-editor__tab-panel[b-cs2wpehny9] {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}

/* Section Editor */
.website-editor__section-editor[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.website-editor__section-editor-actions[b-cs2wpehny9] {
  display: flex;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}

.website-editor__no-selection[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--text-secondary);
  height: 100%;
}

/* Global Styles Editor */
.website-editor__global-styles[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.website-editor__global-styles-actions[b-cs2wpehny9] {
  display: flex;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}

/* Version History */
.website-editor__version-history[b-cs2wpehny9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Responsive Design */
@media (max-width: 1440px) {
  .website-editor__body[b-cs2wpehny9] {
    grid-template-columns: 280px 1fr 360px;
  }
}

@media (max-width: 1200px) {
  .website-editor__body[b-cs2wpehny9] {
    grid-template-columns: 260px 1fr 340px;
  }
}

@media (max-width: 1024px) {
  .website-editor__body[b-cs2wpehny9] {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .website-editor__sections-panel[b-cs2wpehny9] {
    height: 200px;
    border-right: none;
    border-bottom: 1px solid var(--border-color);
  }

  .website-editor__drop-container[b-cs2wpehny9] {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.5rem;
  }

  .website-editor__drop-zone[b-cs2wpehny9] {
    display: flex;
    gap: 0.5rem;
  }

  .website-editor__section-item[b-cs2wpehny9] {
    min-width: 200px;
  }

  .website-editor__editor-panel[b-cs2wpehny9] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 50vh;
    border-left: none;
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
    z-index: 50;
  }
}

@media (max-width: 768px) {
  .website-editor__header[b-cs2wpehny9] {
    padding: 0.75rem 1rem;
  }

  .website-editor__header-left[b-cs2wpehny9] {
    gap: 0.5rem;
  }

  .website-editor__header-right[b-cs2wpehny9] {
    gap: 0.5rem;
  }

  .website-editor__sections-panel[b-cs2wpehny9] {
    height: 150px;
  }

  .website-editor__section-item[b-cs2wpehny9] {
    min-width: 180px;
    padding: 0.5rem;
  }

  .website-editor__tab-panel[b-cs2wpehny9] {
    padding: 1rem;
  }
}

/* Smooth Scrollbar */
.website-editor__drop-container[b-cs2wpehny9]::-webkit-scrollbar,
.website-editor__tab-panel[b-cs2wpehny9]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.website-editor__drop-container[b-cs2wpehny9]::-webkit-scrollbar-track,
.website-editor__tab-panel[b-cs2wpehny9]::-webkit-scrollbar-track {
  background: var(--surface-variant);
  border-radius: 4px;
}

.website-editor__drop-container[b-cs2wpehny9]::-webkit-scrollbar-thumb,
.website-editor__tab-panel[b-cs2wpehny9]::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
  transition: background 0.2s ease;
}

.website-editor__drop-container[b-cs2wpehny9]::-webkit-scrollbar-thumb:hover,
.website-editor__tab-panel[b-cs2wpehny9]::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

@media (max-width: 768px) {
  .website-editor__section-reorder[b-cs2wpehny9] {
    flex-direction: row;
    gap: 0.25rem;
    margin-right: 0.5rem;
  }

  .website-editor__section-reorder .mud-icon-button[b-cs2wpehny9] {
    width: 30px;
    height: 30px;
  }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
  :root[b-cs2wpehny9] {
    --background: #1a202c;
    --surface: #2d3748;
    --surface-variant: #374151;
    --text-primary: #f7fafc;
    --text-secondary: #a0aec0;
    --border-color: rgba(255, 255, 255, 0.1);
    --hover: rgba(50, 115, 220, 0.15);
    --selected: rgba(50, 115, 220, 0.25);
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .website-editor__section-item[b-cs2wpehny9],
  .website-editor__section-actions[b-cs2wpehny9] {
    transition: none;
  }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
  .website-editor__section-item[b-cs2wpehny9],
  .website-editor__preview-panel[b-cs2wpehny9],
  .website-editor__editor-panel[b-cs2wpehny9] {
    border-width: 2px;
  }

  .website-editor__section-item--selected[b-cs2wpehny9] {
    border-width: 3px;
  }
}
/* /Shared/LoginPartial.razor.rz.scp.css */
:root[b-ooa2pqltk8] {
  --background: #f0f2f5;
  --surface: #ffffff;
  --surface-variant: #f5f8fc;
  --text-primary: #2c3e50;
  --text-secondary: #5c7089;
  --border-color: rgba(0, 0, 0, 0.08);
  --divider: rgba(0, 0, 0, 0.04);
  --hover: rgba(50, 115, 220, 0.04);
  --selected: rgba(50, 115, 220, 0.08);
  --appbar-bg: #ffffff;
  --drawer-bg: #ffffff;
  --drawer-border: rgba(0, 0, 0, 0.04);
  --card-bg: #ffffff;
  --color-primary: #3273dc;
  --color-primary-light: #4a89dc;
  --color-primary-dark: #2661c7;
  --color-primary-rgb: 50, 115, 220;
  --color-secondary: #00d1b2;
  --color-secondary-light: #00f3d1;
  --color-secondary-dark: #00a693;
  --color-secondary-rgb: 0, 209, 178;
  --color-success: #2661c7;
  --color-success-light: #3273dc;
  --color-success-dark: #1e4b94;
  --color-success-rgb: 38, 97, 199;
  --color-warning: #ffdd57;
  --color-warning-light: #ffe97d;
  --color-warning-dark: #e6c64c;
  --color-warning-rgb: 255, 221, 87;
  --color-error: #ff3860;
  --color-error-light: #ff5b7f;
  --color-error-dark: #e6324d;
  --color-error-rgb: 255, 56, 96;
  --color-info: #3498db;
  --color-info-light: #5dade2;
  --color-info-dark: #2980b9;
  --color-info-rgb: 52, 152, 219;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 12rem;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-5xl: 48px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 12px 36px rgba(0, 0, 0, 0.12);
  --shadow-3xl: 0 16px 48px rgba(0, 0, 0, 0.15);
  --shadow-4xl: 0 20px 56px rgba(0, 0, 0, 0.18);
  --shadow-5xl: 0 24px 64px rgba(0, 0, 0, 0.2);
}
:root .dark-theme[b-ooa2pqltk8] {
  --background: #121212;
  --surface: #1e1e1e;
  --surface-variant: #2c2c2c;
  --text-primary: #f5f5f5;
  --text-secondary: #aaaaaa;
  --border-color: rgba(255, 255, 255, 0.12);
  --divider: rgba(255, 255, 255, 0.08);
  --hover: rgba(50, 115, 220, 0.08);
  --selected: rgba(50, 115, 220, 0.12);
  --appbar-bg: #1e1e1e;
  --drawer-bg: #1e1e1e;
  --drawer-border: rgba(255, 255, 255, 0.08);
  --card-bg: #1e1e1e;
}

.subscription-badge[b-ooa2pqltk8] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border-radius: calc(var(--border-radius-md) * 1.5);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  margin-right: 0.75rem;
  user-select: none;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.subscription-badge[b-ooa2pqltk8]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
.subscription-badge:hover[b-ooa2pqltk8] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.subscription-badge:hover[b-ooa2pqltk8]::before {
  left: 100%;
}
.subscription-badge:focus[b-ooa2pqltk8] {
  outline: 2px solid #3273dc;
  outline-offset: 2px;
}
.subscription-badge i[b-ooa2pqltk8] {
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-badge span[b-ooa2pqltk8] {
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.subscription-badge.starter[b-ooa2pqltk8] {
  background: linear-gradient(135deg, #3498db 0%, #5dade2 100%);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}
.subscription-badge.starter:hover[b-ooa2pqltk8] {
  background: linear-gradient(135deg, #2980b9 0%, #3498db 100%);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}
.subscription-badge.starter i[b-ooa2pqltk8] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.subscription-badge.pro[b-ooa2pqltk8] {
  background: linear-gradient(135deg, #3273dc 0%, #00d1b2 100%);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  position: relative;
}
.subscription-badge.pro[b-ooa2pqltk8]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: calc(var(--border-radius-md) * 1.5);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  pointer-events: none;
  animation: pro-badge-pulse-b-ooa2pqltk8 3s ease-in-out infinite;
}
.subscription-badge.pro:hover[b-ooa2pqltk8] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  box-shadow: 0 4px 12px rgba(50, 115, 220, 0.4);
}
.subscription-badge.pro i[b-ooa2pqltk8] {
  color: #ffdd57;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  animation: pro-icon-glow-b-ooa2pqltk8 2s ease-in-out infinite alternate;
}
.subscription-badge.enterprise[b-ooa2pqltk8] {
  background: linear-gradient(135deg, #2661c7 0%, #3273dc 100%);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}
.subscription-badge.enterprise:hover[b-ooa2pqltk8] {
  background: linear-gradient(135deg, #1e4b94 0%, #2661c7 100%);
  box-shadow: 0 4px 12px rgba(38, 97, 199, 0.3);
}
.subscription-badge.enterprise i[b-ooa2pqltk8] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@keyframes pro-badge-pulse-b-ooa2pqltk8 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.6;
  }
}
@keyframes pro-icon-glow-b-ooa2pqltk8 {
  0% {
    filter: drop-shadow(0 0 2px rgba(255, 221, 87, 0.8));
  }
  100% {
    filter: drop-shadow(0 0 6px rgba(255, 221, 87, 0.6));
  }
}
@media (max-width: 767px) {
  .subscription-badge[b-ooa2pqltk8] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    margin-right: 0.5rem;
  }
  .subscription-badge i[b-ooa2pqltk8] {
    font-size: 0.875rem;
  }
  .subscription-badge:hover[b-ooa2pqltk8] {
    transform: none;
  }
}
@media (prefers-contrast: high) {
  .subscription-badge[b-ooa2pqltk8] {
    border-width: 2px;
  }
  .subscription-badge.starter[b-ooa2pqltk8] {
    border-color: #2980b9;
  }
  .subscription-badge.pro[b-ooa2pqltk8] {
    border-color: #2661c7;
  }
  .subscription-badge.enterprise[b-ooa2pqltk8] {
    border-color: #1e4b94;
  }
}
@media (prefers-reduced-motion: reduce) {
  .subscription-badge[b-ooa2pqltk8] {
    transition: none;
  }
  .subscription-badge[b-ooa2pqltk8]::before {
    display: none;
  }
  .subscription-badge[b-ooa2pqltk8]::after {
    animation: none;
  }
  .subscription-badge i[b-ooa2pqltk8] {
    animation: none;
  }
  .subscription-badge:hover[b-ooa2pqltk8] {
    transform: none;
  }
}

/*# sourceMappingURL=LoginPartial.razor.css.map */