html[data-theme=light]{--bg:#f4fbfc;--surface:#fff;--surface-2:#e9f6f8;--surface-3:#d9eef2;--text:#142f38;--muted:#526f78;--line:#cee3e8;--accent:#007b91;--accent-2:#1599aa;--accent-soft:#007b9114;--shadow:0 24px 70px #14323d14}
html[data-theme=light] .hero h1 span{background-image:linear-gradient(100deg,#00697d,#007b91)}
html[data-theme=light] .hero-backdrop{background:radial-gradient(ellipse at 76% 38%,#008fa31a,transparent 42%),radial-gradient(ellipse at 8% 10%,#008fa309,transparent 40%)}
html[data-theme=light] .viper-halo{border-color:#007b9133;box-shadow:0 0 90px #007b910c,inset 0 0 80px #007b910c}html[data-theme=light] .viper-halo:after{border-color:#007b912b}
html[data-theme=light] .phone-wordmark strong{color:#40d7e8}html[data-theme=light] .phone-terminal>span{color:#67d6e2}html[data-theme=light] .phone-screen{background:radial-gradient(ellipse at 80% 35%,#007b9144,transparent 60%),linear-gradient(170deg,#171c25,#090b0e)}
.label-bottom strong{font:600 12px Space Grotesk;color:var(--accent)}
.desktop-nav{gap:20px}.desktop-nav a{font-size:12px}.desktop-nav a[aria-current=page]{color:var(--text)}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;inset:auto 0 -12px;height:2px;background:var(--accent)}
body:not([data-page=home]):not(.content-page) main>.section{padding-top:145px;min-height:65vh}
.section-heading h1,.supported-page h1,.about-copy h1{font:600 clamp(38px,5vw,62px)/1.05 Space Grotesk;letter-spacing:-.045em;margin:0}
.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gateway-grid>a{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:32px;transition:transform .3s,border-color .3s}.gateway-grid>a:hover{transform:translateY(-5px);border-color:var(--accent)}.gateway-grid span{font:10px monospace;color:var(--accent)}.gateway-grid h2{font:600 25px Space Grotesk;letter-spacing:-.025em}.gateway-grid p{font-size:13px;color:var(--muted)}
.catalog-controls{display:flex;gap:25px;align-items:center}.catalog-pager{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:40px}.pager-link{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:11px 16px;font-size:12px}.pager-link.active{background:var(--accent);border-color:var(--accent);color:white}.pager-link.disabled{opacity:.4}.pager-link:hover:not(.disabled){border-color:var(--accent)}
.supported-page>.search-field{max-width:540px}.supported-page>.table-scroll{border:1px solid var(--line);border-radius:16px;max-height:none;background:var(--surface)}#supportedCount{font-size:12px;color:var(--muted)}
.blog-art{background:radial-gradient(ellipse at 80% 10%,var(--accent-soft),transparent 65%),var(--bg);isolation:isolate}.blog-art>img{opacity:.12;filter:grayscale(1);position:absolute;inset:0;object-fit:cover}.blog-art:after{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0 29px,var(--line) 30px);opacity:.25}.blog-art>span{background:var(--surface);color:var(--accent);border-color:var(--line);font-size:8px;bottom:18px;left:25px}.blog-art-title{position:absolute;inset:22px 25px 45px;display:flex;flex-direction:column;justify-content:center;gap:18px}.blog-art-title small{font:8px monospace;letter-spacing:.12em;color:var(--muted)}.blog-art-title strong{font:600 clamp(20px,2.1vw,28px)/1.15 Space Grotesk;letter-spacing:-.045em;max-width:90%}.blog-art-title b{position:absolute;right:0;bottom:-24px;color:var(--accent);font:400 32px Space Grotesk}.blog-card:nth-child(2) .blog-art-title{background:radial-gradient(ellipse at 80% 0%,var(--accent-soft),transparent 65%)}
*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface-2)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--surface-2);border-radius:12px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:12px;border:2px solid var(--surface-2)}::-webkit-scrollbar-corner{background:transparent}
.app-dialog{border-radius:22px;border:1px solid var(--line);overscroll-behavior:contain}.checkout-steps{list-style:none;display:flex;gap:8px;padding:0;margin:25px 0}.checkout-steps li{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px;font:10px monospace;color:var(--muted)}.checkout-steps li.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#checkoutForm{display:grid;gap:16px}.checkout-step{display:grid;gap:15px}.checkout-step .content-note{margin-bottom:0}.checkout-navigation{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.checkout-navigation .button{font-size:12px;padding:0 16px}.regional-contact,.payment-instructions{padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:16px}.regional-contact h3{font:600 22px Space Grotesk}.regional-contact p,.payment-instructions p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.payment-instructions{display:grid;gap:12px}.payment-instructions .content-note{margin:15px 0}.payment-amount{color:var(--accent);font:600 35px Space Grotesk}.payment-instructions code{word-break:break-all}.payment-instructions>.text-link{text-align:center}.order-summary img{object-fit:contain}
.account-settings{padding:28px 38px;border-bottom:1px solid var(--line)}.account-settings h3{font:600 18px Space Grotesk}.avatar-presets{display:flex;gap:12px;flex-wrap:wrap}.avatar-preset{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:var(--bg);font:600 25px monospace;cursor:pointer}.avatar-preset.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.avatar-preset .brand-mark{width:35px;height:35px}.profile-avatar{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font:600 30px monospace}.profile-avatar .brand-mark{width:42px;height:42px}.account-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}.danger-text{color:var(--danger)!important}.danger-button{background:#b52b34;color:white}.account-orders .account-order{padding:20px}.account-order>div:first-child{gap:5px}.account-order code{font:9px monospace;color:var(--muted);overflow-wrap:anywhere}.account-orders .account-order-actions{grid-column:1/-1;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;margin-top:12px}.account-order-actions .button{font-size:11px;min-height:40px}.account-order>p{grid-column:1/-1;font-size:11px;color:var(--muted);margin-bottom:0}.account-order .order-status{font-size:9px;white-space:normal}.account-orders{padding-bottom:35px}.account-heading>button{font-size:11px}.profile-shell .account-orders{padding:0 38px 35px}
.admin-orders{display:grid;gap:24px;margin-top:30px}.admin-orders>article{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:20px}.admin-order-heading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.admin-order-heading h3{font:600 24px Space Grotesk;margin:0}.admin-order-heading p,.admin-orders>article>p{color:var(--muted);font-size:12px}.admin-order-heading strong{color:var(--accent);font:600 26px Space Grotesk}.admin-order-heading code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.delivery-form,.verify-payment-form{display:grid;gap:18px;margin-top:20px}.delivery-form .button,.verify-payment-form .button{justify-self:start}.verify-payment-form .content-note{margin:0}
.page-loader{display:none;position:fixed;z-index:1000;inset:0;background:var(--bg);align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:none}.loading-page .page-loader{display:flex}.page-loader>strong{font:600 16px Space Grotesk;letter-spacing:.15em}.page-loader>span{font:9px monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.loader-ring{position:relative;width:90px;height:90px;display:grid;place-items:center}.loader-ring:before{content:'';position:absolute;inset:0;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:50%;animation:spin .85s linear infinite}.loader-ring .brand-mark{width:48px;height:48px}.loaded-page main{animation:pageEnter .35s ease both}@keyframes pageEnter{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}}
@media(max-width:760px){body:not([data-page=home]):not(.content-page) main>.section{padding-top:110px}.gateway-grid{grid-template-columns:1fr}.home-gateway{padding-top:65px;padding-bottom:65px}.catalog-controls{gap:15px}.result-meta{align-items:flex-start;gap:15px;flex-wrap:wrap}.catalog-pager{gap:7px}.pager-link{font-size:11px;padding:10px 12px}.blog-art-title strong{font-size:27px}.checkout-navigation{flex-wrap:wrap}.checkout-navigation .button{flex:1}.account-settings{padding:24px 20px}.profile-shell .account-orders{padding:0 20px 25px}.account-order-actions .button{width:100%}.admin-orders>article{padding:22px}.mobile-nav{max-height:calc(100vh - var(--header));overflow:auto}}