:root{--brand:#0f2a43;--accent:#2f80ed;--gold:#b38a3a;--ink:#0a0a0a;--muted:#64748b;--soft:#f8fafc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
.container{max-width:1152px;margin:0 auto;padding:0 1rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:1rem;padding:.9rem 1.2rem;font-weight:600;text-decoration:none}
.btn-primary{background:var(--brand);color:#fff}.btn-outline{border:1px solid #e5e7eb;color:#0f172a;background:#fff}
.card{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:1.25rem;box-shadow:0 10px 30px rgba(2,6,23,.06)}
.grid{display:grid;gap:1rem}.g2{grid-template-columns:1fr}.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr}
@media(min-width:768px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.h1{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.1;font-weight:800}.h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.h3{font-size:1.15rem;font-weight:700}
.muted{color:var(--muted)}.price{font-weight:800;font-size:1.8rem}.soft{background:var(--soft)}
.header{position:sticky;top:0;z-index:40;background:#ffffff;backdrop-filter:blur(6px);border-bottom:1px solid #e6e9ef}
.badge{background:#eef2ff;color:#243b6b;border-radius:999px;padding:.35rem .75rem;font-weight:600;display:inline-block}
.small{font-size:.9rem;color:#6b7280}
.hero-grad{background:radial-gradient(80% 60% at 50% 0%, rgba(47,128,237,.10), transparent 60%)}
img{max-width:100%;height:auto;border-radius:1rem}
.center{text-align:center}
.list{list-style:disc;padding-left:1.2rem}
.footer{border-top:1px solid #e6e9ef}
a{text-decoration:none}