:root{--ink:#030711;--ink-2:#080e1b;--panel:#0b1424;--line:#1c2d4a;--mint:#3478ff;--mint-2:#12b7ff;--paper:#050913;--paper-2:#080e19;--text:#edf5ff;--muted:#91a2ba;--dark-text:#f7faff;--danger:#ff7b91;--shadow:0 32px 90px rgba(0,0,0,.48)}
html{background:#030711;color-scheme:dark}body{background:radial-gradient(circle at 80% 15%,rgba(32,101,255,.14),transparent 28%),#050913;color:#f7faff;font-family:Inter,"DM Sans",system-ui,-apple-system,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(55,108,191,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,108,191,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.site-header{background:rgba(3,7,17,.86);border-color:#17243a;color:#fff;box-shadow:0 12px 45px rgba(0,0,0,.28)}.brand b{color:#5ca5ff}.brand-logo{box-shadow:0 0 0 1px #243653,0 0 25px rgba(39,113,255,.17)}.nav-links a{color:#93a3ba}.nav-links a:hover{color:#fff}.menu-toggle{color:#fff}
.button{background:linear-gradient(135deg,#367cff,#1450db);border-color:#377bff;color:#fff;box-shadow:0 13px 34px rgba(26,87,230,.3)}.button:hover{background:linear-gradient(135deg,#4a89ff,#1c5ae8);color:#fff}.button-ghost{background:#0a1220;color:#bdcbe0;border-color:#263a5c}.button-ghost:hover{background:#111d30;border-color:#3d68a9;color:#fff}
.checkout-section,.simple-section{background:radial-gradient(circle at 85% 14%,rgba(37,108,255,.16),transparent 30%),linear-gradient(180deg,#060b15,#030711)}.checkout-copy h1,.simple-section h1,.legal h1,.status-panel h2{color:#fff}.checkout-copy>p,.legal p{color:#91a2ba}.checkout-section .eyebrow,.simple-section .eyebrow{color:#67aaff}.checkout-section .eyebrow span,.simple-section .eyebrow span{background:#3e83ff}
.delivery-note{border-color:#234579;background:linear-gradient(145deg,rgba(17,49,96,.75),rgba(8,19,36,.82))}.delivery-note>span{color:#62a8ff}.delivery-note p{color:#8fa2bb}
.checkout-card{border-color:#203453;background:linear-gradient(155deg,#0d1729,#080e19);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(52,120,255,.08)}.order-summary{border-color:#1c2c46}.order-summary small{color:#8394ac}.summary-price{color:#73afff}.checkout-card label,.checkout-card legend{color:#ecf3ff}.checkout-card input[type=text],.checkout-card input[type=email],.checkout-card input[type=tel]{background:#050a13;border-color:#243652;color:#fff}.checkout-card input:focus{border-color:#3478ff;box-shadow:0 0 0 4px rgba(52,120,255,.13)}
.payment-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0 18px}.payment-brand-grid>span{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid #1d3150;border-radius:12px;background:#070d18}.payment-brand-grid img{display:block;max-width:52px;width:auto;height:18px;object-fit:contain}.payment-brand-grid small{color:#788ba6;font-size:.62rem;font-weight:700;line-height:1;text-align:center}
.payment-option{border-color:#203451;background:#070d18}.payment-option:has(input:checked){border-color:#397fff;background:linear-gradient(145deg,rgba(23,65,137,.47),rgba(8,17,31,.92));box-shadow:inset 0 0 0 1px #397fff,0 0 34px rgba(40,107,255,.09)}.payment-option input{accent-color:#4384ff}.payment-option small{color:#899ab1}.form-fineprint{color:#71839d}.form-fineprint a{color:#6facff}
.manual-card-option{display:grid;gap:14px;margin:4px 0 20px;padding:18px;border:1px solid rgba(56,189,248,.34);border-radius:16px;background:linear-gradient(145deg,rgba(14,78,145,.26),rgba(7,13,24,.96));box-shadow:0 18px 44px rgba(0,79,190,.12)}.manual-card-option strong{display:block;color:#f7fbff;font-size:1rem}.manual-card-option small{display:block;margin-top:5px;color:#8fa4bf;line-height:1.55}.manual-card-option a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #2397ff;border-radius:12px;background:linear-gradient(135deg,#168dff,#1764e8);color:#fff;font-weight:850;text-align:center;text-decoration:none;box-shadow:0 10px 26px rgba(24,112,255,.24)}.manual-card-option a:hover{transform:translateY(-1px);filter:brightness(1.08)}
.alert{background:#111d30;color:#b9c9df}.alert.error{background:#351521;color:#ff9bad}.alert.success{background:#0d2b27;color:#8af1d0}.status-badge{background:#2f2412;color:#f6cc77}.status-badge.paid{background:#0c3128;color:#7de7c2}.status-panel dl div{border-color:#1a2b45}.status-panel dt{color:#7e90aa}.status-panel dd{color:#eaf2ff}
.guide-hero{background:radial-gradient(circle at 82% 25%,rgba(30,104,255,.22),transparent 30%),linear-gradient(155deg,#04070e,#091426 60%,#050913)}.guide-hero h1,.guide-heading h2,.server-card h2,.guide-support h2{color:#fff}.guide-hero p,.guide-heading>p{color:#91a2ba}.guide-summary{border-color:#234679;background:linear-gradient(145deg,#0d1a30,#080f1c);box-shadow:0 30px 80px rgba(0,0,0,.4)}.guide-summary p{color:#8fa2bb}.guide-check{background:#12366d;color:#7fb7ff}
.guide-section{background:#050913}.device-section{background:#070d18}.guide-heading span,.server-label,.guide-support span{color:#67aaff}.guide-steps{border-color:#1b2b45}.guide-steps li{border-color:#1b2b45}.guide-steps li>b{color:#5c9fff}.guide-steps h3{color:#fff}.guide-steps p{color:#8598b2}.device-grid article{border-color:#1c2f4c;background:linear-gradient(145deg,#0c1526,#080e19);box-shadow:0 20px 55px rgba(0,0,0,.26)}.device-grid article>span{background:#102b58;color:#7db6ff}.device-grid h3{color:#fff}.device-grid p{color:#899ab2}.server-section{background:#050913}.server-card{background:linear-gradient(145deg,#0c1b35,#050a13);border:1px solid #214272}.server-list code,.vpn-note code{border-color:#294774;background:#071020;color:#7eb8ff}.guide-support{background:linear-gradient(135deg,#0b2457,#1558d4 58%,#0976ad)}
.site-footer{background:#02040a;border-top:1px solid #15223a}.footer-grid p,.footer-grid a:not(.brand),.footer-bottom{color:#7f91aa}.footer-bottom{border-color:#15243b}
.legal h2{color:#dce9fb}.simple-section a{color:#6eacff}
@media(max-width:980px){.nav-links{background:#060b15;border-color:#1a2a44}.nav-links a{color:#a0afc2}}
@media(max-width:640px){.payment-brand-grid{grid-template-columns:repeat(4,1fr);gap:6px}.payment-brand-grid>span{min-height:57px;padding:6px}.payment-brand-grid img{max-width:42px;height:15px}.payment-brand-grid small{font-size:.56rem}.checkout-card{padding:20px}.guide-hero h1{font-size:2.8rem}}
