/* NewBeeVpn / Signal — shared geometry, deliberate motion, dark customer surfaces. */
:root {
  color-scheme: dark;
  --ink:#edf4ff; --muted:#9aaec8; --paper:#070d18; --line:#233449;
  --soft:#112035; --accent:#72e6e0; --radius:20px;
  --motion-line:rgba(92,170,201,.13); --motion-dot:rgba(115,229,230,.55);
}
body {background:var(--paper);isolation:isolate;line-height:1.7}
body::before {content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#16344780,transparent 50%),radial-gradient(ellipse at 0% 80%,#13294b50,transparent 55%)}
#newbee-atmosphere {position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.8}
.shell {max-width:1280px}
::selection {background:#75e9e3;color:#07101a}
.site-header {background:#070e1be8;border-color:#213246;backdrop-filter:blur(20px)}
.nav {height:76px}
.brand {letter-spacing:-.9px;font-size:23px;color:#f0f6ff}
.brand img,.auth-art img {filter:invert(1)}
.nav-links {gap:36px;color:#93a7c0}
.nav-links a.active {color:#dffdfb}
.nav-links a::after {background:var(--accent);height:2px;box-shadow:0 0 14px #64e5da70}
.nav-login {border-color:#334d62;background:#101f2fa0;color:#efffff;border-radius:10px;min-height:44px;transition:background .2s,border-color .2s}
.nav-login:hover {background:#193747;border-color:var(--accent)}
.user-dot {background:#77e4d8;box-shadow:0 0 12px #69e3d955}
.text-button {color:#a6bbd2;min-height:44px;min-width:44px}
.text-button:hover {color:var(--accent)}
.skip {background:var(--accent);color:#08121b}
.plans-intro {position:relative;padding-top:38px;padding-bottom:34px;min-height:222px;overflow:hidden}
.intro-copy {z-index:2;position:relative}
.eyebrow {font-size:10px;letter-spacing:2px;color:#80b8cf}
.tiny-mark {background:var(--accent);box-shadow:0 0 12px #66e4d670}
h1 {font-size:clamp(34px,3.3vw,49px);font-weight:650;line-height:1.3;letter-spacing:-2px;margin-top:17px}
.headline-light {color:#91f3e8;background:linear-gradient(120deg,#fff,#a0ede9 55%,#8cb9ed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.punctuation {color:var(--accent)}
.intro-copy p {font-size:13px;color:#9eb5cd}
.intro-aside {position:relative;z-index:2;border-left:0;padding-left:0;gap:14px;min-width:180px;align-items:center}
.region-count {font-size:52px;color:#e1f8ff;letter-spacing:-4px}
.intro-aside strong {font-size:12px}.intro-aside div>span {color:#a3b4ca;font-size:10px}
.intro-aside svg {display:none}
.signal-art {width:310px;height:220px;position:absolute;right:210px;top:0;opacity:.68;pointer-events:none;z-index:0}
.signal-art svg {width:100%;height:100%;overflow:visible}
.signal-shell {fill:#0b182280;stroke:#547d91;stroke-width:.8}
.signal-inner {fill:none;stroke:#69d4dc;stroke-width:.7;opacity:.55}
.signal-line {fill:none;stroke:#71dfe2;stroke-width:1;stroke-dasharray:4 9;animation:signal-flow 14s linear infinite}
.signal-bee {filter:invert(1);opacity:.85}
.signal-nucleus {fill:#a3f6ed;filter:drop-shadow(0 0 5px #7fffea);animation:signal-pulse 4s ease-in-out infinite}
.signal-orbit {transform-origin:160px 130px;animation:signal-orbit 70s linear infinite}
.signal-caption {font:8px var(--mono);letter-spacing:2px;fill:#71a6bf}
.section-line {border-color:#263d51;color:#8da6bd;font-size:10px}
.section-line>span:first-child {color:#b2d9e4}
.section-line h2 {color:#e5effb}
.plan-grid {gap:22px}
.plan-card {padding:24px 29px;background:linear-gradient(140deg,#142238eb,#0d1727f0);border:1px solid #2c4057;border-radius:19px;box-shadow:inset 0 1px #d1eff508,0 12px 40px #00000018;transition:transform .28s ease,border-color .25s,box-shadow .25s}
.plan-card::before {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#5aafc918,transparent 75%);opacity:0;transition:opacity .25s}
.plan-card:hover {transform:translateY(-5px);border-color:#588394;box-shadow:inset 0 1px #cff7ff12,0 16px 40px #00000040}
.plan-card:hover::before,.plan-card:focus-within::before {opacity:1}
.plan-card.selected {outline:2px solid #67dbd9;outline-offset:4px}
.plan-top {color:#879fb8}.plan-index {letter-spacing:2px;color:#89abbf}
.plan-type {border-color:#304961;background:#142b3a;color:#b9dbe6;font-size:10px;letter-spacing:1px;padding:4px 11px}
.plan-card h2 {font-size:16px;margin:17px 0 16px;font-weight:550;letter-spacing:.1px}
.plan-quota>strong {font-size:88px;line-height:.95;font-weight:500;letter-spacing:-6px;color:#f0f7ff}
.plan-quota>span {font-size:21px;color:#c5d9ed}
.plan-quota small {color:#9aaec6;font-size:10px}
.plan-description {font-size:12px;color:#a6b9d0;margin:16px 0 19px}
.plan-specs {border-color:#294156;padding-top:18px}.plan-specs span {font-size:11px;color:#96aec8}.plan-specs strong {font-size:17px;color:#deeffd;font-weight:500}
.plan-regions {padding:17px 0;gap:7px}
.plan-regions span {background:#192c40;color:#abc6d8;border:1px solid #2c4356;border-radius:5px;font-size:10px;padding:3px 8px}
.plan-bottom {border-color:#294156;padding-top:18px;gap:12px}
.plan-price strong {font-size:14px;color:#d4e7f4}.plan-price small {color:#91a8c0;font-size:10px}
.button {border-radius:9px;min-height:48px;font-size:12px;gap:24px;padding:13px 19px;position:relative;overflow:hidden;isolation:isolate;letter-spacing:.1px}
.button-primary {background:#7ee8e0;color:#071a26;box-shadow:inset 0 1px #eaffff70,0 4px 20px #52c3c014}
.button-primary:hover {background:#a2f5ef;box-shadow:0 5px 25px #66dfd630}
.button-primary::after {content:"";position:absolute;inset:-20% -60%;background:linear-gradient(110deg,transparent 40%,#ffffff50 50%,transparent 60%);transform:translateX(-70%);pointer-events:none}
.button-primary:hover::after {animation:button-light .75s ease-out}
.button-secondary {background:#101e30;border-color:#39526a;color:#cde4f6}
.button-secondary:hover {background:#183248;border-color:#638d9c}
.plan-featured {background:linear-gradient(140deg,#153346ec,#102237f2);border-color:#45717c;color:#eafaff}
.plan-featured::after {width:145px;height:145px;right:-55px;top:-60px;border:1px solid #67cdd440;transform:rotate(40deg);box-shadow:0 0 0 22px #56aeb608,0 0 0 44px #56aeb606}
.plan-featured .plan-type {border-color:#527780;background:#214451;color:#b9eee9}
.plan-featured .plan-top,.plan-featured .plan-description,.plan-featured .plan-quota small,.plan-featured .plan-specs span,.plan-featured .plan-price small {color:#9dbbcb}
.plan-featured .plan-specs,.plan-featured .plan-bottom {border-color:#355568}
.plan-featured .plan-regions span {background:#1a3b4c;color:#b0d7df;border-color:#355569}
.plan-featured .button-primary {background:#8aeee4;color:#071a26}.plan-featured .button-primary:hover {background:#b3faf2}
.plans-footnote {color:#93aac2;font-size:10px}.plans-footnote span:first-child {color:#a2c8cc}
.journey {padding-top:62px;padding-bottom:54px}.journey-grid {gap:22px}
.journey-grid>div {padding:24px;border:1px solid #21354a;background:#0e1b2bbb;border-radius:14px;position:relative;overflow:hidden}
.journey-grid>div::after {content:"";position:absolute;right:20px;top:24px;width:27px;height:27px;border-top:1px solid #4f7d91;border-right:1px solid #4f7d91}
.step-number {color:#82c5cf;border-color:#446874;font-size:11px}.journey h3 {font-size:16px}.journey p,.guide-grid p {font-size:12px;color:#a2b7cf;line-height:1.9}
.faq {border-color:#263c50;padding-bottom:65px}.faq h2 {color:#e6effb;font-size:29px}.faq details {border-color:#294155;padding:20px 0}.faq summary {font-size:13px;color:#c5d7eb;min-height:30px}.faq summary span {color:#79d2d8}.faq p {color:#a5bad2;font-size:12px}
.site-footer {background:#08121ed9;border-color:#21384b}.site-footer .shell {padding-top:24px;padding-bottom:24px;flex-wrap:wrap}.site-footer .shell>span {color:#85a3b9}.site-footer .shell>a:last-child {color:#bed3e5}
.motion-toggle {min-height:44px;border:1px solid #2a485c;border-radius:8px;padding:9px 12px;background:#102132;color:#bfdbe7;font-size:11px;display:inline-flex;gap:7px;align-items:center;cursor:pointer}
.motion-toggle::before {content:"";width:5px;height:5px;border-radius:50%;background:#7bdfd7;box-shadow:0 0 8px #72e8d95c}
.motion-toggle[aria-pressed=false]::before {background:#8896ab;box-shadow:none}
.auth-layout {max-width:1080px;padding-top:50px;padding-bottom:65px;gap:90px}
.back-link {color:#a2bad1;min-height:32px}.back-link:hover {color:#8ee9e4}
.auth-story h1 {color:#e8f2ff;font-size:42px}.auth-story>p {color:#a3bad3}
.auth-art {height:200px}.orbit {border-color:#407986;border-radius:30%;box-shadow:0 0 22px #5cdad909;animation:signal-pulse 7s ease-in-out infinite}.orbit-two {animation-delay:-3.5s}.orbit-point {background:#96fff0;box-shadow:0 0 17px #89f5de}.auth-caption {color:#7fa9c3}
.auth-card {background:linear-gradient(145deg,#142338f2,#0d1a2df5);border-color:#334c64;padding:31px 33px;border-radius:18px;box-shadow:0 24px 70px #00000030,inset 0 1px #dcf5ff0a}
.auth-switch {border-color:#2b435a}.auth-switch button {color:#a1b8cf;font-size:13px;min-height:40px}.auth-switch button[aria-selected=true] {color:#9cf0e7}.auth-switch button[aria-selected=true]::after {background:#78e5dc;box-shadow:0 0 14px #65ccdc35}
.auth-card h2 {font-size:27px;color:#edf5ff}.auth-card>p {color:#a8bbd2;font-size:12px}.identity-switch label {color:#bdd0e5;font-size:12px}.identity-switch input {accent-color:#72e6e0}
.field>span {font-size:12px;color:#c1d5e9}
.field input,.field select {background:#091526;color:#edf6ff;border-color:#344c67;min-height:48px;font-size:14px;padding:12px 14px;border-radius:8px;color-scheme:dark}
.field input:focus,.field select:focus {background:#102037;border-color:#74dfdc;box-shadow:0 0 0 3px #54cacf0d}
.field input::placeholder {color:#839ab6}.field input[readonly] {overflow:hidden}
.password-toggle {color:#c1dbeb;min-width:44px;min-height:44px;right:2px;font-size:11px}
.code-button {min-height:48px;font-size:11px;background:#1c3f50;border-color:#426877;color:#d4f6f3;padding:0 13px}
.field-help,.auth-note {font-size:11px;color:#93aec7}.auth-note {line-height:1.85}.form-error {background:#381e2b;color:#ffb4b5;border-color:#764957}
.account-layout {padding-top:40px}.page-heading h1 {color:#e8f2fc}.page-heading p {color:#a3bad3}
.subscription-panel {background:linear-gradient(125deg,#1b3f50,#0e2136);border:1px solid #4b7180;box-shadow:0 15px 50px #0002;padding:32px;border-radius:18px;position:relative;overflow:hidden}
.subscription-panel::after {content:"";position:absolute;right:-100px;top:-190px;width:350px;height:350px;border:1px solid #558c9760;border-radius:50%;box-shadow:0 0 0 26px #558c9710,0 0 0 53px #558c9708;pointer-events:none}
.subscription-panel>* {position:relative;z-index:1}.subscription-panel .eyebrow {color:#8dcad2}.subscription-panel p {color:#b4cede}.traffic-number {color:#eefaff;font-size:44px;letter-spacing:-2px}.traffic-number small {color:#a2c5d7;letter-spacing:0}.traffic-progress {background:#264557;height:5px}.traffic-progress>span {background:linear-gradient(90deg,#62b5e6,#8ae9d9);box-shadow:0 0 12px #7fe2d530;transition:width .7s ease}
.subscription-panel .button {background:#91e9df;color:#0b2130}.subscription-panel .button-secondary {background:#173347;border-color:#5f8f9b;color:#d8f6fa}
.empty-state {background:#102037b8;border-color:#2b4860;color:#dbeafa;box-shadow:inset 0 1px #e6f9ff08}.empty-state p {color:#a8bcd2}
.request-item {background:#102036d9;border-color:#2b445c;border-radius:12px}.request-meta,.request-item p {color:#a2bbd4}.request-state {background:#25374b;color:#becbde}.request-state.pending {background:#47351f;color:#f1ca83}.request-state.approved {background:#173f3a;color:#9ee6c1}.request-state.rejected {background:#49262e;color:#ffb9b8}.request-state.cancelled {background:#293347;color:#b5c2d8}
.guide-grid article {background:linear-gradient(140deg,#13283ad9,#101c30df);border-color:#2b465d;box-shadow:inset 0 1px #fff07}.guide-grid h2 {color:#e1edfa}
dialog {background:linear-gradient(140deg,#14273c,#0b1729);color:#e1efff;border-color:#42657b;border-radius:18px;box-shadow:0 30px 130px #0009;color-scheme:dark}
dialog[open] {animation:dialog-arrive .22s ease-out}dialog::backdrop {background:#030712c7;backdrop-filter:blur(8px)}
.dialog-close {background:#192e44;color:#c5e5f1;border-color:#406179;width:44px;height:44px}.dialog-close:hover {background:#234457}.dialog-intro {color:#a3bdd6}.dialog-notice {background:#173347;border-color:#355a70;color:#b4d0df;font-size:12px}dialog dt {color:#a7bfd8}.toast {background:#d6f5f1;color:#0b2633;border:1px solid #89cdc8;font-size:12px;box-shadow:0 8px 45px #0005}
@keyframes signal-flow {to{stroke-dashoffset:-130}}
@keyframes signal-orbit {to{transform:rotate(360deg)}}
@keyframes signal-pulse {0%,100%{opacity:.55}50%{opacity:1}}
@keyframes button-light {to{transform:translateX(70%)}}
@keyframes dialog-arrive {from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1500px) {.shell{max-width:1370px}.plans-intro{min-height:270px}.plan-card{padding:31px 37px}.plan-quota>strong{font-size:104px}}
@media(min-width:1001px) and (max-height:820px) {.plans-intro{min-height:184px;padding-top:24px;padding-bottom:24px}.signal-art{height:178px;top:3px}.plan-card{padding:20px 27px}.plan-quota>strong{font-size:77px}.plan-card h2{margin:15px 0}.plan-description{margin:14px 0 16px}.plan-specs{padding-top:15px}.plan-regions{padding:14px 0}.plan-bottom{padding-top:15px}}
@media(max-width:1100px) {.signal-art{right:160px;width:245px;opacity:.4}.intro-aside{min-width:160px}.region-count{font-size:45px}}
@media(min-width:701px) and (max-width:1000px) {.plan-bottom{flex-direction:column;align-items:stretch}.plan-price small{display:inline;margin-left:8px}.signal-art{right:-70px;opacity:.25}.intro-aside{display:none}.auth-layout{gap:35px}.plan-quota>strong{font-size:75px}}
@media(max-width:700px) {
  .shell{padding-left:20px;padding-right:20px}.nav{height:auto;min-height:70px;padding-top:calc(12px + env(safe-area-inset-top))}.nav-links{margin-top:12px;border-color:#294053}.nav-links a{font-size:12px;min-height:44px}.brand{font-size:20px}.nav-login{font-size:11px;padding:9px 11px}.user-id{max-width:85px;font-size:11px}.nav-user{gap:8px}.text-button{font-size:11px}
  .plans-intro{padding-top:30px;padding-bottom:30px;min-height:230px;align-items:flex-start}.intro-copy{max-width:300px}.intro-copy h1{font-size:36px;line-height:1.4;max-width:300px;letter-spacing:-1.3px;margin:15px 0 12px}.headline-light{display:block}.intro-copy p{font-size:12px;max-width:255px}.intro-aside{display:none}.signal-art{right:-65px;top:4px;width:230px;height:210px;opacity:.24}.eyebrow{font-size:9px;letter-spacing:1.7px}
  .section-line{font-size:9px;padding:15px 0}.plan-grid{gap:18px}.plan-card{padding:24px;border-radius:16px}.plan-card h2{font-size:17px;margin:18px 0}.plan-quota>strong{font-size:84px}.plan-quota>span{font-size:20px}.plan-description{font-size:12px}.plan-specs span{font-size:11px}.plan-specs strong{font-size:17px}.plan-bottom{flex-direction:row;align-items:center;padding-top:19px}.plan-price small{font-size:10px;display:block;margin:4px 0 0}.subscribe-button{padding:13px 16px;font-size:12px;gap:18px;min-height:48px}.plans-footnote{font-size:10px;gap:6px;margin-top:18px}
  .journey{padding-top:42px;padding-bottom:35px}.journey-grid{gap:12px}.journey-grid>div{padding:22px 20px 22px 60px}.journey-grid .step-number{left:20px;top:22px}.journey-grid h3{font-size:16px}.journey-grid p{font-size:12px}.journey-grid>div::after{display:none}.faq{padding-top:28px;padding-bottom:38px;gap:10px}.faq h2{font-size:26px}.faq summary,.faq p{font-size:12px}.faq summary{min-height:44px;align-items:center}.site-footer .shell{gap:14px}.site-footer .brand{font-size:16px}.motion-toggle{font-size:11px}
  .auth-layout{padding-top:25px;padding-bottom:40px;gap:25px}.auth-story h1{font-size:29px;letter-spacing:-1px}.auth-story .back-link{margin-bottom:20px}.auth-story>p{font-size:12px}.auth-card{padding:26px 24px;border-radius:16px}.auth-card h2{font-size:25px}.auth-card>p{font-size:12px}.field input,.field select,.nb-review input{font-size:16px}.field>span{font-size:12px}.identity-switch label{font-size:13px;min-height:44px}.auth-switch button{min-height:44px}.auth-note{font-size:11px}.site-footer .shell{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .account-layout{padding-top:25px}.page-heading h1{font-size:31px}.page-heading .button{min-height:44px;font-size:11px;padding:10px 12px}.subscription-panel{padding:24px;gap:20px}.subscription-panel h2{font-size:21px}.traffic-number{font-size:34px}.traffic-number small{font-size:12px}.subscription-panel p{font-size:12px;line-height:1.8}.request-item{padding:18px 16px}.request-item strong{font-size:14px}.request-item p{font-size:12px}.request-meta{font-size:11px}.request-state{font-size:10px}.request-actions .text-button{font-size:11px}
  .guide-layout{padding-top:25px}.guide-layout h1{font-size:32px}.guide-grid article{padding:25px}.guide-grid h2{font-size:18px}.guide-grid p{font-size:13px}dialog{padding:24px;max-height:calc(100dvh - 40px);width:calc(100vw - 24px)}dialog h2{font-size:25px}dialog dl{font-size:13px}.dialog-notice{font-size:12px}
}
@media(max-width:360px) {.nav>.brand{font-size:18px;gap:7px}.nav>.brand img{width:28px;height:28px}.user-id{max-width:56px}.nav-login{font-size:10px;padding:9px 10px;gap:7px}.plans-intro{min-height:216px}.intro-copy h1{font-size:32px}.plan-card{padding:22px 20px}.plan-quota>strong{font-size:77px}.plan-quota{gap:15px}.plan-price strong{font-size:12px}.subscribe-button{padding:12px 13px;gap:10px;font-size:11px}.auth-card{padding:24px 20px}.auth-story h1 br{display:block}.request-item{flex-direction:column;gap:12px}.request-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.site-footer .shell{align-items:center}.site-footer .brand{font-size:14px}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{animation:none!important;transition:none!important}.signal-nucleus{opacity:.8}.signal-line{stroke-dasharray:none}.plan-card:hover{transform:none}}
html[data-newbee-motion=off] *,html[data-newbee-motion=off] *::before,html[data-newbee-motion=off] *::after{animation:none!important}