
  

  
  @property --bg-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --bg-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #f4f6f8;
}
@property --bg-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --bg-surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f3f6;
}
@property --bg-accent-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: #eef2ff;
}
@property --text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f172a;
}
@property --text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #64748b;
}
@property --text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #94a3b8;
}
@property --text-inverse {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --border-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #e2e8f0;
}
@property --border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #cbd5e1;
}
@property --primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f46e5;
}
@property --primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #4338ca;
}
@property --primary-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: #e0e7ff;
}
@property --accent-cyan {
  syntax: "<color>";
  inherits: true;
  initial-value: #0284c7;
}
@property --accent-amber {
  syntax: "<color>";
  inherits: true;
  initial-value: #d97706;
}
@property --accent-purple {
  syntax: "<color>";
  inherits: true;
  initial-value: #7c3aed;
}
@property --accent-emerald {
  syntax: "<color>";
  inherits: true;
  initial-value: #059669;
}
@property --badge-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #e0e7ff;
}
@property --badge-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #3730a3;
}
@property --shadow-card {
  syntax: "*";
  inherits: true;
  initial-value: 0 4px 20px rgba(0, 0, 0, 0.05);
}
@property --shadow-glow {
  syntax: "*";
  inherits: true;
  initial-value: 0 8px 30px rgba(79, 70, 229, 0.12);
}
@property --shadow-switch {
  syntax: "*";
  inherits: true;
  initial-value: 0 1px 3px rgba(0, 0, 0, 0.1);
}

  :host, :root {
  --bg-primary: #a3a9f0;
  --bg-secondary: #f4f6f8;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f0f3f6;
  --bg-accent-soft: #eef2ff;
  --text-primary: contrast-color(var(--bg-primary));
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --text-inverse: #ffffff;
  --border-subtle: #e2e8f0;
  --border-strong: #cbd5e1;
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-soft: #e0e7ff;
  --accent-cyan: #0284c7;
  --accent-amber: #d97706;
  --accent-purple: #7c3aed;
  --accent-emerald: #059669;
  --badge-bg: #e0e7ff;
  --badge-text: #3730a3;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-glow: 0 8px 30px rgba(79, 70, 229, 0.12);
  --shadow-switch: 0 1px 3px rgba(0, 0, 0, 0.1);
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --bg-primary: #0a0c10;
  --bg-secondary: #12161f;
  --bg-surface: #1a202c;
  --bg-surface-hover: #232b3b;
  --bg-accent-soft: #1e1b4b;
  --text-primary: contrast-color(var(--bg-primary));
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-inverse: #0f172a;
  --border-subtle: #1e293b;
  --border-strong: #334155;
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-soft: #312e81;
  --accent-cyan: #38bdf8;
  --accent-amber: #fbbf24;
  --accent-purple: #a855f7;
  --accent-emerald: #34d399;
  --badge-bg: #1e1b4b;
  --badge-text: #c7d2fe;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 8px 30px rgba(99, 102, 241, 0.25);
  --shadow-switch: 0 1px 3px rgba(0, 0, 0, 0.5);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --bg-primary: #a3a9f0;
  --bg-secondary: #f4f6f8;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f0f3f6;
  --bg-accent-soft: #eef2ff;
  --text-primary: contrast-color(var(--bg-primary));
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --text-inverse: #ffffff;
  --border-subtle: #e2e8f0;
  --border-strong: #cbd5e1;
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-soft: #e0e7ff;
  --accent-cyan: #0284c7;
  --accent-amber: #d97706;
  --accent-purple: #7c3aed;
  --accent-emerald: #059669;
  --badge-bg: #e0e7ff;
  --badge-text: #3730a3;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-glow: 0 8px 30px rgba(79, 70, 229, 0.12);
  --shadow-switch: 0 1px 3px rgba(0, 0, 0, 0.1);
}
    }
  
