/* Kapuero production UI refresh overlay. PATH B hotfix, no backend/text/API changes. */
:root {
  --ku-bg-0: #05070d;
  --ku-bg-1: #07111e;
  --ku-bg-2: #0b1724;
  --ku-surface-1: rgba(9, 21, 34, .84);
  --ku-surface-2: rgba(12, 29, 45, .74);
  --ku-surface-3: rgba(16, 39, 58, .66);
  --ku-border: rgba(130, 224, 255, .18);
  --ku-border-strong: rgba(88, 215, 235, .34);
  --ku-text: #eefbff;
  --ku-text-soft: #b9d7df;
  --ku-text-muted: #7f9eaa;
  --ku-cyan: #39d8ee;
  --ku-teal: #16d3b0;
  --ku-amber: #f5b85b;
  --ku-orange: #fb8b4a;
  --ku-danger: #ff647c;
  --ku-radius-xs: 8px;
  --ku-radius-sm: 12px;
  --ku-radius-md: 16px;
  --ku-radius-lg: 22px;
  --ku-radius-xl: 28px;
  --ku-shadow-soft: 0 18px 70px rgba(0, 0, 0, .38);
  --ku-shadow-card: 0 22px 80px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255,255,255,.075);
  --ku-glow-cyan: 0 0 0 1px rgba(57,216,238,.16), 0 0 36px rgba(57,216,238,.12);
  --ku-glow-teal: 0 0 34px rgba(22,211,176,.14);
  --ku-ease: cubic-bezier(.2,.8,.2,1);
}

html {
  background: var(--ku-bg-0) !important;
  color-scheme: dark !important;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh !important;
  color: var(--ku-text) !important;
  background:
    radial-gradient(circle at 18% -12%, rgba(57,216,238,.16), transparent 34rem),
    radial-gradient(circle at 84% 10%, rgba(22,211,176,.105), transparent 31rem),
    radial-gradient(circle at 65% 108%, rgba(245,184,91,.075), transparent 33rem),
    linear-gradient(180deg, var(--ku-bg-1) 0%, var(--ku-bg-0) 46%, #03050a 100%) !important;
  font-family: Inter, "DM Sans", "Satoshi", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
  isolation: isolate;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

body::before {
  opacity: .42;
  background:
    linear-gradient(rgba(111, 235, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 235, 255, .038) 1px, transparent 1px),
    radial-gradient(ellipse at 50% -20%, transparent 30%, rgba(57,216,238,.08) 31%, transparent 32%, transparent 58%, rgba(245,184,91,.035) 59%, transparent 60%);
  background-size: 56px 56px, 56px 56px, 1200px 780px;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 42%, transparent 100%);
}

body::after {
  opacity: .38;
  background:
    radial-gradient(circle at 50% 0%, rgba(57,216,238,.13), transparent 28rem),
    conic-gradient(from 130deg at 78% 18%, transparent 0 58deg, rgba(57,216,238,.09) 59deg 61deg, transparent 62deg 190deg, rgba(245,184,91,.06) 191deg 193deg, transparent 194deg 360deg);
  mix-blend-mode: screen;
}

#root {
  position: relative;
  z-index: 1;
  min-height: 100vh;
}

*, *::before, *::after {
  text-rendering: optimizeLegibility;
  transition-timing-function: var(--ku-ease) !important;
}

[class*="nebula"], [class*="starfield"], [class*="asteroid"], [class*="laser"],
[class*="route-pulse"], [class*="debris"], [class*="shard"], [class*="spark"],
[class*="noise"], [class*="chaos"], [class*="orbit-fragment"], [class*="data-shard"],
[class*="node-field"], [class*="energy-node"], [class*="glow-ring"], [class*="aura"],
.kb-access-orbit, .kb-access-plane, .kb-station-ring, .kb-howto-hub-ring,
.kb-profile-orbit, .kb-login-orbit, .kb-login-ring-1, .kb-login-ring-2,
[style*="animation"] {
  animation: none !important;
  transform: none !important;
}

.kb-hero-nebula, .kb-howto-nebula, .kb-profile-nebula, .kb-profile-glow,
.kb-login-spark, .kb-profile-payment-aura, .kb-profile-chaos-streak-field,
.kb-hero-asteroid-field, .kb-debris-field, .kb-shard-field {
  display: none !important;
}

