/* xankaVPN · midnight chrome. Shared customer, partner and admin surfaces. */
.bank-minimum{margin:0 0 28px;color:#aaaab0;font-size:13px;line-height:1.5}
.franchise-tabs{display:flex;gap:8px;overflow-x:auto;margin:24px 0;padding:2px 0 10px;scrollbar-width:thin;scrollbar-color:#555 transparent}
.franchise-tabs a{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid #444;border-radius:99px;padding:12px 16px;font-size:13px;background:linear-gradient(#29292d,#171719);box-shadow:inset 0 1px #ffffff25}
.franchise-tabs a[aria-current=page]{background:linear-gradient(#5dbaff,#1574dc);border-color:#66bbff;color:white}
.franchise-management{border:1px solid #38383b;border-radius:28px;overflow:hidden;background:#1c1c1e}.franchise-management>.account-row{border-radius:0;border-bottom:1px solid #38383b;padding:20px}.franchise-management>.account-row:last-child{border-bottom:0}.franchise-management .account-icon{margin-right:4px}
.xanka-ui[data-page^="/franchise"] .content-canvas{max-width:920px;margin-inline:auto}.xanka-ui[data-page^="/franchise"] .bank-card{max-width:620px}.xanka-ui[data-page^="/franchise"] .bank-actions{max-width:620px}.xanka-ui [class*="text-transparent"][class*="bg-clip-text"]{background:linear-gradient(#fff,#c2c6cd);background-clip:text;-webkit-background-clip:text;color:transparent}
.xanka-ui .cf-turnstile{min-height:65px;width:100%;margin:12px 0}.xanka-ui .oauth-btn{display:flex;justify-content:center;align-items:center;gap:10px}
.xanka-ui .account-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:12px}.xanka-ui .account-dialog .dialog-header button{width:40px;height:40px;border:1px solid #555;border-radius:50%;display:grid;place-items:center}.xanka-ui .account-dialog .dialog-header svg{width:20px;height:20px}
:root{--x-bg:#000;--x-panel:#1c1c1e;--x-line:#38383b;--x-text:#f5f5f7;--x-muted:#aaaab0;--x-blue:#329aff;--x-red:#e63649;--x-radius:30px;--x-chrome:inset 0 2px 3px #ffffff42,inset 0 -2px 4px #000,0 0 0 1px #ffffff08,0 8px 20px #0008}
html{background:#000;scroll-padding-top:90px}
body.xanka-ui{background:var(--x-bg);color:var(--x-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.025em;--muted:#aaaab0;--text:#f5f5f7;--bg-0:#000;--bg-1:#111;--indigo:#329aff;--violet:#329aff;--fuchsia:#e63649;--grad-1:linear-gradient(180deg,#fff,#b6b8bf);--grad-2:linear-gradient(180deg,#5cb9ff,#2584e8)}
.xanka-ui .liquid-scene,.xanka-ui .bg-mesh,.xanka-ui .bg-grain{display:none}
.xanka-ui .card,.xanka-ui .glass{background:linear-gradient(160deg,#242426,#1b1b1d 70%);border:1px solid var(--x-line);border-radius:var(--x-radius);box-shadow:inset 0 1px 1px #ffffff1c,0 8px 24px #0006;backdrop-filter:none;-webkit-backdrop-filter:none}
.xanka-ui .card:before,.xanka-ui .card:after,.xanka-ui .glass:before{display:none}
.xanka-ui .card>.absolute.pointer-events-none{display:none}
.xanka-ui .card-hover:hover{transform:none;border-color:#69696e;box-shadow:inset 0 1px #ffffff25,0 6px 24px #0009}
.xanka-ui h1,.xanka-ui h2,.xanka-ui h3,.xanka-ui .display{font-family:inherit;letter-spacing:-.04em}
.xanka-ui h1{font-size:clamp(26px,5vw,36px);line-height:1.15}
.xanka-ui .text-gradient{background:linear-gradient(#fff,#b8bac2);-webkit-background-clip:text;background-clip:text;color:transparent}
.xanka-ui [class*="text-violet"],.xanka-ui [class*="text-fuchsia"]{color:#a2ceff}
.xanka-ui .text-zinc-500{color:#a0a0a7}.xanka-ui .text-zinc-400{color:#b0b0b6}
.xanka-ui .btn,.xanka-ui .oauth-btn{min-height:46px;border-radius:999px;font-weight:650;letter-spacing:-.02em;transition:filter .18s,transform .18s,box-shadow .18s}
.xanka-ui .btn-primary{background:linear-gradient(180deg,#66c4ff 0%,#38a2ff 18%,#1478ed 55%,#43a9ff 100%);border:1px solid #8acfff;color:#fff;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 5px #b6e6ff65,0 0 18px #168aff30;text-shadow:0 1px 2px #03427880}
.xanka-ui .btn-success{background:linear-gradient(#414748,#22282a);color:#bcf9de;border:1px solid #56655f;box-shadow:var(--x-chrome)}
.xanka-ui .btn-ghost,.xanka-ui .oauth-btn{background:linear-gradient(#343437,#1c1c1e 52%,#222225);border:1px solid #48484c;color:var(--x-text);box-shadow:var(--x-chrome)}
.xanka-ui .btn:active,.xanka-ui .oauth-btn:active,.account-pill:active,.account-row:active{transform:scale(.985);filter:brightness(.88)}
.xanka-ui :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #93d2ff;outline-offset:4px}
.xanka-ui button:disabled{opacity:.45;cursor:not-allowed}
.xanka-ui .input{background:#101012;border:1px solid #414145;border-radius:16px;box-shadow:inset 0 2px 5px #000;color:#fff;min-height:48px;font-size:16px}
.xanka-ui .badge{letter-spacing:.035em;border-radius:999px;box-shadow:inset 0 1px #ffffff18}
.xanka-ui .badge-indigo,.xanka-ui .badge-fuchsia{background:#182430;color:#a6d8ff;border-color:#37516b}
.xanka-ui .flash-card{background:#202024;border-radius:22px;box-shadow:var(--x-chrome)}
.xanka-ui .reveal,.xanka-ui .reveal-stagger>*{animation:none;opacity:1;transform:none}
.xanka-ui .minimal-footer{font-size:11px;color:#88888e;padding-bottom:100px}
.xanka-ui:not(.is-operations) .desktop-sidebar{display:none}
.xanka-ui:not(.is-operations) .webapp-shell{display:block;padding:0;max-width:none}
.xanka-ui:not(.is-operations) .webapp-main{margin:0;padding:0;width:100%}
.xanka-ui:not(.is-operations) .content-canvas,.xanka-ui:not(.is-operations) .flash-wrap{width:min(620px,calc(100% - 32px));margin:0 auto;padding:12px 0 24px}
.xanka-ui:not(.is-operations) .app-topbar{position:relative;width:min(620px,calc(100% - 32px));margin:10px auto 0;padding:0;min-height:44px;background:none;border:0;backdrop-filter:none;gap:12px}
.xanka-ui:not(.is-operations) .app-topbar>.hidden{display:none}
.xanka-ui .mobile-brand{display:flex;font-size:16px;letter-spacing:-.05em;font-weight:800;gap:7px;align-items:center}
.xanka-ui .mobile-brand img{width:28px;height:28px;border-radius:9px}
.xanka-ui .profile-menu{flex:0 0 44px;width:44px;margin-left:auto;position:relative}
.xanka-ui .profile-menu>summary{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:50%;cursor:pointer;color:#eeeef2;list-style:none}
.xanka-ui .profile-menu>summary::-webkit-details-marker{display:none}
.xanka-ui .profile-menu>summary:hover,.xanka-ui .profile-menu[open]>summary{background:#ffffff0c;color:var(--x-blue)}
.xanka-ui .profile-user-icon{width:26px;height:26px}
.xanka-ui .profile-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(#747983,#333740);box-shadow:inset 0 1px 3px #fff8;border:1px solid #8c8e95}
.xanka-ui .profile-avatar svg{width:22px;height:22px}
.xanka-ui .profile-state{display:none}.xanka-ui .profile-name{font-size:15px;color:#f5f5f7;font-weight:750}
.xanka-ui .profile-copy{display:flex;flex:1;min-width:0}.xanka-ui .profile-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xanka-ui .profile-menu-panel{background:#202023;border:1px solid #444;border-radius:22px;box-shadow:0 20px 40px #000c;z-index:60}
.xanka-ui .profile-menu-panel a,.xanka-ui .profile-menu-panel button{min-height:44px}
.xanka-ui .ios-bottom-nav{display:flex;position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:0;width:min(660px,100%);height:calc(78px + env(safe-area-inset-bottom));padding:8px 20px calc(8px + env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(#0000,#000 16%);box-shadow:none;backdrop-filter:none;z-index:50;justify-content:space-around}
.xanka-ui .ios-bottom-nav a{min-width:80px;min-height:56px;color:#e4e4e7;font-size:12px;gap:7px;border:0;background:none;border-radius:0;box-shadow:none;overflow:visible}
.xanka-ui .ios-bottom-nav a:before,.xanka-ui .ios-bottom-nav a:after{display:none}
.xanka-ui .ios-bottom-nav a svg{width:26px;height:26px}.xanka-ui .ios-bottom-nav a.active{color:var(--x-blue);background:none;border:0;box-shadow:none}
.xanka-ui .ios-bottom-nav a:nth-child(2) svg{border:2px solid currentColor;border-radius:50%;padding:3px}
.xanka-ui .is-operations .ios-bottom-nav{display:none}
.account-home{padding:0 0 30px}.account-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;margin:0 0 24px;color:#c5c6cc}
.account-status svg{width:17px;height:17px}.account-status.is-warning{color:#e7bf65}.status-dot{width:7px;height:7px;border-radius:50%;background:#65d8a1;box-shadow:0 0 9px #65d8a177}
.account-group{border-radius:var(--x-radius);border:1px solid #3b3b3e;background:#1c1c1e;box-shadow:inset 0 1px 2px #ffffff15;overflow:hidden;margin:0 0 24px}
.account-row{display:flex;width:100%;align-items:center;gap:13px;padding:18px 17px;min-height:70px;border:0;background:none;color:#f5f5f7;text-align:left;text-decoration:none;font-size:16px;font-weight:650;transition:background .18s,transform .18s}
.account-row+.account-row{border-top:1px solid #373739}.account-row:hover{background:#ffffff06}
.account-row small{display:block;font-size:12px;font-weight:450;color:#a9a9b0;margin-top:4px;letter-spacing:-.01em}
.account-icon{width:32px;height:32px;min-width:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff45;box-shadow:inset 0 2px 3px #ffffff85,inset 0 -2px 4px #0005,0 2px 4px #0005;background:linear-gradient(#9a9da5,#44464e);color:#fff}
.account-icon svg{width:19px;height:19px}.account-icon.sky{background:linear-gradient(#8ee6ff,#168ac1)}.account-icon.blue{background:linear-gradient(#6ec7ff,#1475dc)}.account-icon.green{background:linear-gradient(#a3f5a4,#26a663)}.account-icon.amber{background:linear-gradient(#f6d78e,#bb7532)}
.account-pill{width:100%;display:flex;align-items:center;gap:10px;min-height:50px;margin:0 0 20px;padding:7px 14px 7px 8px;border:1px solid #39393e;border-radius:999px;background:linear-gradient(#151517,#080809);box-shadow:var(--x-chrome);font-size:16px;font-weight:650;color:#f5f5f7;text-decoration:none;text-align:left;transition:transform .18s,filter .18s}
.row-chevron{width:18px;height:18px;flex:0 0 auto;margin-left:auto;color:#9999a0}.account-value{margin-left:auto;overflow-wrap:anywhere;text-align:right;font-size:14px}.account-promo{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;margin:0 0 26px;border-radius:999px;background:linear-gradient(#f46b77,#a3152c);box-shadow:inset 0 2px 5px #ffc5ccaa,0 0 24px #d6264966;color:#fff;font-size:14px}.account-promo strong{display:flex;align-items:center;gap:5px}.account-promo svg{width:16px;height:16px}
.account-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #626268;border-radius:32px;background:linear-gradient(160deg,#292b2f,#111214 55%);color:#f5f5f7;box-shadow:inset 0 2px 2px #ffffff30,0 30px 100px #000b;overscroll-behavior:contain}
.account-dialog[open]{animation:sheet-in .22s ease-out}.account-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.dialog-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 12px 22px;background:#222428;border-bottom:1px solid #45474c}
.dialog-top h2{font-size:18px;font-weight:700}.dialog-top button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(#3d3f44,#1b1c20);border:1px solid #53555b;box-shadow:var(--x-chrome)}.dialog-top svg{width:20px;height:20px}
.dialog-body{padding:22px}.account-hint{color:#b5b5bc;font-size:14px;line-height:1.55;margin:0 0 20px}.dialog-body .lg\:grid-cols-2{grid-template-columns:1fr}.dialog-body .subscription-card{background:linear-gradient(#393a3e,#28292d);border-radius:24px;padding:22px}
.dialog-body .subscription-card .number-xl{font-size:44px}.dialog-body .subscription-actions{grid-template-columns:1fr}.dialog-body .card .hairline{border-color:#4a4a4e}
.xanka-ui .period-btn.is-selected,.xanka-ui .extras-btn.is-selected{background:linear-gradient(#344e68,#182d45);border-color:#74bfff;box-shadow:inset 0 1px #a8d6ff77,0 0 0 1px #329aff40}
.xanka-ui [data-plan-card]:has(input:checked){background:linear-gradient(155deg,#283a4e,#17222f);border-color:#76baff;box-shadow:inset 0 1px #b5d7ff44,0 0 0 1px #329aff40}
.xanka-ui #buy-form{background:linear-gradient(#36373a,#242529);border-color:#626469}.xanka-ui #summary-total{font-size:clamp(36px,7vw,56px)}
.xanka-ui .public-topbar{background:#000;border-bottom:1px solid #252528;width:min(1080px,calc(100% - 36px));margin:auto}.xanka-ui .app-brand-caption{color:#999;font-size:10px}.xanka-ui .app-brand-mark{background:#202024;border:1px solid #555;box-shadow:var(--x-chrome)}
.xanka-ui .auth-canvas{width:min(660px,calc(100% - 32px));margin:auto;padding-bottom:40px}.xanka-ui .auth-canvas .card{background:linear-gradient(#29292c,#18181b)}
@keyframes sheet-in{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
.bank-heading{margin:0 0 18px}.bank-eyebrow{color:#a4a4aa;font-size:10px;letter-spacing:.18em;font-weight:700}.bank-heading h1{margin-top:7px}
.bank-card{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:26px;border:1px solid #797b83;background:repeating-linear-gradient(105deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#555862 0%,#282a32 32%,#14161c 65%,#444750 100%);box-shadow:inset 0 2px 2px #fff8,inset 0 -2px 4px #000,0 18px 50px #000a;min-height:226px}
.bank-card:after{content:'';position:absolute;right:-60px;top:-75px;width:260px;height:310px;border:22px solid #8b112a55;border-radius:50%;transform:rotate(35deg);z-index:-1;box-shadow:0 0 30px #ef254523}
.bank-card-top{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:850;letter-spacing:-.05em}.bank-card-top svg{width:27px;height:27px;color:#c4c6cd}.bank-red{color:#ff5165}.bank-caption{margin-top:27px;color:#c3c4ca;font-size:13px}.bank-balance{font-size:clamp(36px,8vw,52px);font-weight:700;letter-spacing:-.045em;line-height:1.4;text-shadow:0 2px 3px #000}.bank-balance span{font-size:.6em;color:#aaaeb9}.bank-card-bottom{display:flex;justify-content:space-between;gap:12px;color:#c0c2cb;font-size:10px;letter-spacing:.1em;margin-top:19px}.bank-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 26px}.bank-actions svg{width:18px;height:18px}.bank-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 8px 26px}.bank-metrics span{color:#aaaab2;font-size:12px;display:block}.bank-metrics strong{display:block;font-size:23px;margin-top:4px}.bank-metrics>div:first-child strong{color:#a7e8c8}
.landing-retro{max-width:640px;margin:auto;padding:26px 0 60px}.landing-art{height:260px;position:relative;display:grid;place-items:center;isolation:isolate;margin:0 auto 26px}.landing-art:before{content:'';position:absolute;inset:10%;z-index:-1;background:radial-gradient(ellipse,#c2293b24,transparent 70%);filter:blur(16px)}
.chrome-disc{width:224px;height:224px;border-radius:50%;padding:8px;background:conic-gradient(from 20deg,#858991,#1b1d24 17%,#dbdce0 28%,#585b64 37%,#101116 52%,#afb2ba 72%,#363942 88%,#858991);box-shadow:0 20px 40px #000,inset 0 0 3px #fff;transform:rotate(-9deg)}
.chrome-disc-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 20%,#373b43,#121418 65%);border:2px solid #08090c;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 3px 8px #000;gap:5px}.chrome-disc-inner img{width:76px;height:76px;border-radius:21px;box-shadow:0 0 25px #0009}.chrome-disc-inner strong{font-size:25px;font-weight:850;letter-spacing:-.065em}.chrome-disc-inner span{font-size:8px;letter-spacing:.22em;color:#e8808c}.retro-sticker{position:absolute;right:6%;bottom:24px;transform:rotate(-9deg);background:#b8263d;color:#fff;border:1px solid #ed6476;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.11em;box-shadow:0 4px 12px #0008}
.landing-retro .landing-lead{text-align:center;color:#d3d3d9;font-size:18px;line-height:1.45;max-width:420px;margin:0 auto 22px}.landing-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:22px 0 30px}.landing-tags span{padding:6px 11px;border:1px solid #53565f;border-radius:99px;color:#b5d6f7;font-size:10px;font-weight:650;letter-spacing:.04em}
.landing-pass{position:relative;border-radius:44px;padding:8px;background:linear-gradient(145deg,#c5c8d0,#474b56 22%,#13151a 50%,#858a95 82%,#e3e5e9);box-shadow:0 18px 60px #000,inset 0 1px 2px #fff;margin-bottom:28px;overflow:hidden}
.landing-pass-inner{background:radial-gradient(ellipse at 95% 40%,#611c2a44,transparent 65%),linear-gradient(#24262d,#111216);border:1px solid #08090c;border-radius:36px;overflow:hidden;box-shadow:inset 0 2px 8px #0009;text-align:center}.landing-pass-top{font-size:10px;letter-spacing:.15em;padding:21px;border-bottom:1px solid #505159;color:#cccdd3;font-weight:700}.landing-pass h1{font-size:clamp(34px,8vw,56px);line-height:1.04;margin:34px 15px 18px;font-weight:800;text-shadow:0 2px 2px #000}.landing-pass h1 em{font-style:normal;color:#ee566b}.landing-pass p{font-size:14px;color:#b6b7c1;max-width:380px;margin:0 auto 24px;line-height:1.55;padding:0 18px}.landing-platforms{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px auto;color:#d3d7df}.landing-platforms svg{width:26px;height:26px}.landing-pass .btn{display:flex;margin:22px 20px 12px}.landing-pass small{display:block;color:#b2b3ba;font-size:11px;margin-bottom:20px}.landing-footer-title{font-size:30px;text-align:center;line-height:1.1;font-weight:800;margin:48px 0 24px}.landing-footer-title span{color:#ec5268}.landing-retro .account-pill{margin-bottom:15px}
.xanka-ui .auth-canvas:has(.landing-retro){width:min(640px,calc(100% - 32px))}
.xanka-ui .app-brand-mark,.xanka-ui .app-brand-mark img,.xanka-ui .mobile-brand img,.chrome-disc-inner img{background:transparent;border:0;box-shadow:none;border-radius:0;object-fit:contain}
.chrome-disc{display:block;text-decoration:none;transition:transform .18s,filter .18s}.chrome-disc:hover{filter:brightness(1.14)}.chrome-disc:active{transform:rotate(-9deg) scale(.975)}
.chrome-disc-inner .disc-connect{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;margin-top:6px;font-weight:750;color:#ff8d9a}.disc-connect svg{width:16px;height:16px}.retro-sticker{pointer-events:none}
@media(max-width:640px){.xanka-ui:not(.is-operations) .content-canvas{width:calc(100% - 20px)}.xanka-ui:not(.is-operations) .app-topbar{width:calc(100% - 20px);margin-top:8px}.xanka-ui .mobile-brand span{display:none}.xanka-ui .profile-menu{max-width:none}.account-dialog{margin:auto auto 0;max-height:calc(100dvh - 24px);width:100%;border-radius:30px 30px 0 0}.dialog-body{padding:18px 14px calc(24px + env(safe-area-inset-bottom))}.account-row{font-size:15px}.xanka-ui .minimal-footer{width:calc(100% - 30px);margin:auto}.xanka-ui .account-dialog .sm\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.xanka-ui *,.xanka-ui *:before,.xanka-ui *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.xanka-ui .auth-canvas{padding-top:12px}.xanka-ui .auth-canvas>section{padding-top:0}.xanka-ui .auth-canvas .card{margin-top:0}.xanka-ui .public-topbar{min-height:54px;padding-block:7px}.xanka-ui .program-heading-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.program-heading-line a{font-size:12px;color:#8cc6ff;display:inline-flex;align-items:center;gap:6px;min-height:32px}.program-heading-line a svg{width:14px;height:14px}
.xanka-ui .flash-card{align-items:center;gap:12px;padding-top:6px;padding-bottom:6px}
.xanka-ui .flash-dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin-left:auto;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer;border-radius:50%}
.xanka-ui .flash-dismiss:hover{background:#ffffff0c}.xanka-ui .flash-dismiss:focus-visible{outline:2px solid currentColor;outline-offset:-4px}