:root{--primary:#1464f4;--accent:#6737ff;--bg:#f7fbff;--text:#0b1220;--muted:#4b5563}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--text)}
.gradient-bg{background: radial-gradient(60% 60% at 10% 0%, rgba(103,55,255,.12) 0%, transparent 60%), radial-gradient(50% 50% at 90% 0%, rgba(20,100,244,.14) 0%, transparent 60%);}
header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(6px)}
.navbar{display:flex;align-items:center;gap:20px;padding:10px 16px;background:rgba(255,255,255,.85);border-bottom:1px solid #e5e7eb}
.navbar .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}
.navbar img{width:28px;height:28px;border-radius:8px}
.navbar nav a{text-decoration:none;color:#111827;font-weight:600;padding:10px;border-radius:10px}
.navbar nav a:hover{background:#eef3ff}
.container{max-width:1100px;margin:0 auto;padding:24px 16px}
.hero{padding:48px 0}
.h-title{font-size:40px;line-height:1.05;margin:0 0 10px 0}
.lead{font-size:18px;color:var(--muted);max-width:780px}
.cta-row{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid #0b48b0;box-shadow:0 6px 18px rgba(20,100,244,.25)}
.btn.secondary{background:#fff;color:#0b48b0;border-color:#ccd9ff}
.grid{display:grid;gap:16px}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid #eef2ff;border-radius:16px;padding:18px;box-shadow:0 3px 12px rgba(8,33,95,.06)}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef3ff;color:#223;font-weight:700;font-size:12px;margin-bottom:8px}
.list{margin:0;padding-left:18px}
footer{margin-top:48px;padding:28px 0;border-top:1px solid #e6e8ee;color:#6b7280}
.small{font-size:13px;color:#6b7280}
.product{display:grid;gap:22px;grid-template-columns:1.2fr .8fr;align-items:start}
.price{font-weight:800;font-size:28px}
.kv{height:160px;border-radius:20px;background:linear-gradient(135deg,#eaf2ff,#f8f6ff);display:flex;align-items:center;justify-content:center}
.kv img{max-width:120px}
@media (max-width:760px){.h-title{font-size:30px}.product{grid-template-columns:1fr}.navbar nav{display:flex;overflow:auto;gap:8px}}