[class*="backdrop-blur"], [class*="blur-"], .kb-auth-modal, .kb-profile-login-card,
.kb-price-card, .kb-faq-card, .kb-platform-card, .kb-step-card, .kb-install-card,
.kb-account-card, .kb-dash-card, .kb-profile-panel, .kb-plan-choice, .kb-pay-option,
.kb-final-card, .kb-spam-panel, .kb-auth-panel, .kb-auth-panel-modal {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

img, svg, video, canvas { max-width: 100%; }
main, .kb-page-frame, .kb-profile-page, .kb-howto-page, .kb-privacy-page { background: transparent !important; }

.kb-header, header, nav.kb-nav {
  border-color: rgba(126, 225, 248, .14) !important;
  background: linear-gradient(180deg, rgba(5, 12, 21, .94), rgba(5, 12, 21, .70)) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 12px 44px rgba(0, 0, 0, .25) !important;
}

.kb-brand-orb, .kb-brand-orb-core { box-shadow: 0 0 0 1px rgba(57,216,238,.26), 0 0 28px rgba(57,216,238,.22) !important; }
.kb-brand-name, .kb-brand-accent, .kb-dash-title, h1, h2, h3 { letter-spacing: 0 !important; }
.kb-brand-name, h1, h2 { color: var(--ku-text) !important; text-shadow: 0 0 28px rgba(57,216,238,.10) !important; }
p, li, small, .kb-field-hint, .kb-price-meta, .kb-price-note, .kb-addon-mini-text,
.kb-selected-plan-label, .kb-pay-block-label, .kb-profile-content-readability { color: var(--ku-text-soft) !important; }

.kb-hero, .kb-page-hero, .kb-howto-briefing, .kb-profile-head, .kb-profile-login-wrap,
.kb-auth-header, .kb-final, .kb-pricing, .kb-how, .kb-section { position: relative; background: transparent !important; }

.kb-hero::before, .kb-page-hero::before, .kb-howto-briefing::before, .kb-profile-head::before {
  content: "";
  position: absolute;
  inset: clamp(10px, 2vw, 24px);
  border-radius: var(--ku-radius-xl);
  border: 1px solid rgba(88, 215, 235, .14);
  background:
    radial-gradient(circle at 18% 12%, rgba(57,216,238,.135), transparent 24rem),
    radial-gradient(circle at 92% 20%, rgba(245,184,91,.07), transparent 23rem),
    linear-gradient(135deg, rgba(9, 25, 40, .78), rgba(6, 12, 22, .34));
  box-shadow: var(--ku-shadow-soft), inset 0 1px 0 rgba(255,255,255,.055);
  pointer-events: none;
  z-index: -1;
}

.kb-hero-content, .kb-page-hero-content, .kb-howto-briefing-copy, .kb-auth-header { max-width: 1120px !important; }
.kb-readability, .kb-hero-readability, .kb-profile-content-readability {
  background: linear-gradient(180deg, rgba(5, 12, 21, .60), rgba(5, 12, 21, .20)) !important;
  border-radius: var(--ku-radius-lg) !important;
}

.kb-card-corners, .kb-gate-segment, .kb-station-panel, .kb-station-port,
.kb-access-route-deck, .kb-route-deck-body, .kb-route-step, .kb-hud-compact {
  border-color: rgba(88, 215, 235, .18) !important;
  background: rgba(8, 22, 35, .72) !important;
  box-shadow: none !important;
}

.kb-price-card, .kb-faq-card, .kb-platform-card, .kb-step-card, .kb-install-card,
.kb-account-card, .kb-dash-card, .kb-profile-panel, .kb-profile-login-card,
.kb-auth-panel, .kb-auth-panel-modal, .kb-auth-modal, .kb-plan-choice,
.kb-pay-option, .kb-selected-plan, .kb-checkout, .kb-final-card, .kb-spam-panel,
.kb-verify-flow, .kb-code-boxes, .kb-help-mini, article, form {
  border: 1px solid var(--ku-border) !important;
  border-radius: var(--ku-radius-lg) !important;
  background: linear-gradient(180deg, rgba(17, 38, 57, .82), rgba(8, 18, 30, .78)) !important;
  box-shadow: var(--ku-shadow-card) !important;
}

.kb-price-card-featured, .kb-plan-choice-featured, .kb-account-plan-active,
.kb-profile-checkout-focus, .kb-pay-option:hover, .kb-platform-card:hover,
.kb-faq-card:hover, .kb-price-card:hover {
  border-color: var(--ku-border-strong) !important;
  background: linear-gradient(180deg, rgba(18, 51, 70, .90), rgba(8, 23, 35, .84)) !important;
  box-shadow: var(--ku-shadow-card), var(--ku-glow-cyan) !important;
  transform: translateY(-2px) !important;
}

.kb-pricing-grid-main, .kb-plan-choice-grid, .kb-pay-grid, .kb-profile-billing-grid,
.kb-platform-grid, .kb-install-grid, .kb-faq-grid, .kb-dash-grid, .kb-howto-quick-grid,
.kb-short-flow-grid { gap: clamp(16px, 2vw, 28px) !important; }

.kb-price-card, .kb-plan-choice, .kb-platform-card, .kb-step-card, .kb-faq-card,
.kb-profile-panel, .kb-auth-panel, .kb-account-card { padding: clamp(18px, 2.5vw, 30px) !important; }

.kb-price-value, .kb-plan-choice-price { color: var(--ku-text) !important; text-shadow: 0 0 24px rgba(57,216,238,.15) !important; }
.kb-price-badge, .kb-stars-badge, .kb-plan-choice-badge, .kb-save-badge,
.kb-user-chip, .kb-selected-plan-addon, .kb-status-dot {
  border: 1px solid rgba(245, 184, 91, .28) !important;
  background: rgba(245, 184, 91, .10) !important;
  color: #ffd993 !important;
  box-shadow: none !important;
}

.kb-button, .kb-profile-button, .kb-price-link, .kb-plan-choice-cta,
.kb-platform-action, .kb-howto-action, .kb-howto-quick-button, .kb-support-action,
.kb-final-actions a, .kb-hero-actions a, button, [role="button"], input[type="submit"] {
  min-height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(96, 232, 255, .25) !important;
  background: linear-gradient(135deg, rgba(32, 222, 238, .18), rgba(10, 161, 148, .13)) !important;
  color: var(--ku-text) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  transition-property: transform, opacity, color, background-color, border-color, box-shadow !important;
  transition-duration: 180ms !important;
}

.kb-button-primary, .kb-plan-choice-cta, .kb-price-card-featured .kb-price-link,
.kb-profile-button-primary, button[type="submit"], input[type="submit"] {
  background: linear-gradient(135deg, #34dff0, #16d3b0 58%, #f5b85b) !important;
  color: #031016 !important;
  border-color: rgba(255,255,255,.22) !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 42px rgba(22, 211, 176, .22), 0 0 0 1px rgba(255,255,255,.10) inset !important;
}

.kb-button:hover, .kb-profile-button:hover, .kb-price-link:hover, .kb-plan-choice-cta:hover,
.kb-platform-action:hover, .kb-howto-action:hover, button:hover, [role="button"]:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(133, 241, 255, .46) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .34), 0 0 28px rgba(57,216,238,.13) !important;
}
.kb-button:active, .kb-profile-button:active, .kb-price-link:active, button:active, [role="button"]:active { transform: translateY(0) scale(.99) !important; }