[data-nc-theme~="Light"] {
  --bg-primary: #a3a9f0;
  --bg-secondary: #f4f6f8;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f0f3f6;
  --bg-accent-soft: #eef2ff;
  --text-primary: contrast-color(var(--bg-primary));
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --text-inverse: #ffffff;
  --border-subtle: #e2e8f0;
  --border-strong: #cbd5e1;
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-soft: #e0e7ff;
  --accent-cyan: #0284c7;
  --accent-amber: #d97706;
  --accent-purple: #7c3aed;
  --accent-emerald: #059669;
  --badge-bg: #e0e7ff;
  --badge-text: #3730a3;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-glow: 0 8px 30px rgba(79, 70, 229, 0.12);
  --shadow-switch: 0 1px 3px rgba(0, 0, 0, 0.1);
}
[data-nc-theme~="Dark"] {
  --bg-primary: #0a0c10;
  --bg-secondary: #12161f;
  --bg-surface: #1a202c;
  --bg-surface-hover: #232b3b;
  --bg-accent-soft: #1e1b4b;
  --text-primary: contrast-color(var(--bg-primary));
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-inverse: #0f172a;
  --border-subtle: #1e293b;
  --border-strong: #334155;
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-soft: #312e81;
  --accent-cyan: #38bdf8;
  --accent-amber: #fbbf24;
  --accent-purple: #a855f7;
  --accent-emerald: #34d399;
  --badge-bg: #1e1b4b;
  --badge-text: #c7d2fe;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 8px 30px rgba(99, 102, 241, 0.25);
  --shadow-switch: 0 1px 3px rgba(0, 0, 0, 0.5);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .fmelbe {
      --text-primary:contrast-color(var(--bg-primary));
      --text-secondary:hsl(from var(--text-primary) 235 35 l);
      flex-direction:column;
      font-size:inherit;
      font-family:Inter, sans-serif;
      font-weight:inherit;
      color:var(--text-primary);
      display:flex;
      background:var(--bg-primary);
      min-height:100vh;
      transition:background 0.3s ease, color 0.3s ease;
    }

    .dJEpqv {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      position:sticky;
      top:0px;
      z-index:50;
      background:var(--bg-primary);
      border-bottom:1px solid var(--border-subtle);
      padding:16px 32px;
      justify-content:space-between;
      align-items:center;
    }

    .wZoDT {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      align-items:center;
      gap:12px;
    }

    .dlstNN {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:800;
      color:var(--text-inverse);
      display:flex;
      width:34px;
      height:34px;
      border-radius:8px;
      background:var(--primary);
      align-items:center;
      justify-content:center;
    }

    .clcIIT {
      flex-direction:row;
      font-size:20px;
      font-family:inherit;
      font-weight:700;
      color:var(--text-primary);
      display:inline;
      letter-spacing:-0.5px;
    }

    .eaZfIw {
      flex-direction:row;
      font-size:11px;
      font-family:inherit;
      font-weight:600;
      color:var(--badge-text);
      display:inline;
      padding:2px 8px;
      border-radius:9999px;
      background:var(--badge-bg);
    }

    .dRJFhJ {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      align-items:center;
      gap:28px;
    }

    @media (max-width: 768px) {

    .dRJFhJ {
      display:none;
    }
    }

    .dIzRgt {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      color:var(--text-secondary);
      display:inline;
      text-decoration:none;
      transition:color 0.2s ease;
    }

    .dIzRgt:hover {
      color:var(--primary);
    }

    .dQSoQH {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      align-items:center;
      gap:14px;
    }

    .dTyvkn {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      padding:80px 24px 60px 24px;
      max-width:1120px;
      margin:0 auto;
      align-items:center;
      text-align:center;
    }

    .eGvSBc {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:600;
      color:var(--badge-text);
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 14px;
      border-radius:9999px;
      background:var(--badge-bg);
      margin-bottom:24px;
      border:1px solid var(--border-subtle);
    }

    .fkbSOp {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline;
      width:6px;
      height:6px;
      border-radius:9999px;
      background:var(--primary);
    }

    .cDEuln {
      flex-direction:row;
      font-size:56px;
      font-family:inherit;
      font-weight:800;
      color:var(--text-primary);
      display:block;
      line-height:1.15;
      letter-spacing:-1.5px;
      max-width:860px;
      margin:0 0 20px 0;
    }

    @media (max-width: 768px) {

    .cDEuln {
      font-size:38px;
    }
    }

    .faSlsa {
      flex-direction:row;
      font-size:19px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:block;
      line-height:1.6;
      max-width:680px;
      margin:0 0 36px 0;
    }

    .dNQSio {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-flex;
      align-items:center;
      background:var(--bg-secondary);
      border:1px solid var(--border-subtle);
      padding:4px;
      border-radius:9999px;
    }

    .coqKpY {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:600;
      color:var(--text-secondary);
      display:inline-block;
      padding:8px 20px;
      border-radius:9999px;
      border:none;
      cursor:pointer;
      background:transparent;
      transition:all 0.2s ease;
    }

    .coqKpY.active {
      background:var(--bg-surface);
      color:var(--primary);
      box-shadow:var(--shadow-switch);;
    }

    .JQdMo {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      padding:60px 24px;
      max-width:1160px;
      margin:0 auto;
      width:100%;
      box-sizing:border-box;
    }

    .bdftrT {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      text-align:center;
      margin-bottom:48px;
    }

    .cmmiyU {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:700;
      color:var(--primary);
      display:inline;
      letter-spacing:1px;
      text-transform:uppercase;
    }

    .AbwUu {
      flex-direction:row;
      font-size:36px;
      font-family:inherit;
      font-weight:800;
      color:var(--text-primary);
      display:block;
      letter-spacing:-1px;
      margin:8px 0 12px 0;
    }

    .eFTTnl {
      flex-direction:row;
      font-size:16px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:block;
      max-width:620px;
      margin:0 auto;
      line-height:1.6;
    }

    .cBxNyS {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
    }

    @media (max-width: 768px) {

    .cBxNyS {
      grid-template-columns:1fr;
    }
    }

    .egCnFU {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      background:var(--bg-surface);
      border:2px solid var(--border-subtle);
      border-radius:16px;
      padding:32px;
      gap:20px;
      box-shadow:var(--shadow-card);
    }

    .dZftVc {
      flex-direction:row;
      font-size:12px;
      font-family:inherit;
      font-weight:700;
      color:var(--badge-text);
      display:inline-flex;
      align-items:center;
      gap:6px;
      background:var(--badge-bg);
      padding:4px 12px;
      border-radius:9999px;
      align-self:flex-start;
    }

    .nsYEf {
      flex-direction:row;
      font-size:24px;
      font-family:inherit;
      font-weight:700;
      color:var(--text-primary);
      display:block;
      margin:0px;
    }

    .bNqEpA {
      flex-direction:row;
      font-size:15px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:block;
      line-height:1.6;
      margin:0px;
    }

    .chySoE {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:10px;
      background:var(--bg-secondary);
      border:1px solid var(--border-subtle);
      border-radius:10px;
      padding:16px;
    }

    .cAUYDl {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      justify-content:space-between;
    }

    .eYJDLW {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:500;
      color:var(--text-secondary);
      display:inline;
    }

    .bNKKoF {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:700;
      color:var(--accent-emerald);
      display:inline;
    }

    .jHPMh {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      color:var(--text-primary);
      display:inline;
    }

    .ecngGH {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      color:var(--primary);
      display:inline;
    }

    .fztFuv {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:600;
      color:var(--text-primary);
      display:inline-block;
      padding:10px 18px;
      border-radius:8px;
      background:var(--bg-surface-hover);
      border:1px solid var(--border-strong);
      cursor:pointer;
      align-self:flex-start;
      transition:background 0.2s ease;
    }

    .fztFuv:hover {
      background:var(--border-subtle);
    }

    .ezDZYw {
      flex-direction:row;
      font-size:12px;
      font-family:inherit;
      font-weight:700;
      color:var(--accent-purple);
      display:inline-flex;
      align-items:center;
      gap:6px;
      background:var(--bg-accent-soft);
      padding:4px 12px;
      border-radius:9999px;
      align-self:flex-start;
    }

    .ewLbEi {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      color:var(--accent-purple);
      display:inline;
    }

    .dLFgUS {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      padding:80px 24px;
      background:var(--bg-secondary);
      border-top:1px solid var(--border-subtle);
      border-bottom:1px solid var(--border-subtle);
    }

    .daHCtv {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      max-width:1160px;
      margin:0 auto;
    }

    .dCUxOo {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      text-align:center;
      margin-bottom:56px;
    }

    .ffJHZx {
      flex-direction:row;
      font-size:16px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:block;
      max-width:600px;
      margin:0 auto;
      line-height:1.6;
    }

    .eGawxE {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:24px;
    }

    @media (max-width: 900px) {

    .eGawxE {
      grid-template-columns:repeat(2, 1fr);
    }
    }

    @media (max-width: 600px) {

    .eGawxE {
      grid-template-columns:1fr;
    }
    }

    .eWEVgS {
      flex-direction:column;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      background:var(--bg-surface);
      border:1px solid var(--border-subtle);
      border-radius:12px;
      padding:28px;
      gap:12px;
    }

    .bbNaJb {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:700;
      color:var(--primary);
      display:flex;
      width:42px;
      height:42px;
      border-radius:8px;
      background:var(--primary-soft);
      align-items:center;
      justify-content:center;
    }

    .bbakvq {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:700;
      color:var(--text-primary);
      display:block;
      margin:0px;
    }

    .lwfPd {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:block;
      line-height:1.6;
      margin:0px;
    }

    .cJTKGO {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:700;
      color:var(--accent-purple);
      display:flex;
      width:42px;
      height:42px;
      border-radius:8px;
      background:var(--bg-accent-soft);
      align-items:center;
      justify-content:center;
    }

    .bLBJZF {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:700;
      color:var(--accent-cyan);
      display:flex;
      width:42px;
      height:42px;
      border-radius:8px;
      background:var(--badge-bg);
      align-items:center;
      justify-content:center;
    }

    .xKjOa {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:700;
      color:var(--accent-emerald);
      display:flex;
      width:42px;
      height:42px;
      border-radius:8px;
      background:var(--bg-accent-soft);
      align-items:center;
      justify-content:center;
    }

    .bJPxDt {
      flex-direction:row;
      font-size:18px;
      font-family:inherit;
      font-weight:700;
      color:var(--accent-amber);
      display:flex;
      width:42px;
      height:42px;
      border-radius:8px;
      background:var(--badge-bg);
      align-items:center;
      justify-content:center;
    }

    .eJaOXN {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      padding:80px 24px;
      max-width:1040px;
      margin:0 auto;
      width:100%;
      box-sizing:border-box;
    }

    .bXONkj {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      background:var(--bg-surface);
      border:1px solid var(--border-subtle);
      border-radius:20px;
      padding:40px;
      box-shadow:var(--shadow-card);
    }

    .fcekXA {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:28px;
      flex-wrap:wrap;
      gap:16px;
    }

    .dqIeBL {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
    }

    .bYOuGY {
      flex-direction:row;
      font-size:24px;
      font-family:inherit;
      font-weight:800;
      color:var(--text-primary);
      display:block;
      margin:0 0 6px 0;
    }

    .cDevZW {
      flex-direction:row;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:block;
      margin:0px;
    }

    .cptOQR {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      align-items:center;
      gap:10px;
    }

    .eGuISe {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:600;
      color:var(--text-primary);
      display:inline-block;
      padding:8px 16px;
      border-radius:8px;
      border:1px solid var(--border-strong);
      background:var(--bg-secondary);
      cursor:pointer;
      transition:all 0.2s ease;
    }

    .eGuISe.active {
      background:var(--primary);
      color:var(--text-inverse);
      border-color:var(--primary);
    }

    .bpffnu {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:grid;
      background:var(--bg-secondary);
      border:1px solid var(--border-subtle);
      border-radius:12px;
      padding:24px;
      grid-template-columns:repeat(3, 1fr);
      gap:16px;
    }

    @media (max-width: 768px) {

    .bpffnu {
      grid-template-columns:1fr;
    }
    }

    .eAtOsp {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      background:var(--bg-surface);
      border:1px solid var(--border-subtle);
      border-radius:10px;
      padding:20px;
    }

    .dzGfID {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      color:var(--text-secondary);
      display:inline;
    }

    .dLYrQO {
      flex-direction:row;
      font-size:24px;
      font-family:inherit;
      font-weight:800;
      color:var(--primary);
      display:block;
      margin:8px 0 4px 0;
    }

    .cXiekY {
      flex-direction:row;
      font-size:12px;
      font-family:inherit;
      font-weight:600;
      color:var(--accent-emerald);
      display:inline;
    }

    .eJKrhu {
      flex-direction:row;
      font-size:24px;
      font-family:inherit;
      font-weight:800;
      color:var(--text-primary);
      display:block;
      margin:8px 0 4px 0;
    }

    .dSIFrp {
      flex-direction:row;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-muted);
      display:inline;
    }

    .bfpLTJ {
      flex-direction:row;
      font-size:24px;
      font-family:inherit;
      font-weight:800;
      color:var(--accent-emerald);
      display:block;
      margin:8px 0 4px 0;
    }

    .eVMPMW {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:block;
      border-top:1px solid var(--border-subtle);
      background:var(--bg-primary);
      padding:48px 32px 32px 32px;
      margin-top:auto;
    }

    .bJxuMX {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      max-width:1160px;
      margin:0 auto;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      gap:24px;
    }

    .eEvsHw {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      align-items:center;
      gap:8px;
    }

    .wswdE {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:800;
      color:var(--text-inverse);
      display:flex;
      width:24px;
      height:24px;
      border-radius:6px;
      background:var(--primary);
      align-items:center;
      justify-content:center;
    }

    .cweMpA {
      flex-direction:row;
      font-size:16px;
      font-family:inherit;
      font-weight:700;
      color:var(--text-primary);
      display:inline;
    }

    .fwsHA-D {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:flex;
      gap:20px;
    }

    .RNUfx {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-secondary);
      display:inline;
      text-decoration:none;
    }

    .RNUfx:hover {
      color:var(--primary);
    }

    .cCvDSu {
      flex-direction:row;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      color:var(--text-muted);
      display:inline;
    }

    .ccdZmg {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-flex;
      align-items:center;
      width:104px;
      height:34px;
      padding:3px 4px;
      background:var(--bg-secondary);
      border:1px solid var(--border-strong);
      border-radius:9999px;
      position:relative;
      cursor:pointer;
      box-sizing:border-box;
      transition:background 0.2s ease, border-color 0.2s ease;
    }

    .ccdZmg:hover {
      border-color:var(--primary);
    }

    .fuOPpv {
      flex-direction:row;
      font-size:11px;
      font-family:inherit;
      font-weight:700;
      color:var(--text-secondary);
      display:flex;
      width:100%;
      justify-content:space-between;
      align-items:center;
      padding:0 8px;
      user-select:none;
      pointer-events:none;
    }

    .dBvlQN {
      flex-direction:row;
      font-size:11px;
      font-family:inherit;
      font-weight:700;
      color:var(--text-muted);
      display:inline;
      transition:color 0.2s ease;
    }

    .dBvlQN.active {
      color:white;
    }

    .eJeiUw {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-block;
      position:absolute;
      top:3px;
      left:var(--thumbLeft);
      width:44px;
      height:26px;
      border-radius:9999px;
      background:var(--bg-surface);
      border:1px solid var(--border-subtle);
      box-shadow:var(--shadow-switch);
      transition:left 0.15s ease-out;
      pointer-events:none;
    }

    .cVpvUK {
      flex-direction:row;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      color:inherit;
      display:inline-block;
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      opacity:0;
      margin:0px;
      cursor:pointer;
      z-index:10;
    }