:root{--bg:#070b14;--bg2:#0d1322;--panel:rgba(18,25,41,.78);--text:#f5f7fb;--muted:#9aa7bd;--line:rgba(255,255,255,.09);--accent:#1e90ff;--accent2:#5fb3ff;--success:#20d47b;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 10%,rgba(30,144,255,.12),transparent 28rem),radial-gradient(circle at 90% 20%,rgba(112,76,255,.10),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(7,11,20,.68);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{min-height:82px;display:flex;align-items:center;gap:28px}.brand img{height:62px;width:auto;display:block}.nav-links{margin-left:auto;display:flex;align-items:center;gap:5px}.nav-links a{padding:12px 13px;border-radius:12px;color:#cbd5e1;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.07)}.cart-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:99px;background:var(--accent);font-size:.68rem;margin-left:5px;color:#fff}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:10px 12px;font-size:1.1rem}.progress{position:fixed;z-index:1100;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),#8d6bff);box-shadow:0 0 16px rgba(30,144,255,.7)}
main{padding-top:82px}.hero{min-height:76vh;display:grid;place-items:center;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:420px;height:420px;background:rgba(30,144,255,.12);left:-150px;top:10%;filter:blur(2px);animation:float 8s ease-in-out infinite}.hero:after{width:340px;height:340px;background:rgba(116,72,255,.11);right:-100px;bottom:-80px;filter:blur(2px);animation:float 10s ease-in-out infinite reverse}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:80px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(95,179,255,.25);background:rgba(30,144,255,.08);padding:8px 13px;border-radius:999px;color:#8ecbff;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.95;letter-spacing:-.065em;margin:24px 0 22px}.gradient-text{background:linear-gradient(110deg,#fff 15%,#72bcff 52%,#9a7cff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:700px;margin:0 auto;color:var(--muted);font-size:1.15rem;line-height:1.8}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:14px 20px;font-weight:900;transition:.25s;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);transition:.6s}.btn:hover:after{transform:translateX(120%)}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#5c6dff);color:white;box-shadow:0 12px 35px rgba(30,144,255,.25)}.btn-outline{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff}.btn-success{background:linear-gradient(135deg,#18b96b,#25d98a);color:#04130c}
.section{padding:95px 0}.section-alt{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:45px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.kicker{color:#72bcff;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.section h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:10px 0 15px}.section-head p{color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,rgba(20,29,47,.82),rgba(10,16,28,.82));border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);transition:.35s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;width:160px;height:160px;right:-80px;top:-80px;background:rgba(30,144,255,.09);border-radius:50%;transition:.35s}.card:hover{transform:translateY(-8px);border-color:rgba(95,179,255,.3)}.card:hover:before{transform:scale(1.5)}.card h3,.card h4{margin-top:0}.muted{color:var(--muted);line-height:1.75}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(30,144,255,.12);color:#75beff;font-size:1.2rem;margin-bottom:20px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{padding:0;overflow:hidden}.product-media{height:250px;position:relative;overflow:hidden;background:#111827}.product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.55s}.product-card:hover .product-media img{transform:scale(1.07)}.product-body{padding:25px}.product-title{font-size:1.25rem;font-weight:900;margin-bottom:8px}.price{font-size:1.55rem;font-weight:950;color:#79c3ff}.product-body .muted{font-size:.93rem}.qty-row{display:flex;gap:10px;margin-top:20px}.qty{width:90px;background:#0a1020;border:1px solid var(--line);color:#fff;border-radius:12px;text-align:center;padding:12px;font-weight:800}
.page-hero{padding:95px 0 65px;text-align:center;background:linear-gradient(180deg,rgba(30,144,255,.07),transparent)}.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.06em;margin:12px 0}.page-hero p{color:var(--muted);max-width:680px;margin:auto;line-height:1.8}.order-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:25px;align-items:start}.sticky{position:sticky;top:105px}.summary-list{display:grid;gap:12px}.summary-item{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.summary-item small{color:var(--muted)}.total{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:950;padding-top:18px}.empty{padding:50px;text-align:center}.form-shell{min-height:650px}.form-shell iframe{width:100%;min-height:650px;border:0;border-radius:18px;background:#fff}.notice{padding:16px 18px;border-radius:15px;background:rgba(30,144,255,.08);border:1px solid rgba(95,179,255,.2);color:#cce8ff;line-height:1.6}.copy-row{display:flex;gap:10px;margin-top:18px}.copy-box{flex:1;background:#080d18;border:1px solid var(--line);border-radius:12px;padding:12px;color:#b8c4d6;font-size:.84rem;white-space:pre-wrap}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery img{width:100%;height:290px;object-fit:cover;border-radius:20px;border:1px solid var(--line);transition:.4s}.gallery img:hover{transform:scale(1.025);box-shadow:0 18px 50px rgba(0,0,0,.35)}.footer{padding:45px 0;border-top:1px solid var(--line);color:#8d9ab0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer a{color:#b9c6da}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.toast{position:fixed;right:22px;bottom:22px;z-index:2000;background:#121a2b;border:1px solid var(--line);padding:14px 18px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-24px) translateX(14px)}}@media(max-width:1050px){.nav-links{display:none}.menu-btn{display:block}.nav-links.open{display:flex;position:absolute;top:82px;left:4%;right:4%;padding:15px;background:rgba(8,13,24,.97);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch}.nav-links.open a{margin:0}.grid,.product-grid{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.sticky{position:static}}@media(max-width:650px){.nav-inner{min-height:74px}.brand img{height:52px}main{padding-top:74px}.hero{min-height:70vh}.section{padding:70px 0}.grid,.product-grid,.gallery,.grid-2{grid-template-columns:1fr}.hero h1{font-size:3.2rem}.footer-inner{flex-direction:column;text-align:center}.product-media{height:220px}.copy-row{flex-direction:column}}