:root,[data-theme=dark]{--brand:#7C5CFF;--brand-light:#A18CFF;--brand-dim:rgba(124,92,255,.16);--brand-glow:rgba(124,92,255,.45);--accent:#C6FF3D;--accent-dim:rgba(198,255,61,.14);--bg:#0A0D1A;--bg-1:#10142A;--bg-2:#161B36;--bg-3:#1B2142;--bg-card:#121730;--border:rgba(161,140,255,.22);--border-subtle:rgba(255,255,255,.07);--txt:#F2F4FF;--txt-2:#C8CDE8;--txt-3:#8E96BD;--txt-on-brand:#fff;--f-display:'Space Grotesk','Inter',system-ui,sans-serif;--f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--r:16px;--r-sm:10px;--r-pill:999px;--sh-sm:0 1px 2px rgba(0,0,0,.4);--sh-md:0 18px 50px -18px rgba(124,92,255,.55);--sh-lg:0 30px 80px -30px rgba(124,92,255,.6);--sh-brand:0 10px 34px -8px var(--brand-glow);--lime:#C6FF3D;--grad:linear-gradient(120deg,#7C5CFF,#3FA7FF 55%,#C6FF3D)}
[data-theme=light]{--brand:#5B3DF0;--brand-light:#7C5CFF;--brand-dim:rgba(91,61,240,.1);--brand-glow:rgba(91,61,240,.3);--bg:#F6F7FF;--bg-1:#EEF0FF;--bg-2:#E6E9FB;--bg-3:#ECEEFF;--bg-card:#FFFFFF;--border:rgba(91,61,240,.2);--border-subtle:rgba(10,13,26,.08);--txt:#0A0D1A;--txt-2:#2B3156;--txt-3:#6A7199;--sh-md:0 18px 44px -20px rgba(91,61,240,.45);--lime:#4B9B00}
body{font-family:var(--f-body);background:var(--bg);color:var(--txt)}
h1,h2,h3,h4,.logo-text,.os-hero-title,.os-sec-title,.os-panel-title,.os-promo-title,.os-footer-title,.shop-h1,.shop-product-info h1{font-family:var(--f-display);font-weight:700;letter-spacing:-.025em;color:var(--txt)}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.02}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1}
::selection{background:var(--brand);color:#fff}
body .btn{border-radius:var(--r-pill);font-weight:600;letter-spacing:.01em;padding:.85rem 1.7rem;transition:transform .2s,box-shadow .25s,background .25s,color .25s,border-color .25s}
body .btn-lg{padding:1.05rem 2.2rem;font-size:1rem}
body .btn-brand{background:var(--grad);background-size:160% 100%;background-position:0 0;color:#fff;border:0;box-shadow:var(--sh-brand)}
body .btn-brand:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 40px -8px var(--brand-glow)}
body .btn-outline,body .btn-ghost{background:transparent;color:var(--txt);border:1.5px solid var(--border)}
body .btn-outline:hover,body .btn-ghost:hover{border-color:var(--brand-light);color:var(--brand-light);transform:translateY(-2px)}
.pb-btn{border-radius:999px!important;font-weight:600!important}
#navbar{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle)}
.logo-text{font-size:1.5rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-link,.pb-sitemenu a{font-weight:600;font-size:.9rem;color:var(--txt-2)}
.nav-link:hover,.pb-sitemenu a:hover{color:var(--lime);background:transparent}
.os-topbar{background:linear-gradient(90deg,#7C5CFF,#3FA7FF);color:#fff;font-size:.82rem;font-weight:600}
.os-topbar a{color:#fff;text-decoration:underline}
.os-topbar p{margin:0}
.os-top-right{text-align:right}
.os-nav{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.os-nav-menu a{font-weight:600;font-size:.92rem}
.os-nav-menu .pb-sitemenu-row{flex-wrap:nowrap;gap:.35rem 1.3rem;white-space:nowrap}
.os-nav-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;flex-direction:row}
.os-nav-actions .pb-button{margin:0;padding:0}
.os-nav-actions .pb-btn{padding:.65rem 1.3rem;white-space:nowrap}
.os-nav-row{align-items:center}
@media(max-width:1100px){.os-nav-menu .pb-sitemenu-row{flex-wrap:wrap}}
@media(max-width:720px){.os-top-right{text-align:left}.os-nav-actions{justify-content:flex-start}}
.os-hero{background:radial-gradient(900px 420px at 80% -10%,rgba(124,92,255,.5),transparent 60%),radial-gradient(700px 360px at 0 100%,rgba(63,167,255,.28),transparent 60%),var(--bg);padding-block:clamp(3rem,8vw,6.5rem);position:relative;overflow:hidden}
.os-hero-title{font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:.98;font-weight:700}
.os-lead{font-size:1.15rem;color:var(--txt-2);line-height:1.7}
.os-lead-dark{color:rgba(255,255,255,.8)}
.os-hero-links p{color:var(--txt-3);font-size:.9rem}
.os-hero-panel{background:linear-gradient(160deg,rgba(124,92,255,.22),rgba(18,23,48,.7));border:1px solid var(--border);border-radius:24px;padding:2rem;box-shadow:var(--sh-lg);backdrop-filter:blur(10px)}
.os-panel-title{font-size:1.5rem}
.os-facts ul{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:.9rem}
.os-facts li{color:var(--txt-2);font-size:.95rem;line-height:1.55}
.os-facts li strong{display:block;color:var(--lime);font-family:var(--f-display);font-size:1.05rem}
.os-eyebrow p{margin:0 0 .7rem;display:inline-block;padding:.3rem .8rem;border-radius:999px;background:var(--accent-dim);color:var(--lime);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.os-sec-title{font-size:clamp(1.8rem,3.6vw,2.8rem);margin:0 0 .6rem}
.os-sec-sub p{color:var(--txt-3);margin:0 auto;max-width:36rem}
.os-head{text-align:center;margin-bottom:2.5rem}
.os-left{text-align:left}
.os-center{text-align:center}
.os-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r);padding:1.6rem;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s}
.os-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--brand-light)}
.os-trust{background:var(--bg-1);border-block:1px solid var(--border-subtle)}
.os-trust-item{padding:.6rem}
.os-featured{background:var(--bg-1)}
.os-promo{background:var(--grad);color:#fff;border-radius:28px;box-shadow:var(--sh-lg)}
.os-promo-title{color:#fff}
.os-promo-text,.os-promo p{color:rgba(255,255,255,.92)}
.os-promo .pb-btn,.os-promo .btn-brand{background:#0A0D1A!important;color:#fff!important;border:0!important;box-shadow:none}
.os-table table{width:100%;border-collapse:collapse}
.os-table th{background:var(--bg-2);text-align:left}
.os-table th,.os-table td{padding:.8rem 1rem;border-bottom:1px solid var(--border-subtle)}
.os-faq-block{max-width:820px;margin-inline:auto}
.os-deals .os-cards>*{border-top:3px solid var(--lime)}
.os-deals a{color:var(--lime);font-weight:700}
.os-pay{text-align:center;background:var(--bg)}
.os-footer-cta{background:var(--bg-2);color:var(--txt)}
.os-footer-cta-title{color:var(--txt)}
.os-footer-cta-text{color:var(--txt-3)}
.os-footer-main{background:#070916;color:#9AA2C8}
.os-footer-main a{color:#9AA2C8;text-decoration:none;transition:color .2s}
.os-footer-main a:hover{color:var(--lime)}
.os-footer-title{color:#fff;font-size:1rem}
.os-footer-main ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.os-footer-about p,.os-footer-contact p{color:#8089B3;line-height:1.8}
.os-footer-legal{background:#04050D;color:#6C749B;font-size:.82rem}
.os-legal-title{font-weight:700}
.os-legal-note p{color:var(--txt-3);font-size:.9rem}
#footer{background:#070916;color:#9AA2C8;border-top:0}
body .shop-grid{gap:clamp(.9rem,2vw,1.5rem)}
body .shop-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:none;overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
body .shop-card:hover{transform:translateY(-6px);border-color:var(--brand-light);box-shadow:var(--sh-md)}
body .shop-card-media{background:radial-gradient(circle at 50% 40%,rgba(124,92,255,.22),transparent 70%),var(--bg-3);aspect-ratio:1/1;border-radius:0}
body .shop-card-media img,body .shop-main img,body .shop-cart-img img,body .shop-thumb img{background:#fff;object-fit:contain;padding:6%;border-radius:0}
body .shop-card:hover .shop-card-media img{transform:scale(1.07)}
body .shop-flag{top:.8rem;left:.8rem;border-radius:999px;background:var(--lime);color:#0A0D1A;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.3rem .7rem;box-shadow:0 6px 18px -6px rgba(198,255,61,.6)}
body .shop-flag-sale{background:var(--lime);color:#0A0D1A}
body .shop-flag-out{background:var(--bg-2);color:var(--txt-3)}
body .shop-card-body{padding:1.1rem 1.2rem 1.3rem;gap:.55rem}
body .shop-brand{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-light)}
body .shop-card-body h3{font-family:var(--f-display);font-size:1.05rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}
body .shop-card-body h3 a:hover{color:var(--lime)}
body .shop-price{font-family:var(--f-display);font-weight:700;font-size:1.15rem;color:var(--txt)}
body .shop-price s{font-family:var(--f-body);font-weight:400;color:var(--txt-3)}
body .shop-toolbar{color:var(--txt-3);font-size:.9rem}
body .shop-h1{font-size:clamp(2rem,4.4vw,3.2rem)}
body .shop-main{border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(124,92,255,.25),transparent 70%),var(--bg-3);border:1px solid var(--border)}
body .shop-thumb{border-radius:12px;background:var(--bg-3)}
body .shop-thumb.active{border-color:var(--lime)}
body .shop-product-info h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05}
body .shop-product-price{font-family:var(--f-display);font-size:1.8rem;font-weight:700}
body .shop-save{background:var(--lime);color:#0A0D1A;font-weight:800;font-size:.72rem;padding:.25rem .65rem;border-radius:999px}
body .shop-stock{border-radius:999px;font-weight:700}
body .shop-qty{border-radius:12px;border:1.5px solid var(--border);background:var(--bg-card);color:var(--txt)}
body .shop-note i,body .shop-assure i{color:var(--lime)}
body .shop-sticky{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border)}
body .shop-cart-img{border-radius:12px;background:var(--bg-3)}
body .shop-cart-name{font-family:var(--f-display);font-weight:600}
body .shop-summary{background:linear-gradient(160deg,rgba(124,92,255,.16),var(--bg-card));border:1px solid var(--border);border-radius:24px;padding:1.8rem}
body .shop-sum-total{border-top:1px dashed var(--border);font-family:var(--f-display);font-size:1.4rem}
body .shop-method,body .shop-check{border-radius:14px;border:1.5px solid var(--border);background:var(--bg-card)}
body .shop-method:has(input:checked){border-color:var(--lime);background:var(--accent-dim)}
body .shop-form .field input,body .shop-form .field select,body .shop-form .field textarea,body .shop-form .field input[type=tel]{border-radius:12px;border:1.5px solid var(--border);background:var(--bg-card);color:var(--txt)}
body .shop-form .field input:focus,body .shop-form .field textarea:focus{border-color:var(--brand-light);box-shadow:0 0 0 4px var(--brand-dim)}
body .shop-paybox,body .shop-order-items{border-radius:16px;background:var(--bg-1)}
body .shop-status{font-weight:700}
body .shop-status-processing,body .shop-status-shipped{background:var(--brand-dim);color:var(--brand-light)}
.field input,.field select,.field textarea,.contact-form input,.contact-form textarea,.news-form input[type=email]{border-radius:12px}
.vt-in{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.vt-in.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.vt-in{opacity:1;transform:none;transition:none}}
@media(max-width:720px){.os-hero-title{font-size:2.5rem}.os-hero-panel{padding:1.4rem}}