/* Blue ink, ice paper and sky: sampled from the supplied support illustrations. */
:root{color-scheme:dark;--border:var(--line);--bg-card:#11150f;--text-main:var(--text);--text-dim:var(--muted)}
.theme-toggle{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;margin-inline-start:20px;padding:12px;background:transparent;border:1px solid var(--line);color:var(--lime);cursor:pointer}
.theme-toggle:hover{background:var(--line);border-color:var(--lime)}
.theme-toggle svg{width:22px;height:22px;overflow:visible}.theme-toggle svg>*{transform-origin:center;transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1)}
.theme-moon{opacity:0;transform:rotate(-40deg) scale(.5)}
[data-theme="light"] .theme-moon{opacity:1;transform:none}[data-theme="light"] .theme-sun{opacity:0;transform:rotate(60deg) scale(.5)}
body{transition:background-color .35s,color .35s}
html[data-theme="light"]{color-scheme:light;--lime:#175da8;--bg:#f5f9ff;--text:#12365f;--muted:#536e8c;--line:#c2d4e8;--bg-card:#fff;--paper:#fff;--wash:#e7f1fd;--border:#c2d4e8}
html[data-theme="light"] body{background:radial-gradient(ellipse at 80% 10%,#e0eeff80,transparent 55%),var(--bg)}
[data-theme="light"] :is(nav,.intro,.hero-meta,.globe-top,.globe-bottom,.card-caption,.location-top,.location-bottom,.plan-label,.plan p,.billing,.plan ul,footer,.language-copy>span,#currency-note,.currency-control>span){color:var(--muted)}
[data-theme="light"] :is(.header-cta,.location,.plan,.language-switch,.currency-toolbar,.country-card,.rotation,.choose){border-color:var(--line);background:var(--paper);color:var(--text)}
[data-theme="light"] :is(.location:hover,.location.active,.choose:hover,.language-switch:hover,.language-switch:focus-within){background:var(--wash);border-color:var(--lime)}
[data-theme="light"] :is(.primary,.featured .choose,.cookie-notice button){background:var(--lime);color:white;box-shadow:4px 4px 0 #afc9e6}
[data-theme="light"] .primary:hover{box-shadow:2px 2px 0 #afc9e6}
[data-theme="light"] .featured{background:linear-gradient(150deg,#e0edff,#fff);border-color:var(--lime)}
[data-theme="light"] .featured .choose:hover{background:#104b8c}
[data-theme="light"] .ticker{background:var(--lime);color:#f5f9ff}
[data-theme="light"] .plan ul{border-color:var(--line)}
[data-theme="light"] .plan-label .badge{border-color:#8db0d8}
[data-theme="light"] .country-card{background:#f4f9fff2;box-shadow:6px 6px 0 #c3d9f066}
[data-theme="light"] .globe-area{background:radial-gradient(ellipse,#c5def888,transparent 68%)}
[data-theme="light"] .cross{color:#6997c4}
[data-theme="light"] .language-switch{box-shadow:3px 3px 0 #c4d9ef}
[data-theme="light"] :is(.language-copy strong,footer .brand){color:var(--text)}
[data-theme="light"] :is(.language-switch select option,.currency-control select){background:var(--paper);color:var(--text);border-color:var(--line)}
[data-theme="light"] :is(.brand-mark img,.outro img){filter:hue-rotate(155deg) saturate(.85)}
[data-theme="light"] .brand-mark{filter:drop-shadow(0 2px 0 #bdd3eb)}
[data-theme="light"] dialog:not(#faq-support){background:var(--paper);border-color:#7aa3cc;box-shadow:8px 8px 0 #abc5e355}
[data-theme="light"] dialog::backdrop{background:#d4e4f3b8;backdrop-filter:blur(7px)}
[data-theme="light"] :is(.cabinet-container,.account-card,.cookie-notice){background:var(--paper);border-color:var(--line);color:var(--text)}
[data-theme="light"] .subscription-card{background:linear-gradient(145deg,#e5f0ff,#fff);border-color:#86add6;box-shadow:0 12px 45px #1d5b9910}
[data-theme="light"] :is(.form-group input,.account-dialog input,.connection-link,.sub-box,.devices-list li,.account-secondary,.renew-options button,.intro-skip){background:#f4f8fe;color:var(--text);border-color:var(--line)}
[data-theme="light"] :is(input::placeholder,.dashboard-info,.toggle-link,.field-note,.account-heading p,.card-number,.account-fields dt,.purchase-row small,.subscription-ref>span,.subscription-ref small,.subscription-dates span,.account-devices span:not(.device-icon),.account-devices small,.devices-empty,.device-help p,.account-dialog label small,.cookie-copy p,.intro-meta,.intro-caption,.intro-tagline){color:var(--muted)}
[data-theme="light"] :is(.purchase-row,.account-dialog form label){color:var(--text)}
[data-theme="light"] :is(.account-fields>div,.purchase-row,.account-devices li,.device-help,.device-count,.demo-badge){border-color:var(--line)!important}
[data-theme="light"] :is(.device-icon,.device-help>span,.device-count,.dialog-cross){color:var(--lime)}
[data-theme="light"] .card-divider{background:var(--line)}
[data-theme="light"] .profile-avatar{color:white;box-shadow:5px 5px 0 #b3cee9}
[data-theme="light"] .traffic-value>span{color:var(--muted)!important}
[data-theme="light"] .infinity-bar{background-image:linear-gradient(90deg,#e0edff,var(--lime),#e0edff);box-shadow:0 0 12px #175da822}
[data-theme="light"] .subscription-status{color:var(--muted);border-color:var(--line)}
[data-theme="light"] .subscription-status.is-active{color:var(--lime);background:#dceaff;border-color:#8faed5}
[data-theme="light"] :is(.renew-options button.is-selected,.renew-options button:hover,.account-secondary:hover){background:var(--wash);border-color:var(--lime)}
[data-theme="light"] #pay-method{background:#f4f8fe!important;color:var(--text)!important;border-color:var(--line)!important}
[data-theme="light"] .logout-btn-styled{background:#fff0ef;border-color:#eabdb9;color:#a33732}
[data-theme="light"] .logout-btn-styled span{color:#a33732}
[data-theme="light"] .logout-btn-styled:hover{background:#ffe1de;border-color:#cf8e88}
[data-theme="light"] .cookie-notice{box-shadow:5px 5px 0 #a7c4e255}
[data-theme="light"] #toast-container .toast{background:linear-gradient(120deg,#fff,#eaf3fff7);color:var(--text);border-color:#a1bbd6;border-inline-start-color:var(--lime);box-shadow:4px 4px 0 #a7c4e255,0 10px 28px #183b6414}
[data-theme="light"] #toast-container .toast.error{border-inline-start-color:#b64636}
[data-theme="light"] .toast-mark{color:var(--lime);border-color:#a1bbd6}
[data-theme="light"] .toast.error .toast-mark{color:#b64636;border-color:#dfafa8}
[data-theme="light"] #toast-container .toast button{color:var(--muted)}
[data-theme="light"] #toast-container .toast::after{background:#175da877}
[data-theme="light"] .auth-intro{background:var(--bg);color:var(--text)}
[data-theme="light"] .auth-intro:before{background-image:linear-gradient(#175da810 1px,transparent 1px),linear-gradient(90deg,#175da810 1px,transparent 1px)}
[data-theme="light"] .intro-corner{border-color:#175da877}
[data-theme="light"] .intro-logo{text-shadow:5px 5px 0 #bcd5f1}
[data-theme="light"] .intro-progress{background:#d3e3f5}[data-theme="light"] .intro-progress span{background:var(--lime)}
/* Support keeps identical geometry and lifecycle in both themes. */
[data-theme="light"] .support-launch{background:#f4f9fff5;border-color:#8aaed4;color:var(--lime);box-shadow:4px 4px 0 #9cbad755}
[data-theme="light"] .support-launch:hover{background:#dfedfe}[data-theme="light"] .support-launch span{color:var(--lime)}
[data-theme="light"] #faq-support .support-panel{background:#103560;box-shadow:0 0 0 1px #8aaed4,0 18px 90px #12365f40}
[data-theme="light"] #faq-support[data-state="loading"] .support-panel{background:repeating-linear-gradient(0deg,#e4effd 0 8px,#d5e6fa 9px 10px)}
[data-theme="light"] #faq-support[data-state="closing"] .support-panel{background:transparent;box-shadow:none}
[data-theme="light"] #faq-support .support-close{background:#f2f8fff0;border-color:#8baed0;color:#164879}
[data-theme="light"] .support-contact{background:linear-gradient(110deg,#f6fafff7,#e1edfbf2);border-color:#a1bfdc;box-shadow:4px 4px 0 #163c5d30}
[data-theme="light"] .support-contact::before{background:#175da8}
[data-theme="light"] :is(.support-channel,.support-caption){color:#46698c}
[data-theme="light"] #faq-support #support-title{color:#234c76}
[data-theme="light"] .support-contact a{color:#145798}[data-theme="light"] .support-contact a:hover{color:#083b72;text-shadow:0 0 14px #3184cf33}
[data-theme="light"] :is(.support-light,.support-star,.support-pixel,.support-glitch-pixel){background:#e5f5ff;box-shadow:0 0 4px #badfff66}
[data-theme="light"] .support-moon{background:radial-gradient(ellipse,#eef8ff44,transparent 70%)}
[data-theme="light"] #faq-support::backdrop{background:#d4e4f3de}
[data-theme="light"] #faq-support[open]::backdrop{animation-name:light-backdrop-in}
[data-theme="light"] #faq-support[data-state="closing"]::backdrop{animation-name:light-backdrop-out}
@keyframes light-backdrop-in{from{background:#d4e4f300;backdrop-filter:blur(0)}to{background:#d4e4f3de;backdrop-filter:blur(7px)}}
@keyframes light-backdrop-out{from{background:#d4e4f3de;backdrop-filter:blur(7px)}to{background:#d4e4f300;backdrop-filter:blur(0)}}
/* Daylight harbor: shimmer follows the water, clouds stay above the mountains. */
.support-day-water{display:none;position:absolute;inset:0}
[data-theme="light"] .support-day-water{display:block}
[data-theme="light"] :is(.support-city-stars,.support-city-windows){display:none}
[data-theme="light"] :is(.support-city-stars,.support-city-windows) *{animation:none!important}
.support-day-water i{position:absolute;height:1px;background:#f4fcff;box-shadow:0 1px 0 #acd7ff33;animation:harbor-shimmer var(--duration) ease-in-out var(--phase) infinite;opacity:0}
[data-theme="light"] .support-city-moon{left:60%;top:25%;width:13%;height:10%;background:radial-gradient(ellipse,#fff9,transparent 72%)}
[data-theme="light"] .support-city-cloud{background:radial-gradient(ellipse at 30% 50%,#fff,transparent 55%),radial-gradient(ellipse at 75% 65%,#e9f6ff,transparent 45%);opacity:.14}
@keyframes harbor-shimmer{0%,100%{opacity:.05;transform:scaleX(.75)}43%{opacity:.6;transform:scaleX(1)}71%{opacity:.18;transform:scaleX(.9)}}
@media(min-width:701px) and (max-width:1100px){header nav{gap:12px;font-size:12px}.theme-toggle{margin-inline-start:12px}.language-switch{margin-inline-start:12px;margin-inline-end:12px;min-width:130px}header{gap:8px;padding-inline:4%}}
@media(max-width:700px){header{gap:10px}.theme-toggle{margin-inline-start:auto;flex-basis:42px;width:42px;height:42px;padding:10px}.language-switch{margin-inline-start:0;min-width:128px;padding:8px;gap:8px}.language-copy strong{font-size:13px}.brand{gap:7px}.brand-vpn{margin-left:6px}.brand-mark{width:38px}.header-cta{order:3}}
@media(max-width:380px){header .brand{font-size:25px}header .brand-vpn{font-size:7px;margin-left:4px}header .brand-mark{width:30px}header .brand-mark img[src$="brand-hash-pixel.svg"]{width:28px;height:28px}.language-switch{min-width:112px}.language-icon{width:18px}.theme-toggle{flex-basis:38px;width:38px;height:40px}header{gap:7px}}
@media(prefers-reduced-motion:reduce){.theme-toggle svg>*{transition:none}}

[data-theme="light"] .brand-mark img{filter:hue-rotate(155deg) saturate(1.5) brightness(.52)}
[data-theme="dark"] .support-day-water *{animation-play-state:paused!important}
[data-theme="light"] :is(.support-launch,#faq-support button,#faq-support a,#toast-container .toast button,.intro-skip):focus-visible{outline-color:var(--lime)}