.kb-nav a, .kb-mini-link, .kb-auth-forgot, .kb-verify-resend-button, a[href] {
  text-underline-offset: 4px;
  transition-property: color, opacity, border-color, background-color !important;
  transition-duration: 160ms !important;
}
.kb-nav a:hover, .kb-mini-link:hover, .kb-auth-forgot:hover, .kb-verify-resend-button:hover { color: var(--ku-cyan) !important; }

input, textarea, select, .kb-field input, .kb-code-field input, .kb-verify-code-field input {
  min-height: 46px !important;
  border-radius: var(--ku-radius-sm) !important;
  border: 1px solid rgba(132, 225, 245, .22) !important;
  background: rgba(4, 13, 22, .82) !important;
  color: var(--ku-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
  outline: none !important;
}
input:focus, textarea:focus, select:focus, .kb-field input:focus, .kb-code-field input:focus,
.kb-verify-code-field input:focus {
  border-color: rgba(57,216,238,.72) !important;
  box-shadow: 0 0 0 3px rgba(57,216,238,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
input::placeholder, textarea::placeholder { color: rgba(185, 215, 223, .56) !important; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: var(--ku-text) !important;
  caret-color: var(--ku-text) !important;
  transition: background-color 9999s ease-in-out 0s !important;
  box-shadow: 0 0 0 1000px #071321 inset, 0 0 0 3px rgba(57,216,238,.10) !important;
  border-color: rgba(57,216,238,.42) !important;
}

.kb-auth-tabs, .kb-billing-toggle, .kb-billing-toggle-compact, .kb-billing-toggle-inline {
  border: 1px solid rgba(132,225,245,.16) !important;
  background: rgba(4, 13, 22, .68) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.kb-auth-tab, .kb-billing-toggle button, .kb-billing-toggle-inline button { border-radius: 999px !important; }
.kb-auth-tab[aria-selected="true"], .kb-auth-tab[data-state="active"],
.kb-billing-toggle .active, .kb-billing-toggle-inline .active {
  background: linear-gradient(135deg, rgba(57,216,238,.23), rgba(22,211,176,.18)) !important;
  color: var(--ku-text) !important;
}

.kb-howto-route-svg, .kb-howto-route-grid, .kb-route-network, .kb-profile-routes,
.kb-profile-payment-routes, .kb-hero-routes, .kb-beacon-field {
  opacity: .20 !important;
  animation: none !important;
}
.kb-route-step-number, .kb-platform-number, .kb-module-number {
  border-color: rgba(57,216,238,.38) !important;
  background: rgba(57,216,238,.12) !important;
  color: var(--ku-cyan) !important;
  box-shadow: none !important;
}
.kb-modal-backdrop {
  background: rgba(1, 6, 12, .72) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.kb-form-error, .kb-turnstile-message-error {
  color: #ff96a7 !important;
  border-color: rgba(255,100,124,.28) !important;
  background: rgba(255,100,124,.10) !important;
}
:focus-visible { outline: 3px solid rgba(57,216,238,.52) !important; outline-offset: 3px !important; }

@media (max-width: 900px) {
  body::before { opacity: .24; background-size: 44px 44px, 44px 44px, 900px 620px; }
  body::after { opacity: .18; }
  .kb-header, header { position: relative !important; }
  .kb-hero::before, .kb-page-hero::before, .kb-howto-briefing::before, .kb-profile-head::before { inset: 8px !important; border-radius: 20px !important; }
  .kb-price-card, .kb-plan-choice, .kb-platform-card, .kb-step-card, .kb-faq-card,
  .kb-profile-panel, .kb-auth-panel, .kb-account-card { padding: 18px !important; }
  .kb-pricing-grid-main, .kb-plan-choice-grid, .kb-pay-grid, .kb-profile-billing-grid,
  .kb-platform-grid, .kb-install-grid, .kb-faq-grid, .kb-dash-grid, .kb-howto-quick-grid,
  .kb-short-flow-grid { gap: 14px !important; }
  .kb-hero-scene, .kb-howto-scene, .kb-profile-scene, .kb-profile-access-scene,
  .kb-access-visual, .kb-orbital-station, .kb-helper-drone, .kb-hero-data-field,
  .kb-howto-data-field, .kb-profile-data-shard-field, .kb-profile-node-field,
  .kb-profile-energy-node-field, .kb-login-spark, .kb-login-node-1, .kb-login-node-2,
  .kb-login-node-3 { display: none !important; }
}

@media (max-width: 520px) {
  body { background: linear-gradient(180deg, #06101c, #03050a 74%) !important; }
  body::before, body::after { opacity: .12; }
  .kb-button, .kb-profile-button, .kb-price-link, .kb-plan-choice-cta,
  .kb-platform-action, .kb-howto-action, button, [role="button"], input[type="submit"] {
    width: 100%;
    min-height: 46px !important;
  }
  .kb-nav-actions, .kb-hero-actions, .kb-final-actions, .kb-platform-actions,
  .kb-howto-briefing-actions { gap: 10px !important; }
  .kb-price-card:hover, .kb-plan-choice:hover, .kb-platform-card:hover, .kb-faq-card:hover { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation: none !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }
}