/* ─── Page shell ────────────────────────────────────────────── */

.LandingHero {
  position: relative;
  min-height: calc(100vh - 80px);
  width: 100%;
  padding: var(--spacing-1000, 48px) var(--spacing-800, 24px);
  overflow: hidden;
  background:
    radial-gradient(
      circle at 8% -5%,
      var(--color-background-primary-subtlest, #eaf2ff) 0%,
      transparent 45%
    ),
    radial-gradient(
      circle at 95% 0%,
      var(--color-background-info-subtlest, #e6f4ff) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 70% 100%,
      var(--color-background-primary-subtlest, #f3ecff) 0%,
      transparent 55%
    ),
    var(--color-page-bold, #ffffff);
}

[data-theme="dark"] .LandingHero,
body[data-theme="dark"] .LandingHero {
  background:
    radial-gradient(
      circle at 8% -5%,
      var(--color-background-primary-subtlest, #1a2238) 0%,
      transparent 45%
    ),
    radial-gradient(
      circle at 95% 0%,
      var(--color-background-info-subtlest, #15233a) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 70% 100%,
      var(--color-background-primary-subtlest, #221a35) 0%,
      transparent 55%
    ),
    var(--color-page-bold, #0d0f1c);
}

.LandingHero__logoMark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-500, 14px);
  border-radius: var(--border-radius-circle, 999rem);
  background: var(--color-background-neutral-subtlest, #ffffff);
  border: 1px solid var(--color-border-neutral-subtle, #e1e5ee);
  box-shadow: var(--box-shadow-container-default, 0 4px 12px rgba(20, 30, 80, 0.06));
}

[data-theme="dark"] .LandingHero__logoMark,
body[data-theme="dark"] .LandingHero__logoMark {
  background: var(--color-background-neutral-subtlest, #14172a);
  border-color: var(--color-border-neutral-subtle, #2a2e3f);
}

/* child selector targets Logo SVG size — cannot be done with Tailwind */
.LandingHero__logoMark--md > * {
  width: 64px;
  height: 64px;
}

/* ─── Value grid ─────────────────────────────────────────────── */

@media (max-width: 880px) {
  .LandingHero__valueGrid { grid-template-columns: 1fr; }
}

.LandingHero__valueCard {
  height: 100%;
  border-radius: var(--border-radius-md, 12px) !important;
  border: 1px solid var(--color-border-neutral-subtle, #e1e5ee);
  background: var(--color-background-neutral-subtlest, #ffffff);
  transition: transform var(--transition-quick-ease, 200ms),
    box-shadow var(--transition-quick-ease, 200ms);
}

.LandingHero__valueCard:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-shadow-container-interaction, 0 12px 28px rgba(20, 30, 80, 0.10));
}

[data-theme="dark"] .LandingHero__valueCard,
body[data-theme="dark"] .LandingHero__valueCard {
  background: var(--color-background-neutral-subtlest, #14172a);
  border-color: var(--color-border-neutral-subtle, #2a2e3f);
}

/* ::before pseudo-elements inject the icon glyph — CSS only */
.LandingHero__valueGlyph--info {
  background: var(--color-background-info-subtlest, #e6f4ff);
  color: var(--color-foreground-info-bold, #0066cc);
}
.LandingHero__valueGlyph--info::before { content: "◇"; }

.LandingHero__valueGlyph--success {
  background: var(--color-background-success-subtlest, #e8f7ee);
  color: var(--color-foreground-success-bold, #1e7e44);
}
.LandingHero__valueGlyph--success::before { content: "▣"; }

.LandingHero__valueGlyph--primary {
  background: var(--color-background-primary-subtlest, #eaf2ff);
  color: var(--color-foreground-primary-bold, #0044cc);
}
.LandingHero__valueGlyph--primary::before { content: "⚡"; }

/* ─── Ready state ────────────────────────────────────────────── */

.LandingHero__ready {
  animation: LandingHero-rise var(--transition-deliberate-ease, 400ms) ease both;
}

/* Hero card */
.LandingHero__hero {
  position: relative;
  border-radius: var(--border-radius-lg, 24px);
  padding: var(--spacing-1000, 48px) var(--spacing-1000, 48px);
  overflow: hidden;
  background:
    linear-gradient(
      135deg,
      var(--color-background-primary-subtlest, #eaf2ff) 0%,
      var(--color-background-neutral-subtlest, #ffffff) 60%,
      var(--color-background-info-subtlest, #e6f4ff) 100%
    );
  border: 1px solid var(--color-border-neutral-subtle, #e1e5ee);
  box-shadow: var(--box-shadow-container-default, 0 12px 32px rgba(20, 30, 80, 0.06));
}

[data-theme="dark"] .LandingHero__hero,
body[data-theme="dark"] .LandingHero__hero {
  background:
    linear-gradient(
      135deg,
      var(--color-background-primary-subtlest, #1a2238) 0%,
      var(--color-background-neutral-subtlest, #14172a) 60%,
      var(--color-background-info-subtlest, #15233a) 100%
    );
  border-color: var(--color-border-neutral-subtle, #2a2e3f);
}

.LandingHero__heroGrid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      to right,
      var(--color-border-neutral-subtlest, rgba(20, 30, 80, 0.06)) 1px,
      transparent 1px
    ),
    linear-gradient(
      to bottom,
      var(--color-border-neutral-subtlest, rgba(20, 30, 80, 0.06)) 1px,
      transparent 1px
    );
  background-size: 32px 32px;
  mask-image: radial-gradient(circle at 30% 50%, #000 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(circle at 30% 50%, #000 0%, transparent 70%);
  opacity: 0.6;
}

.LandingHero__blob--a {
  width: 320px;
  height: 320px;
  top: -120px;
  right: -80px;
  background: var(--color-background-primary-medium, #b3c7ff);
  animation: LandingHero-float 14s ease-in-out infinite;
}

.LandingHero__blob--b {
  width: 260px;
  height: 260px;
  bottom: -120px;
  left: 20%;
  background: var(--color-background-info-medium, #aee0ff);
  animation: LandingHero-float 18s ease-in-out infinite reverse;
}

[data-theme="dark"] .LandingHero__blob--a,
body[data-theme="dark"] .LandingHero__blob--a {
  background: var(--color-background-primary-medium, #2a3b6e);
  opacity: 0.45;
}

[data-theme="dark"] .LandingHero__blob--b,
body[data-theme="dark"] .LandingHero__blob--b {
  background: var(--color-background-info-medium, #1d3554);
  opacity: 0.45;
}

@media (max-width: 760px) {
  .LandingHero__hero { padding: var(--spacing-800, 24px); }
  .LandingHero__heroInner { flex-direction: column; align-items: flex-start; gap: var(--spacing-800, 24px); }
}

.LandingHero__eyebrow {
  background: var(--color-background-success-subtlest, #e8f7ee);
  border: 1px solid var(--color-border-neutral-subtle, #e1e5ee);
}

[data-theme="dark"] .LandingHero__eyebrow,
body[data-theme="dark"] .LandingHero__eyebrow {
  background: var(--color-background-success-subtlest, #102b1a);
  border-color: var(--color-border-neutral-subtle, #2a2e3f);
}

.LandingHero__eyebrowDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-foreground-success-bold, #1e7e44);
  box-shadow: 0 0 0 4px var(--color-background-success-subtlest, #e8f7ee);
  animation: LandingHero-pulse 2.4s ease-in-out infinite;
}

.LandingHero__heroTitle {
  background: linear-gradient(
    120deg,
    var(--color-foreground-primary-bold, #0044cc) 0%,
    var(--color-foreground-info-bold, #0078d4) 50%,
    var(--color-foreground-primary-bold, #6b3df0) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  letter-spacing: -0.02em;
}

/* ─── Steps ──────────────────────────────────────────────────── */

.LandingHero__eyebrow--neutral {
  background: var(--color-background-neutral-subtle, #f3f5fa);
}

[data-theme="dark"] .LandingHero__eyebrow--neutral,
body[data-theme="dark"] .LandingHero__eyebrow--neutral {
  background: var(--color-background-neutral-subtle, #1d2036);
}

.LandingHero__eyebrowDot--idle {
  background: var(--color-foreground-primary-bold, #0044cc);
  box-shadow: 0 0 0 4px var(--color-background-primary-subtlest, #eaf2ff);
  animation: none;
}

[data-theme="dark"] .LandingHero__eyebrowDot--idle,
body[data-theme="dark"] .LandingHero__eyebrowDot--idle {
  box-shadow: 0 0 0 4px var(--color-background-primary-subtlest, #1a2238);
}

.LandingHero__steps {
  display: grid;
  grid-template-columns: 1fr 24px 1fr 24px 1fr;
  align-items: stretch;
  gap: var(--spacing-200, 4px);
}

@media (max-width: 880px) {
  .LandingHero__steps { grid-template-columns: 1fr; }
}

.LandingHero__step {
  border: 1px solid var(--color-border-neutral-subtle, #e1e5ee);
  background: var(--color-background-neutral-subtlest, #ffffff);
  transition: transform var(--transition-quick-ease, 200ms),
    box-shadow var(--transition-quick-ease, 200ms);
}

.LandingHero__step:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-shadow-container-interaction, 0 12px 24px rgba(20, 30, 80, 0.08));
}

[data-theme="dark"] .LandingHero__step,
body[data-theme="dark"] .LandingHero__step {
  background: var(--color-background-neutral-subtlest, #14172a);
  border-color: var(--color-border-neutral-subtle, #2a2e3f);
}

.LandingHero__step--active {
  border-color: var(--color-border-primary-medium, #b3c7ff);
  box-shadow: 0 0 0 3px var(--color-background-primary-subtlest, #eaf2ff);
}

[data-theme="dark"] .LandingHero__step--active,
body[data-theme="dark"] .LandingHero__step--active {
  border-color: var(--color-border-primary-medium, #3a4d8c);
  box-shadow: 0 0 0 3px var(--color-background-primary-subtlest, #1a2238);
}

.LandingHero__stepIndex {
  background: var(--color-background-neutral-subtle, #f3f5fa);
  color: var(--color-foreground-neutral-medium, #6b7280);
}

.LandingHero__step--active .LandingHero__stepIndex {
  background: linear-gradient(
    135deg,
    var(--color-foreground-primary-bold, #0044cc),
    var(--color-foreground-info-bold, #0078d4)
  );
  color: var(--color-foreground-neutral-inverse, #ffffff);
  box-shadow: 0 4px 10px rgba(20, 30, 200, 0.25);
}

[data-theme="dark"] .LandingHero__stepIndex,
body[data-theme="dark"] .LandingHero__stepIndex {
  background: var(--color-background-neutral-subtle, #1d2036);
}

.LandingHero__stepConnector {
  background: linear-gradient(
    90deg,
    var(--color-border-neutral-subtle, #e1e5ee) 0%,
    var(--color-border-primary-medium, #b3c7ff) 50%,
    var(--color-border-neutral-subtle, #e1e5ee) 100%
  );
}

@media (max-width: 880px) {
  .LandingHero__stepConnector {
    width: 2px;
    height: 24px;
    justify-self: start;
    margin-left: 36px;
    background: linear-gradient(
      180deg,
      var(--color-border-neutral-subtle, #e1e5ee) 0%,
      var(--color-border-primary-medium, #b3c7ff) 50%,
      var(--color-border-neutral-subtle, #e1e5ee) 100%
    );
  }
}

[data-theme="dark"] .LandingHero__stepConnector,
body[data-theme="dark"] .LandingHero__stepConnector {
  background: linear-gradient(
    90deg,
    var(--color-border-neutral-subtle, #2a2e3f) 0%,
    var(--color-border-primary-medium, #3a4d8c) 50%,
    var(--color-border-neutral-subtle, #2a2e3f) 100%
  );
}

/* ─── Animations ────────────────────────────────────────────── */

@keyframes LandingHero-rise {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes LandingHero-float {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(-20px, 18px); }
}

@keyframes LandingHero-pulse {
  0%, 100% { box-shadow: 0 0 0 0 var(--color-background-success-subtlest, #e8f7ee); }
  50%      { box-shadow: 0 0 0 6px transparent; }
}

@media (prefers-reduced-motion: reduce) {
  .LandingHero__blob--a,
  .LandingHero__blob--b,
  .LandingHero__eyebrowDot,
  .LandingHero__ready {
    animation: none !important;
  }
}
/* ─── SSO Landing Page ────────────────────────────────────── */

.SsoLanding {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 48px;
  width: 100%;
  min-height: calc(100vh - 56px);
  background: var(--color-page-subtle, #f2f4f8);
}

[data-theme="dark"] .SsoLanding,
body[data-theme="dark"] .SsoLanding {
  background: var(--color-page-subtle, #0d0f1c);
}

.SsoLanding__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  width: 100%;
}

.SsoLanding__title {
  width: 100%;
}

.SsoLanding__description {
  max-width: 864px;
  text-align: center;
}

/* ─── Protocol Card ──────────────────────────────────────────── */

.SsoLanding__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 24px 0;
  width: 390px;
  background: var(--color-background-neutral-subtlest, #ffffff);
  border-radius: 4px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.SsoLanding__card:hover {
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] .SsoLanding__card,
body[data-theme="dark"] .SsoLanding__card {
  background: var(--color-background-neutral-subtlest, #131d2d);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .SsoLanding__card:hover,
body[data-theme="dark"] .SsoLanding__card:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
}

.SsoLanding__cardContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0 24px 16px;
  width: 100%;
}

.SsoLanding__cardIcon {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

.SsoLanding__cardDescription {
  text-align: center;
  padding-bottom: 12px;
}

/* ─── Responsive ─────────────────────────────────────────────── */

@media (max-width: 768px) {
  .SsoLanding {
    padding: 24px 16px;
    gap: 32px;
  }

  .SsoLanding__card {
    width: 100%;
    max-width: 390px;
  }
}
/* ─── SSO List Page ───────────────────────────────────────── */

.SsoList {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background: var(--color-page-subtle, #f2f4f8);
}

[data-theme="dark"] .SsoList,
body[data-theme="dark"] .SsoList {
  background: var(--color-page-subtle, #0d0f1c);
}

/* ─── Page Header ────────────────────────────────────────────── */

.SsoList__pageHeader {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 48px 0;
  background: var(--color-background-neutral-subtlest, #ffffff);
  border-bottom: 1px solid var(--color-border-secondary-subtlest, #cfd9e9);
}

[data-theme="dark"] .SsoList__pageHeader,
body[data-theme="dark"] .SsoList__pageHeader {
  background: var(--color-background-neutral-subtlest, #131d2d);
  border-bottom-color: var(--color-border-secondary-subtlest, #293950);
}

.SsoList__pageHeaderContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ─── Tabs ───────────────────────────────────────────────────── */

.SsoList__tabs {
  display: flex;
  align-items: flex-end;
}

.SsoList__tabItem {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  height: 40px;
  cursor: pointer;
  margin-bottom: -1px;
}

.SsoList__tabItem--active {
  border-bottom: 2px solid var(--color-border-secondary-medium, #254b86);
}

[data-theme="dark"] .SsoList__tabItem--active,
body[data-theme="dark"] .SsoList__tabItem--active {
  border-bottom-color: var(--color-border-secondary-medium, #5e6dff);
}

/* ─── Content Area ───────────────────────────────────────────── */

.SsoList__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px;
}

/* ─── Toolbar ────────────────────────────────────────────────── */

.SsoList__toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}

.SsoList__searchWrapper {
  width: 420px;
  flex-shrink: 1;
  min-width: 0;
}

/* ─── List Row ───────────────────────────────────────────────── */

.SsoList__row {
  display: flex;
  align-items: center;
  background: var(--color-background-neutral-subtlest, #ffffff);
  border: 1px solid var(--color-border-secondary-subtlest, #cfd9e9);
  border-radius: 4px;
  transition: box-shadow 150ms ease;
}

.SsoList__row:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .SsoList__row,
body[data-theme="dark"] .SsoList__row {
  background: var(--color-background-neutral-subtlest, #131d2d);
  border-color: var(--color-border-secondary-subtlest, #293950);
}

[data-theme="dark"] .SsoList__row:hover,
body[data-theme="dark"] .SsoList__row:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.SsoList__rowClickArea {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  cursor: pointer;
  padding: 16px 0;
}

.SsoList__rowClickArea:focus-visible {
  outline: 2px solid var(--color-border-primary-medium, #6e7fff);
  outline-offset: -2px;
  border-radius: 4px;
}

.SsoList__rowIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: var(--color-foreground-neutral-subtle, #717385);
}

[data-theme="dark"] .SsoList__rowIcon,
body[data-theme="dark"] .SsoList__rowIcon {
  color: var(--color-foreground-neutral-subtle, #9ea1b1);
}

.SsoList__rowContent {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding-right: 12px;
}

.SsoList__rowStatus {
  display: flex;
  align-items: center;
  padding: 0 8px;
}

/* ─── Row Actions ────────────────────────────────────────────── */

.SsoList__rowActions {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 8px;
}

.SsoList__kebabWrapper {
  position: relative;
}

/* ─── Kebab Menu ─────────────────────────────────────────────── */

.SsoList__kebabMenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20;
  min-width: 160px;
  max-width: 480px;
  padding: 12px;
  background: var(--color-background-neutral-subtlest, #ffffff);
  border: 1px solid var(--color-border-secondary-subtlest, #cfd9e9);
  border-radius: 4px;
  box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] .SsoList__kebabMenu,
body[data-theme="dark"] .SsoList__kebabMenu {
  background: var(--color-background-neutral-subtlest, #131d2d);
  border-color: var(--color-border-secondary-subtlest, #293950);
}

.SsoList__kebabMenuItem {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 12px;
  border: none;
  background: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  transition: background 150ms ease;
}

.SsoList__kebabMenuItem:hover {
  background: var(--color-background-neutral-subtle, #f3f5fa);
}

[data-theme="dark"] .SsoList__kebabMenuItem:hover,
body[data-theme="dark"] .SsoList__kebabMenuItem:hover {
  background: var(--color-background-neutral-subtle, #1d2036);
}

/* ─── Responsive ─────────────────────────────────────────────── */

@media (max-width: 768px) {
  .SsoList__content {
    padding: 24px 16px;
  }

  .SsoList__pageHeader {
    padding: 16px;
  }

  .SsoList__toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .SsoList__searchWrapper {
    max-width: 100%;
  }

  .SsoList__rowActions {
    gap: 8px;
  }
}
/* ─── Certificate Section ─────────────────────────────────── */

.CertSection {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.CertSection__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ─── Certificate Card ────────────────────────────────────── */

.CertSection__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--color-border-neutral-subtlest, #cecfd9);
  border-radius: 4px;
  background: var(--color-background-neutral-subtlest, #ffffff);
}

[data-theme="dark"] .CertSection__card,
body[data-theme="dark"] .CertSection__card {
  border-color: var(--color-border-neutral-subtlest, #373840);
  background: var(--color-background-neutral-subtlest, #131d2d);
}

.CertSection__cardInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

/* ─── Loading State ───────────────────────────────────────── */

.CertSection__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

/* ─── Responsive ──────────────────────────────────────────── */

@media (max-width: 768px) {
  .CertSection__card {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ─── Enable SSO Button ───────────────────────────────────── */

.EnableSsoButton {
  display: inline-flex;
}

.EnableSsoButton--highlighted {
  animation: enableSsoPulse 2s ease-in-out infinite;
  border-radius: 6px;
}

@keyframes enableSsoPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 122, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(0, 122, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 122, 255, 0);
  }
}
/* ─── SSO Create Page ─────────────────────────────────────── */

.SsoCreate {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background: var(--color-page-subtle, #f2f4f8);
}

[data-theme="dark"] .SsoCreate,
body[data-theme="dark"] .SsoCreate {
  background: var(--color-page-subtle, #0d0f1c);
}

.SsoCreate__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 48px;
  flex: 1;
}

.SsoCreate__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ─── Chips row ──────────────────────────────────────────────── */

.SsoCreate__chips {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* ─── Entity Descriptor Card ─────────────────────────────────── */

.SsoCreate__descriptorCard {
  border: 1px solid var(--color-border-neutral-subtlest, #cecfd9);
  border-radius: 3px;
  overflow: hidden;
  max-width: 813px;
}

[data-theme="dark"] .SsoCreate__descriptorCard,
body[data-theme="dark"] .SsoCreate__descriptorCard {
  border-color: var(--color-border-neutral-subtlest, #373840);
}

.SsoCreate__descriptorInner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
}

.SsoCreate__descriptorQuestion {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* ─── Radio Option Card ──────────────────────────────────────── */

.SsoCreate__radioOption {
  display: flex;
  align-items: flex-start;
  gap: 0;
  max-width: 380px;
  border: 1px solid var(--color-border-secondary-bold, #00245b);
  border-radius: 4px;
  padding: 16px;
  background: var(--color-background-neutral-subtlest, #ffffff);
}

[data-theme="dark"] .SsoCreate__radioOption,
body[data-theme="dark"] .SsoCreate__radioOption {
  background: var(--color-background-neutral-subtlest, #131d2d);
  border-color: var(--color-border-secondary-bold, #5e6dff);
}

.SsoCreate__radioIllustration {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

.SsoCreate__radioContent {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 16px;
  flex: 1;
}

/* ─── Footer ─────────────────────────────────────────────────── */

.SsoCreate__footer {
  position: sticky;
  bottom: 0;
  z-index: 10;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background: var(--color-background-neutral-subtlest, #ffffff);
  border-top: 1px solid var(--color-border-neutral-decorative, #ebecf2);
}

[data-theme="dark"] .SsoCreate__footer,
body[data-theme="dark"] .SsoCreate__footer {
  background: var(--color-background-neutral-subtlest, #131d2d);
  border-top-color: var(--color-border-neutral-decorative, #373840);
}

.SsoCreate__footerInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* ─── Read-only fields with copy ──────────────────────────────── */

.SsoCreate__fieldWrapper {
  max-width: 593px;
}

.SsoCreate__copyableRow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.SsoCreate__readOnlyField {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 593px;
}

.SsoCreate__readOnlyInput {
  display: flex;
  align-items: stretch;
  height: 48px;
  border: 1px solid var(--color-border-secondary-subtlest, #cfd9e9);
  border-radius: 4px;
  overflow: hidden;
}

[data-theme="dark"] .SsoCreate__readOnlyInput,
body[data-theme="dark"] .SsoCreate__readOnlyInput {
  border-color: var(--color-border-secondary-subtlest, #293950);
}

.SsoCreate__readOnlyValue {
  flex: 1;
  padding: 14px 12px;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-foreground-secondary-bold, #00245b);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-theme="dark"] .SsoCreate__readOnlyValue,
body[data-theme="dark"] .SsoCreate__readOnlyValue {
  color: var(--color-foreground-secondary-bold, #f3f4f7);
}

.SsoCreate__copyButton {
  display: none; /* Deprecated: using design system Button component */
}

/* ─── Responsive ─────────────────────────────────────────────── */

@media (max-width: 768px) {
  .SsoCreate__content {
    padding: 16px;
  }

  .SsoCreate__fieldWrapper {
    max-width: 100%;
  }

  .SsoCreate__descriptorCard {
    max-width: 100%;
  }

  .SsoCreate__radioOption {
    max-width: 100%;
  }
}
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:oklch(97% .014 254.604);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:calc(var(--spacing) * 1)}.left-0{left:calc(var(--spacing) * 0)}.left-\[34px\]{left:34px}.\!z-\[1020\]{z-index:1020!important}.z-10{z-index:10}.z-30{z-index:30}.z-\[1\]{z-index:1}.z-\[1008\]{z-index:1008}.z-\[9999\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-12{margin-inline:calc(var(--spacing) * -12)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-\[1200px\]{width:1200px;height:1200px}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-\[2px\]{height:2px}.h-\[34px\]{height:34px}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[3rem\]{min-height:3rem}.min-h-\[68px\]{min-height:68px}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-\[34px\]{width:34px}.w-\[560px\]{width:560px}.w-\[calc\(100\%\+6rem\)\]{width:calc(100% + 6rem)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[56ch\]{max-width:56ch}.max-w-\[160px\]{max-width:160px}.max-w-\[960px\]{max-width:960px}.max-w-\[1120px\]{max-width:1120px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[36rem\]{min-width:36rem}.min-w-\[160px\]{min-width:160px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-bottom-right{transform-origin:100% 100%}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[0\.65\]{scale:.65}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[13px\]{gap:13px}.gap-\[14px\]{gap:14px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[var\(--border-radius-xs\,0\.25rem\)\]{border-radius:var(--border-radius-xs,.25rem)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#CFD9E9\]{border-color:#cfd9e9}.border-\[var\(--color-border-critical-bold\)\]{border-color:var(--color-border-critical-bold)}.border-\[var\(--color-border-neutral-medium\,\#c5c9d6\)\]{border-color:var(--color-border-neutral-medium,#c5c9d6)}.border-\[var\(--color-border-neutral-subtle\)\]{border-color:var(--color-border-neutral-subtle)}.border-\[var\(--color-border-neutral-subtlest\)\]{border-color:var(--color-border-neutral-subtlest)}.border-\[var\(--color-border-neutral-subtlest\,\#ebecf2\)\]{border-color:var(--color-border-neutral-subtlest,#ebecf2)}.border-\[var\(--color-border-primary-bold\,\#3751ff\)\]{border-color:var(--color-border-primary-bold,#3751ff)}.border-\[var\(--color-border-secondary-subtlest\,\#cfd9e9\)\]{border-color:var(--color-border-secondary-subtlest,#cfd9e9)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-500{border-color:var(--color-red-500)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#0d1b2a\]{background-color:#0d1b2a}.bg-\[\#5eb3ff\]{background-color:#5eb3ff}.bg-\[rgba\(94\,179\,255\,0\.08\)\]{background-color:#5eb3ff14}.bg-\[rgba\(94\,179\,255\,0\.14\)\]{background-color:#5eb3ff24}.bg-\[rgba\(255\,255\,255\,0\.07\)\]{background-color:#ffffff12}.bg-\[var\(--color-background-neutral-subtlest\)\]{background-color:var(--color-background-neutral-subtlest)}.bg-\[var\(--color-background-neutral-subtlest\,\#131d2d\)\]{background-color:var(--color-background-neutral-subtlest,#131d2d)}.bg-\[var\(--color-background-neutral-subtlest\,\#fff\)\]{background-color:var(--color-background-neutral-subtlest,#fff)}.bg-\[var\(--color-background-primary-subtlest\,rgba\(55\,81\,255\,0\.06\)\)\]{background-color:var(--color-background-primary-subtlest,#3751ff0f)}.bg-\[var\(--color-background-warning-subtle\)\]{background-color:var(--color-background-warning-subtle)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-page-bg{background-color:var(--color-page-bold)}.bg-white{background-color:var(--color-white)}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-\[radial-gradient\(circle_at_15\%_20\%\,rgba\(94\,179\,255\,0\.08\)\,transparent_45\%\)\,radial-gradient\(circle_at_85\%_85\%\,rgba\(94\,179\,255\,0\.06\)\,transparent_45\%\)\]{background-image:radial-gradient(circle at 15% 20%,#5eb3ff14,#0000 45%),radial-gradient(circle at 85% 85%,#5eb3ff0f,#0000 45%)}.bg-\[radial-gradient\(ellipse_at_top_left\,\#0d1b2a_0\%\,\#000814_70\%\)\]{background-image:radial-gradient(at 0 0,#0d1b2a 0%,#000814 70%)}.\!p-0{padding:calc(var(--spacing) * 0)!important}.\!p-6{padding:calc(var(--spacing) * 6)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[14px\]{padding-inline:14px}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.px-\[100px\]{padding-inline:100px}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[11px\]{padding-block:11px}.py-\[18px\]{padding-block:18px}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[60px\]{padding-top:60px}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-\[14px\]{padding-right:14px}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-\[80px\]{padding-bottom:80px}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-\[66px\]{padding-left:66px}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[22px\]{font-size:22px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[0\]{--tw-leading:0;line-height:0}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--color-foreground-critical-bold\)\]{color:var(--color-foreground-critical-bold)}.text-\[var\(--color-foreground-critical-bold\,\#dc2626\)\]{color:var(--color-foreground-critical-bold,#dc2626)}.text-\[var\(--color-foreground-neutral-bold\)\]{color:var(--color-foreground-neutral-bold)}.text-\[var\(--color-foreground-neutral-subtle\)\]{color:var(--color-foreground-neutral-subtle)}.text-\[var\(--color-foreground-primary-bold\,\#3751ff\)\]{color:var(--color-foreground-primary-bold,#3751ff)}.text-\[var\(--color-foreground-warning-bold\)\]{color:var(--color-foreground-warning-bold)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-red-500{color:var(--color-red-500)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[4px_0_32px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:4px 0 32px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--box-shadow-overlay-interaction\)\]{--tw-shadow:var(--box-shadow-overlay-interaction);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-\[60px\]{--tw-blur:blur(60px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[200px\]{--tw-blur:blur(200px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0px_30px_30px_rgba\(0\,0\,0\,0\.15\)\]{--tw-drop-shadow-size:drop-shadow(0px 30px 30px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-0{transition-delay:0s}.delay-\[35ms\]{transition-delay:35ms}.delay-\[70ms\]{transition-delay:70ms}.delay-\[105ms\]{transition-delay:.105s}.delay-\[140ms\]{transition-delay:.14s}.delay-\[175ms\]{transition-delay:.175s}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[font\:var\(--typography-body-2\)\]{font:var(--typography-body-2)}.\[scrollbar-width\:none\]{scrollbar-width:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.placeholder\:text-\[var\(--color-foreground-neutral-subtle\,\#717385\)\]::placeholder{color:var(--color-foreground-neutral-subtle,#717385)}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-\[9px\]:before{content:var(--tw-content);top:9px}.before\:bottom-\[9px\]:before{content:var(--tw-content);bottom:9px}.before\:-left-3:before{content:var(--tw-content);left:calc(var(--spacing) * -3)}.before\:w-0\.5:before{content:var(--tw-content);width:calc(var(--spacing) * .5)}.before\:rounded-r-sm:before{content:var(--tw-content);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.before\:bg-\[\#5eb3ff\]:before{content:var(--tw-content);background-color:#5eb3ff}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:translate-x-0\.5:hover{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-white\/10:hover{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/10:hover{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-\[rgba\(55\,81\,255\,0\.08\)\]:hover{background-color:#3751ff14}.hover\:bg-\[rgba\(94\,179\,255\,0\.08\)\]:hover{background-color:#5eb3ff14}.hover\:bg-\[var\(--color-background-neutral-subtle\,rgba\(55\,81\,255\,0\.06\)\)\]:hover{background-color:var(--color-background-neutral-subtle,#3751ff0f)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--color-border-primary-bold\)\]:focus{border-color:var(--color-border-primary-bold)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:border-white\/10:focus{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.focus\:border-white\/10:focus{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.focus\:bg-white\/\[0\.04\]:focus{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white\/\[0\.04\]:focus{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-border-focus\,\#3751ff\)\]:focus-visible{--tw-ring-color:var(--color-border-focus,#3751ff)}.active\:bg-\[var\(--color-background-neutral-subtle\,rgba\(55\,81\,255\,0\.1\)\)\]:active{background-color:var(--color-background-neutral-subtle,#3751ff1a)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media not all and (min-width:40rem){.max-sm\:flex-col{flex-direction:column}.max-sm\:items-stretch{align-items:stretch}}@media (min-width:40rem){.sm\:gap-5{gap:calc(var(--spacing) * 5)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:\!mb-4:where([data-theme=dark],[data-theme=dark] *){margin-bottom:calc(var(--spacing) * 4)!important}.dark\:bg-\[\#0d1b2a\]:where([data-theme=dark],[data-theme=dark] *){background-color:#0d1b2a}.dark\:\!text-black:where([data-theme=dark],[data-theme=dark] *){color:var(--color-black)!important}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}body,body main{background-color:var(--color-page-subtle,#f2f4f8)}body[data-theme=dark],body[data-theme=dark] main{background-color:var(--color-page-subtle,#0d0f1c)}body[data-theme=dark]{color-scheme:dark}body[data-theme=light]{color-scheme:light}*{scrollbar-width:thin;scrollbar-color:var(--color-border-neutral-medium,#c1c7d0) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-neutral-medium,#c1c7d0);border-radius:var(--border-radius-sm,8px)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-neutral-bold,#8993a4)}body[data-theme=dark] *{scrollbar-color:var(--color-border-neutral-medium,#4a5168) transparent}body[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--color-border-neutral-medium,#4a5168)}body[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-neutral-bold,#6b7390)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}