html[data-checkout-theme] {
  color-scheme: dark !important;
  --ct-bg: #08070d !important;
  --ct-card: #100c19 !important;
  --ct-soft: #1a1227 !important;
  --ct-ink: #f5f2fc !important;
  --ct-muted: #d0c7dd !important;
  --ct-line: #503b65 !important;
  --ct-link: #d6b4ff !important;
}
html[data-checkout-theme] body,
html[data-checkout-theme] .checkout-page { background: #08070d !important; color: #f5f2fc !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }
html[data-checkout-theme] .checkout-page .co-header { background: #08070d !important; border-bottom-color: #30283e !important; }
html[data-checkout-theme] .checkout-page .co-brand { display: inline-flex; align-items: center; gap: 11px; color: #f5f2fc !important; border: 0 !important; background: transparent !important; }
html[data-checkout-theme] .checkout-page .co-brand::before { content: ''; display: inline-block; width: 35px; height: 38px; background: url('https://rumivpn.com/rumi-site-v20261027/assets/rumi-mark.png') center / contain no-repeat; }
html[data-checkout-theme] .checkout-page .co-brand span { color: #f5f2fc !important; }
html[data-checkout-theme] .checkout-page .co-steps li { color: #d0c7dd !important; }
html[data-checkout-theme] .checkout-page .co-steps li span { background: #20182c !important; color: #d0c7dd !important; }
html[data-checkout-theme] .checkout-page .co-steps li.done span { background: #50318a !important; color: white !important; }
html[data-checkout-theme] .checkout-page .co-steps li.active span { background: #7938f4 !important; color: white !important; }
html[data-checkout-theme] .checkout-page :is(.co-order,.co-form-card,.co-access-guide) { background: #100c19 !important; color: #f5f2fc !important; border: 1px solid #503b65 !important; border-radius: 24px !important; }
html[data-checkout-theme] .checkout-page :is(.co-info h1,.co-form-card h2,.co-order h2,.co-price strong,.co-features,.co-access-guide h3,.co-access-guide strong,.co-methods strong,.co-help strong,.co-label) { color: #f5f2fc !important; }
html[data-checkout-theme] .checkout-page :is(.co-info p,.co-order p,.co-access-guide p,.co-assurances,.co-help p,.co-agree,.co-method-choice p) { color: #d0c7dd !important; }
html[data-checkout-theme] .checkout-page :is(.co-back,.co-change,.checkout-tg-change,.co-help a,.co-agree a) { color: #d6b4ff !important; }
html[data-checkout-theme] .checkout-page .co-hero-kicker { color: #ccb3ed !important; }
html[data-checkout-theme] .checkout-page :is(.co-features,.co-order-top,.co-access-guide,.checkout-or) { border-color: #30283e !important; }
html[data-checkout-theme] .checkout-page .co-library-icon { filter: brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(975%) hue-rotate(215deg) brightness(105%) !important; }
html[data-checkout-theme] .checkout-page :is(.checkout-tg-button,.checkout-google button) { background: #1a1227 !important; border: 1px solid #513a69 !important; border-radius: 12px !important; color: #f5f2fc !important; }
html[data-checkout-theme] .checkout-page :is(input[type=email],input[type=text]) { background: #1a1227 !important; color: #f5f2fc !important; border: 1px solid #513a69 !important; }
html[data-checkout-theme] .checkout-page .co-agree input { accent-color: #7938f4; }
html[data-checkout-theme] .checkout-page .co-methods > button.co-method-choice { background: #171020 !important; color: #f5f2fc !important; border: 1px solid #493655 !important; border-radius: 16px !important; }
html[data-checkout-theme] .checkout-page .co-methods > button.co-method-sbp { background: #7938f4 !important; border-color: #8953ed !important; color: white !important; }
html[data-checkout-theme] .checkout-page .co-method-sbp :is(strong,p,.co-method-price) { color: white !important; }
html[data-checkout-theme] .checkout-page .co-method-icon { background: #261a36 !important; border-radius: 12px !important; }
html[data-checkout-theme] .checkout-page .co-method-sbp .co-method-icon { background: #ffffff1c !important; }
html[data-checkout-theme] .checkout-page :is(.co-method-price,.co-method-choice strong) { color: #f5f2fc !important; }
html[data-checkout-theme] .checkout-page :is(button,a,input):focus-visible { outline: 2px solid #ceb6ff !important; outline-offset: 3px; }
html[data-checkout-theme] #checkout-theme-controls { display: none !important; }
html[data-checkout-theme] .checkout-page .co-access-guide { margin-top: 28px !important; padding: 24px 26px !important; }
html[data-checkout-theme] .checkout-page .co-guide-icon { background: #261a36 !important; color: #d6b4ff !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-choice:not(:disabled) { background: #171020 !important; color: #f5f2fc !important; border-color: #493655 !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-sbp:not(:disabled) { background: #7938f4 !important; color: #fff !important; border-color: #8953ed !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-choice .co-method-icon { background: #261a36 !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-sbp .co-method-icon { background: #ffffff1c !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-choice :is(strong,.co-method-price) { color: #f5f2fc !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-choice:not(:disabled)::after { color: #cbb5e8 !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-sbp:not(:disabled)::after { color: white !important; }
html[data-checkout-theme] .checkout-page[class*="co-selected-design-"] .co-methods > button.co-method-card:not(:disabled)::after { filter: brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(975%) hue-rotate(215deg) brightness(105%) !important; }
html[data-checkout-theme] .checkout-page .co-features svg { color: #c1a0f0 !important; }
html[data-checkout-theme] .checkout-page .checkout-or::before, html[data-checkout-theme] .checkout-page .checkout-or::after { background: #30283e !important; }
html[data-checkout-theme] .checkout-page .co-info h1 { background: linear-gradient(to bottom, #f5f2fc 0%, #f5f2fc 47%, #c1a0f0 53%, #c1a0f0 100%) !important; color: transparent !important; -webkit-background-clip: text !important; background-clip: text !important; }
@media(max-width: 760px) { html[data-checkout-theme] .checkout-page .co-access-guide { padding: 21px !important; border-radius: 20px !important; } }
