:root{--bg:#07111f;--bg2:#0b1628;--card:#fff;--text:#0d1726;--muted:#667085;--blue:#1f6fff;--green:#16b364;--line:#e9eef5;--soft:#f6f8fb;--shadow:0 18px 50px rgba(11,31,67,.14);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7fb;color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.95);border-bottom:1px solid rgba(255,255,255,.08)}.nav{max-width:1180px;margin:auto;height:72px;display:flex;align-items:center;gap:28px;padding:0 22px;color:#fff}.brand{font-weight:900;font-size:20px;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#2e7bff,#58a6ff);display:grid;place-items:center}.navlinks{display:flex;gap:24px;font-size:14px;color:#c9d4e4}.navspacer{flex:1}.iconbtn,.ghostbtn,.primarybtn,.btn{border:0;border-radius:12px}.iconbtn{padding:11px 13px;background:rgba(255,255,255,.08);color:#fff}.ghostbtn{padding:11px 16px;background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff}.primarybtn,.btn-primary{padding:12px 18px;background:linear-gradient(135deg,var(--blue),#377fff);color:#fff;font-weight:800}.hero{background:radial-gradient(circle at 70% 25%,#113a8a 0,transparent 25%),linear-gradient(145deg,#07111f 0,#0a1730 58%,#06101d 100%);color:#fff}.hero-inner{max-width:1180px;margin:auto;min-height:500px;padding:62px 22px 50px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.badge{display:inline-flex;background:rgba(46,123,255,.13);border:1px solid rgba(89,157,255,.25);color:#a9c9ff;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}.hero h1{font-size:58px;line-height:.98;letter-spacing:-2.7px;margin:20px 0 18px}.hero p{font-size:18px;line-height:1.65;color:#c9d4e4}.hero-visual{position:relative;height:360px}.visual-card{position:absolute;background:#fff;border-radius:22px;padding:20px;color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.28)}.vc-main{width:330px;height:220px;left:30px;top:50px;transform:rotate(-6deg)}.vc-side{width:220px;right:5px;top:100px;transform:rotate(6deg);background:#0e1e39;color:#fff}.meta-symbol{height:82px;border-radius:18px;background:linear-gradient(135deg,#0f66ff,#65a6ff);display:grid;place-items:center;color:#fff;font-size:42px;font-weight:900}.status{margin:12px 0}.trustbar{max-width:1180px;margin:-28px auto 0;position:relative;background:#fff;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:24px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}.trustico{width:42px;height:42px;border-radius:14px;background:#eaf7f0;color:#179857;display:grid;place-items:center;font-weight:900}.section{max-width:1180px;margin:auto;padding:74px 22px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h2{font-size:34px;margin:0}.section-sub{color:var(--muted);margin-top:8px}.filters{display:flex;gap:10px}.filters select,.field input,.field select,.field textarea{border:1px solid #dfe6ef;background:#fff;border-radius:12px;padding:12px;color:#344054;width:100%}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e8edf4;border-radius:20px;padding:16px;box-shadow:0 10px 25px rgba(14,30,60,.05)}.prod-top{height:142px;border-radius:16px;background:linear-gradient(135deg,#0b1b35,#153b81);display:grid;place-items:center;color:white;font-size:48px;font-weight:900;position:relative}.flag,.tag{position:absolute;top:12px}.flag{right:12px;background:#fff;border-radius:8px;padding:5px 8px;font-size:16px}.tag{left:12px;background:#16b364;color:#fff;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}.product h3{font-size:15px;margin:15px 0 6px}.specs{display:grid;gap:7px;color:#667085;font-size:12px;margin:10px 0 14px}.spec:before{content:'•';color:#24b36b;margin-right:7px}.price-row{display:flex;align-items:center;justify-content:space-between}.price{font-size:22px;color:#135fd7;font-weight:900}.stock{font-size:11px;color:#179857;background:#ecfdf3;padding:5px 8px;border-radius:99px;font-weight:800}.footer{background:#07111f;color:#c1cbda}.footer-in{max-width:1180px;margin:auto;padding:42px 22px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer a,.footer p{font-size:13px;color:#aeb9c9;line-height:1.8}.copyright{border-top:1px solid rgba(255,255,255,.08);padding:18px;text-align:center;font-size:12px}.page{max-width:1180px;margin:0 auto;padding:42px 22px}.panel{background:#fff;border:1px solid #e8edf4;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(14,30,60,.05)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700;color:#344054}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px}.alert-ok{background:#ecfdf3;color:#067647}.alert-err{background:#fef3f2;color:#b42318}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid #edf1f5;text-align:left;font-size:13px}.table th{color:#667085;font-size:12px}.pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#eef4ff;color:#175cd3;font-size:11px;font-weight:800}.qty{width:70px}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.mobile-nav{display:none}.empty{padding:35px;text-align:center;color:#667085}.auth{max-width:480px;margin:60px auto}.auth h1{margin-top:0}.btn{display:inline-block;padding:10px 14px;background:#eef4ff;color:#175cd3;font-weight:800}.btn-danger{background:#fef3f2;color:#b42318}.btn-success{background:#ecfdf3;color:#067647}
@media(max-width:900px){.navlinks,.ghostbtn{display:none}.hero-inner{grid-template-columns:1fr}.hero h1{font-size:46px}.trustbar{grid-template-columns:repeat(2,1fr);margin:0;border-radius:0}.products{grid-template-columns:repeat(2,1fr)}.footer-in{grid-template-columns:1fr 1fr}.checkout-grid,.grid-2{grid-template-columns:1fr}}
@media(max-width:600px){body{padding-bottom:68px}.nav{height:64px;padding:0 16px}.hero-inner{padding:34px 16px 28px}.hero h1{font-size:39px}.hero-visual{height:250px}.vc-main{width:235px;left:5px}.vc-side{width:170px;right:0}.trustbar{grid-template-columns:1fr 1fr}.trustitem{padding:14px}.section,.page{padding:38px 16px}.products{grid-template-columns:1fr 1fr;gap:10px}.product{padding:10px}.prod-top{height:108px}.section h2{font-size:27px}.section-head{align-items:flex-start;flex-direction:column}.filters{width:100%;display:grid;grid-template-columns:1fr 1fr}.footer-in{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e8edf4;height:68px;z-index:90}.mobile-nav a{font-size:11px;color:#667085;display:grid;place-items:center}.mobile-nav b{font-size:18px;color:#1f6fff}.nav .primarybtn{display:none}}