/* Brand styling from the client's design pack (brand: hbc-blue #21aadd, Red Hat Display).
   Loaded after global.css, so values here win where the two overlap. */
:root { --hbc-blue:#21aadd; }

.main-navbar { height:88px; background:#fff; }
.nav-link-hbc { padding:8px 16px; color:var(--bs-dark); text-decoration:none; background:none; border:none; }
.nav-link-hbc:hover, .nav-link-hbc.active { border-bottom:2px solid var(--hbc-blue); color:var(--hbc-blue); }

.btn-hbc { background:var(--hbc-blue); border-color:var(--hbc-blue); color:#fff; }
.btn-hbc:hover { background:#1b93bf; border-color:#1b93bf; color:#fff; }
.btn-outline-hbc { color:var(--hbc-blue); border-color:var(--hbc-blue); }
.btn-outline-hbc:hover { background:var(--hbc-blue); color:#fff; }

.hero { padding:64px 0; }

.feature-card { border:1px solid var(--bs-border-color); border-radius:16px; padding:28px; height:100%; transition:.15s; }
.feature-card:hover { border-color:var(--hbc-blue); box-shadow:0 6px 24px rgba(33,170,221,.10); }
.feature-icon { font-size:34px; color:var(--hbc-blue); }

footer { background:#0f2733; color:#cfe6f0; padding:40px 0; margin-top:64px; }
footer a { color:#8fd3ec; text-decoration:none; }

/* pricing */
.intro-banner { background:linear-gradient(90deg,#21aadd,#1b93bf); color:#fff; border-radius:16px; }
.plan-card { border:1px solid var(--bs-border-color); border-radius:20px; padding:36px; height:100%; transition:.15s; background:#fff; }
.plan-card.featured { border:2px solid var(--hbc-blue); box-shadow:0 10px 30px rgba(33,170,221,.14); }
.plan-card:hover { border-color:var(--hbc-blue); }
.price-real { text-decoration:line-through; color:#98a2ab; font-size:1.25rem; }
.price-now { font-size:3rem; font-weight:800; color:#132a35; line-height:1; }
.price-unit { color:#6b7a85; }
.badge-hbc { background:var(--hbc-blue); }
.feature-list li { padding:6px 0; }
.feature-list i { color:var(--hbc-blue); margin-right:8px; }
.coupon-box { border:1px dashed var(--hbc-blue); border-radius:16px; background:#f3fbfe; padding:28px; }
.auth-card { max-width:440px; margin:48px auto; border:1px solid var(--bs-border-color); border-radius:20px; padding:36px; }