/* NewBeeVpn / Orbit. Self-hosted visuals, midnight blue, electric blue and violet. */
:root {--paper:#030412;--ink:#eeefff;--muted:#a2a5c5;--line:#282b49;--soft:#101127;--accent:#a495ff;--motion-line:rgba(117,118,222,.055);--motion-dot:rgba(146,155,255,.32)}
body {background:#030412}
body::before {background:radial-gradient(ellipse at 50% 12%,#11143e44,transparent 48%),radial-gradient(ellipse at 90% 65%,#28164820,transparent 45%)}
#newbee-atmosphere {opacity:.28}
::selection {background:#a391ff;color:#08091d}
.site-header {background:linear-gradient(180deg,#030412eb,#03041285 55%,#03041200);border:0;box-shadow:none;backdrop-filter:none}
.site-header .nav-links {border:0}
.brand {color:#f0f1ff}.nav-links {color:#a0a3bd}
.nav-links a.active {color:#efebff}.nav-links a::after {background:linear-gradient(90deg,#6a96ff,#ab82ff);box-shadow:0 0 15px #9783ff66}
.nav-login {background:#15142870;border-color:#504d735e;color:#e7e4ff;box-shadow:inset 0 1px #d9d0ff0b}
.nav-login:hover {background:#22203e;border-color:#9b89ff}
.user-dot {background:#ad9aff;box-shadow:0 0 12px #9c81ff70}.text-button {color:#b0abcc}
.button-primary,.plan-featured .button-primary,.subscription-panel .button:not(.button-secondary) {background:linear-gradient(110deg,#4964cb,#7952c8);color:#fff;box-shadow:inset 0 1px #d3d3ff55,0 6px 25px #6854d825}
.button-primary:hover,.plan-featured .button-primary:hover {background:linear-gradient(110deg,#566fd2,#825cd0);box-shadow:0 8px 30px #7f66ef40}
.button-secondary {background:#121329;border-color:#3c3a5c;color:#dedcf2}.button-secondary:hover {background:#211d3b;border-color:#8f7fc7}
.punctuation {color:#a18bff}
.plans-heading {border-color:#27273e;padding-top:30px;padding-bottom:26px}
.plans-heading h2,.faq h2 {color:#f1f0ff;letter-spacing:-1px}
.deck-swipe-cue {color:#aaa9c6}.deck-swipe-cue>span:first-child {color:#a393ee}
.deck-viewport .plan-card,.deck-viewport .card-tone-2,.deck-viewport .card-tone-3,.deck-viewport .card-tone-4 {background:linear-gradient(140deg,#171b37f5,#0b0c20fa);border-color:#444361;border-radius:24px;box-shadow:inset 0 1px #c9c6ff12,0 25px 70px #0005}
.deck-viewport .card-tone-2 {background:linear-gradient(140deg,#1c2044,#0d0e24)}
.deck-viewport .card-tone-3 {background:linear-gradient(140deg,#272042,#101024)}
.deck-viewport .card-tone-4 {background:linear-gradient(140deg,#272042,#101326)}
.deck-shell[data-deck-ready] .deck-slide:not([data-deck-position="active"]) {position:absolute;inset:0;height:100%}
.deck-viewport .plan-card:hover {border-color:#7870b0;box-shadow:inset 0 1px #d9d1ff18,0 25px 70px #0006}
.plan-card::before {background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#8a79ef18,transparent 75%)}
.deck-viewport .plan-card.selected {border-color:#9a83ff}
.plan-quota>strong {color:#f0efff}.plan-quota>span,.plan-specs strong {color:#dadbef}
.deck-viewport .plan-use-case,.comparison-info .comparison-use-case {color:#babbd2}
.plan-specs,.plan-featured .plan-specs {border-color:#3a3754}.plan-specs span,.plan-featured .plan-specs span {color:#a8a6c3}
.plan-device-count {color:#aaa8c5}.plan-regions span,.plan-featured .plan-regions span {background:#25233d;color:#bebbd9;border-color:#413a5a}
.deck-overview {background:linear-gradient(140deg,#1a1a35,#0b0c20);border-color:#4d4569;border-radius:24px}
.comparison-device-note,.comparison-info p {color:#b2b0c9}.comparison-row {border-color:#38314e}
.comparison-price strong {color:#d2c7ff}.comparison-subscribe {background:#39305b;color:#eee6ff;border-color:#7d65b8}
.comparison-subscribe:hover {background:#4a3a78;border-color:#b69aff}
.deck-arrow {background:#15132b;border-color:#494164;color:#c3b5ff}.deck-arrow:hover:enabled {background:#292044;border-color:#a38ddd}
.deck-dots button>span {background:#545270}.deck-dots button[aria-current="step"]>span {background:#a18aff;box-shadow:0 0 14px #9675ff55}
.deck-dots .deck-all-dot[aria-current="step"]>span {color:#d0beff;background:#302346}
.deck-shell:focus-visible {outline-color:#a48cff}
.faq,.faq details,.section-line {border-color:#29263e}.faq summary {color:#ddd9ef}.faq summary span {color:#ae97ef}.faq p {color:#aaa6c0}
.site-footer {background:#060714b8;border-color:#282438}.site-footer .shell>a:last-child {color:#b4aecb}
.motion-toggle {background:#141127;border-color:#3c3155;color:#c2bad6}.motion-toggle::before {background:#b193ff;box-shadow:0 0 10px #a07aff66}
.auth-card,dialog {background:linear-gradient(145deg,#1a1933,#0d0c20);border-color:#484063}
.auth-switch,.field input,.field select {border-color:#403754}.auth-switch button[aria-selected=true] {color:#cfbfff}.auth-switch button[aria-selected=true]::after {background:#a48aff}
.field input,.field select {background:#0b0b1c;color:#f1ebff}.field input:focus,.field select:focus {background:#16132c;border-color:#ab8aff;box-shadow:0 0 0 3px #9570dc18}
.identity-switch input {accent-color:#a68aff}.code-button {background:#322547;border-color:#63517b;color:#e3d8f8}
.orbit {border-color:#6d58a3;box-shadow:0 0 24px #765ec318}.orbit-point {background:#b59aff;box-shadow:0 0 20px #9572f9}
.subscription-panel {background:linear-gradient(125deg,#242039,#101125);border-color:#575071}.subscription-panel::after {border-color:#8d71ca40;box-shadow:0 0 0 26px #8d71ca0a,0 0 0 53px #8d71ca06}
.subscription-panel .button-secondary {background:#201a36;border-color:#6e5c8b;color:#e7dcfa}.traffic-progress {background:#342d49}.traffic-progress>span {background:linear-gradient(90deg,#658cff,#b183f4)}
.empty-state,.request-item {background:#141229;border-color:#38314f}
.guide-step-card {background:linear-gradient(140deg,#1b1934,#0f0e24);border-color:#3c3457}.guide-step-action {background:#27203e;color:#d8c5ff;border-color:#6d548f}.guide-step-number {color:#c2a4ff}.guide-step-note {color:#bcb0d2}
.dialog-close {background:#29203e;border-color:#5b4778;color:#e0d1ff}.dialog-close:hover {background:#3a2c56}.dialog-notice {background:#241b36;border-color:#4c3a65;color:#c6b9dd}
.toast {background:#e1d9ff;color:#201235;border-color:#b3a0dc}
@media(max-width:700px) {.plans-heading{padding-top:24px;padding-bottom:24px}.deck-viewport .plan-card,.deck-overview{border-radius:20px}}

.plans-heading .node-preparing {font-size:13px;line-height:1.7;text-align:left;color:#b7a9d3;margin:8px 0 0}