:root{color-scheme:dark;--night:var(--jl-071126);--night-soft:var(--jl-0b1935);--panel:var(--jl-101f42);--panel-light:var(--jl-132a5a);--deep:var(--jl-f2f6ff);--text:var(--jl-d4def0);--muted:var(--jl-aebed9);--blue:var(--jl-a5c3ff);--blue2:var(--jl-a5c3ff);--brand-button:#3567cc;--line:rgba(var(--jl-line-rgb),.18);--soft:var(--jl-132a5a);--green:var(--jl-85dbbf);--violet:#8878ff}
body{background:var(--jl-071126);color:var(--text)}
.page{background:radial-gradient(ellipse at 50% 100%,rgba(105,109,226,.20),transparent 38%),radial-gradient(ellipse at 8% 16%,rgba(53,111,207,.16),transparent 30%),linear-gradient(180deg,var(--jl-08142c) 0%,var(--jl-071126) 54%,var(--jl-091633) 100%);min-height:100dvh}
.page:before,.page::before{background:radial-gradient(ellipse at 75% 0,rgba(94,150,255,.08),transparent 55%);pointer-events:none}.grid-bg,.grid{opacity:.12}.block{opacity:.15}
.header .brand,.header .brand-name,.header .nav a{color:var(--jl-dbe7ff)}.header .nav .login-entry,.header .nav .order-entry{color:var(--jl-c5d8ff)!important}.header .logo{filter:brightness(0) invert(1);opacity:.95}
.header .switch{background:var(--jl-101f42);border-color:var(--line)}.header .switch span{color:var(--jl-aebed9)}.header .switch .active{background:var(--jl-294b86);color:var(--jl-f2f6ff);box-shadow:none}
h1,h2,h3,h4{color:var(--deep)}.hero p,.intro p,.page-head p{color:var(--jl-bdcbe3)}.eyebrow{color:var(--jl-a5c3ff)}.footer{color:var(--jl-aebed9);border-color:var(--line)}
input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--jl-e5edfc);caret-color:var(--jl-a5c3ff);accent-color:#5e96ff}input::placeholder,textarea::placeholder{color:var(--jl-99abc9);opacity:1}select option{background:var(--jl-101f42);color:var(--jl-e5edfc)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8baeff;outline-offset:3px}
.btn:not(.secondary):not(.ghost),.quote-cta,.pay,.buy,.login-button,.submit,.submit-btn,.modal-submit,.action.primary,.action-btn.primary,.order-actions .primary,.button,.activate-link,.lookup button,.dialog>button{background:var(--brand-button);color:#fff;border:0;box-shadow:none}
.btn:not(.secondary):not(.ghost):hover,.quote-cta:hover,.pay:hover,.buy:hover,.login-button:hover,.order-actions .primary:hover,.button:hover{background:#2f5cba;color:#fff}
.btn.secondary,.btn.ghost{background:var(--jl-172f58);color:var(--jl-c4d8ff);border-color:var(--line)}
.quote-dialog,.dialog,.login-card{background:var(--jl-101f42);border-color:rgba(var(--jl-line-rgb),.24);box-shadow:0 24px 70px rgba(var(--jl-shadow-rgb),.4)}.modal,.quote-modal{background:rgba(2,7,19,.72)}
.table-shell, .panel,.box,.order-card,.plan-card,.country-card,.product-card,.delivery-card{border-color:var(--line)}thead th{background:var(--jl-152b50);color:var(--jl-c2d2eb)}tbody td{border-color:rgba(var(--jl-line-rgb),.12)}
.method.active,.card-type.active{background:var(--jl-193969);border-color:#6d9fea}.method.active .radio,.card-type.active .radio{border:4px solid #8bb1ff;background:var(--jl-101f42)}.method strong,.card-type strong{color:var(--jl-edf3ff)}.method span,.card-type span{color:var(--jl-b9c9e4)}.method .method-icon,.card-type .method-icon{color:#fff}.card-type>span:nth-child(2)>span{display:block;font-size:12px;line-height:1.6;margin-top:4px}
.token-price>span,.resolution-prices>span{background:var(--jl-172e56);color:var(--jl-c4d8ff)}.token-price>span>span,.resolution-prices>span>span{background:transparent;padding:0;color:inherit}.resolution-prices b{color:var(--jl-b4c9eb)}.token-price .price-muted{background:var(--jl-152642);color:var(--jl-b9c8df)}
.qr-wrap,.activation-panel canvas,.redeem-panel canvas{background:#fff;border-color:#fff}.qr-panel canvas{background:#fff}.activation-code{color:var(--jl-c4d8ff);background:var(--jl-172f58)}
.custom-card .card-visual{background:var(--jl-132a5a);color:var(--jl-c4d8ff);border-color:rgba(var(--jl-line-rgb),.3)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.tone1{background:linear-gradient(135deg,#ec7628,#f5a84a)}
.tone2{background:linear-gradient(135deg,#2098c8,#4ab8df)}
.tone3{background:linear-gradient(135deg,#5b3a9f,#8a67d1)}
.tone4{background:linear-gradient(135deg,#c94a55,#ec7378)}
.tone5{background:linear-gradient(135deg,#d69a20,#f1c14c)}
.tone6{background:linear-gradient(135deg,#238e86,#45b7aa)}
.stat-card::after{opacity:.08}.stat-icon{background:var(--jl-172f58)!important;color:var(--jl-b9d1ff)!important}.sidebar{background:var(--jl-0b1935)}.sidebar .brand{color:var(--jl-e3ecfc)}

body.country-mode{background:var(--jl-071126)}body.country-mode .country-view.active{background:radial-gradient(ellipse at 25% 35%,rgba(53,111,207,.16),transparent 50%),linear-gradient(180deg,var(--jl-08142c),var(--jl-071126) 65%,var(--jl-091633))}.country-view:before{opacity:.4}.country-view:after{opacity:.14}

:root{--glass:var(--jl-101f42);--pale:var(--jl-172f58);--bg:var(--jl-071126);--card:var(--jl-101f42);--purple:var(--jl-c4b5fd);--red:var(--jl-ffadb9)}
body{font-size:15px;line-height:1.6}
.hero p,.intro p,.page-head p,.success-head p,.product-info p{font-size:15px;line-height:1.75}
label,th,td,.tip,.hint,.safe,.agree,.notice,.footer,.eyebrow,.order-item span{font-size:13px;line-height:1.65}
tbody td{font-size:14px}thead th{font-size:13px}.model-name{font-size:16px}.token-price>span,.resolution-prices>span{font-size:14px;line-height:1.65}.resolution-prices b{font-size:13px}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;line-height:1.5}
.btn,.quote-cta,.pay,.buy,.login-button,.submit,.submit-btn,.modal-submit,.action,.action-btn,.order-actions button,.button,.activate-link,.redeem-link,.activate,.code-button{font-size:14px;min-height:42px;height:auto;padding-top:10px;padding-bottom:10px;line-height:1.5}
.activate,.redeem-link,.login-banner a,.step.active,.tab.active{color:#fff}
.activate [data-lang],.redeem-link [data-lang],.login-banner a [data-lang],.step.active [data-lang],.tab.active [data-lang],.activate-link [data-lang]{color:inherit}
.card-preview{background:var(--jl-172d50)}.card-face{flex-shrink:0}.product-info{min-width:0}.product-info h3{color:var(--jl-f2f6ff)}.product-info p{color:var(--jl-c5d3ea)}
.method .method-icon{display:grid;place-items:center;flex-shrink:0;font-size:18px;font-weight:700}.method strong,.card-type strong{font-size:15px}.method span,.card-type span,.card-type>span:nth-child(2)>span{font-size:13px;line-height:1.6}
.tag,.avatar{background:var(--jl-172f58);color:var(--jl-c7dcff)}.tag.purple{color:var(--jl-d2c3ff)}.state.refund,.down{color:var(--jl-ffadb9)}.business-icon{color:var(--jl-bad2ff)!important}
.order-item strong{font-size:15px;overflow-wrap:anywhere}.order-card p,.order-card .meta{font-size:14px}.order-actions button,.order-actions a{font-size:14px}
.credentials{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.credentials .field{grid-template-columns:1fr auto auto;gap:10px;background:var(--jl-162c4d);padding:14px}.credentials .field label{grid-column:1/-1;font-size:14px}.credentials .field code{font-size:16px;letter-spacing:.02em;overflow-wrap:anywhere;white-space:normal}.credentials .field button{font-size:14px;min-width:52px;height:36px;background:var(--jl-254676);color:var(--jl-e2edff)}.activation-panel canvas{width:160px;height:160px}.activation-panel strong,.redeem-panel strong{font-size:14px}.activation-panel span,.redeem-panel span{font-size:13px;line-height:1.7}.activation-panel .activate-link{white-space:normal;text-align:center}
.quote-dialog,.dialog{max-height:calc(100dvh - 40px);overflow-y:auto}.login-card{height:auto}.field label{font-size:14px}.field small{font-size:13px}.code-button{white-space:nowrap}
@media(max-width:1100px){.delivery-card .credentials{grid-template-columns:1fr}.activation-panel{text-align:left}.activation-panel canvas{margin-left:0}.activation-panel .activate-link{display:inline-flex;padding-left:16px;padding-right:16px}}
@media(max-width:600px){.card-preview{flex-wrap:wrap}.credentials .field{grid-template-columns:minmax(0,1fr) auto auto}.nav{gap:8px}.header .brand{font-size:18px}.header .nav a{font-size:13px}.header .switch span{padding-left:6px;padding-right:6px}.footer{font-size:13px}.quote-dialog,.dialog{max-height:calc(100dvh - 24px)}}

.dialog .confirm,.dialog .deliver{background:var(--brand-button);color:#fff;text-decoration:none}
.dialog .confirm [data-lang],.dialog .deliver [data-lang]{color:inherit}
