:root{--brand:#0073E6;--accent:#F9A000;}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1f2937}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover{filter:brightness(.92);color:#fff}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#1f2937;font-weight:600}
.btn-accent:hover{filter:brightness(.95)}
.text-brand{color:var(--brand)} .text-accent{color:var(--accent)}
.bg-brand{background:var(--brand)}
.site-nav .nav-link.active{color:var(--brand)}
.hero{background:linear-gradient(135deg,var(--brand),#0a2a5e);color:#fff}
.hero .carousel-item{padding:48px 0 64px}
.hero h1{font-weight:800;font-size:clamp(1.7rem,4vw,2.8rem)}
.hero .hero-img{max-height:440px;width:auto;max-width:100%;object-fit:contain;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.35);background:#fff}
.section{padding:56px 0}
.section-title{font-weight:800;margin-bottom:.25rem}
.section-sub{color:#6b7280;margin-bottom:2rem}
.card-hover{transition:.2s;border:0;box-shadow:0 2px 14px rgba(0,0,0,.07)}
.card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 26px rgba(0,0,0,.12)}
.icon-circle{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.price-old{text-decoration:line-through;color:#9ca3af;font-size:.9em}
.price{color:var(--brand);font-weight:800}
.thumb-cover{aspect-ratio:16/10;object-fit:cover;width:100%}
.promo{background:linear-gradient(90deg,var(--accent),#ffcf5c);border-radius:16px}
.stat-num{font-size:2.2rem;font-weight:800;color:var(--accent)}
.site-footer{background:#0b1b3a;color:#cbd5e1}
.wa-float{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:1030}
.wa-float:hover{color:#fff;filter:brightness(.95)}
.video-wrap{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article-content img{max-width:100%;height:auto}
.article-content{line-height:1.8}
.member-tabs .nav-link{border-radius:20px}
.member-tabs .nav-link.active{background:var(--brand)}
.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.progress{height:10px}
@media print{.no-print{display:none!important}}