.backup-portal{--bk-surface:#ffffff;--bk-surface-alt:#f8f8fc;--bk-border:rgba(0,0,0,0.06);--bk-border-hover:rgba(82,82,158,0.35);--bk-text:#282c3f;--bk-muted:#6d7792;--bk-primary:#52529e;--bk-primary-deep:#27175D;--bk-primary-light:#6666b3;color:var(--bk-text)}.dark .backup-portal,:root.dark .backup-portal{--bk-surface:rgba(17,19,26,1);--bk-surface-alt:rgba(11,14,26,0.8);--bk-border:rgba(255,255,255,0.1);--bk-border-hover:rgba(82,82,158,0.55);--bk-text:#f1f5f9;--bk-muted:#94a3b8}.backup-hero-bg{background:linear-gradient(180deg,#f2f2f9,#ffffff)}.dark .backup-hero-bg,:root.dark .backup-hero-bg{background:linear-gradient(180deg,rgba(39,23,93,.12),transparent)}.backup-ambient-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(120px)}.backup-surface{background:var(--bk-surface);border:1px solid var(--bk-border);border-radius:24px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .3s cubic-bezier(.16,1,.3,1)}.backup-surface:hover{border-color:var(--bk-border-hover);box-shadow:0 12px 40px -8px rgba(82,82,158,.12);transform:translateY(-3px)}.dark .backup-surface,:root.dark .backup-surface{background:var(--bk-surface);box-shadow:none}.dark .backup-surface:hover,:root.dark .backup-surface:hover{box-shadow:0 20px 50px -10px rgba(82,82,158,.2)}.backup-surface-featured{background:var(--bk-surface);border:2px solid var(--bk-primary);border-radius:24px;box-shadow:0 0 0 1px rgba(82,82,158,.08),0 20px 50px -12px rgba(82,82,158,.18);transition:all .3s cubic-bezier(.16,1,.3,1)}.backup-surface-featured:hover{box-shadow:0 0 0 1px rgba(82,82,158,.15),0 25px 60px -10px rgba(82,82,158,.28);transform:translateY(-4px)}.dark .backup-surface-featured,:root.dark .backup-surface-featured{background:linear-gradient(180deg,rgba(82,82,158,.12),rgba(17,19,26,.95));border-color:rgba(82,82,158,.6);box-shadow:0 0 40px rgba(82,82,158,.2)}.backup-text-gradient{background:linear-gradient(135deg,#52529e,#27175D 50%,#6666b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .backup-text-gradient,:root.dark .backup-text-gradient{background:linear-gradient(135deg,#a5a5db,#c4b5fd 50%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backup-text-gradient-emerald{background:linear-gradient(135deg,#059669,#10b981 50%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backup-range-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:999px;background:#e8e8f3;outline:none;transition:background .2s}.dark .backup-range-slider,:root.dark .backup-range-slider{background:rgba(255,255,255,.12)}.backup-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#52529e,#27175D);border:3px solid #ffffff;box-shadow:0 0 12px rgba(82,82,158,.4),0 4px 8px rgba(0,0,0,.12);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.backup-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 20px rgba(82,82,158,.6),0 6px 14px rgba(0,0,0,.15)}.backup-range-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#52529e,#27175D);border:3px solid #ffffff;box-shadow:0 0 12px rgba(82,82,158,.4);cursor:pointer}.backup-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-size:13px;font-weight:600;background:rgba(82,82,158,.08);color:#52529e;border:1px solid rgba(82,82,158,.15)}.dark .backup-pill,:root.dark .backup-pill{background:rgba(82,82,158,.15);color:#a5a5db;border-color:rgba(82,82,158,.3)}.backup-dot-pattern{background-image:radial-gradient(#52529e 1px,transparent 0);background-size:14px 14px;opacity:.06}.dark .backup-dot-pattern,:root.dark .backup-dot-pattern{opacity:.04}