/* ==========================================================================
   ANERA FIVEM QBOX STYLESHEET (fivem.css)
   ========================================================================== */

/* Hero Variants */
.hero-medium { min-height: 45vh; padding: 3rem 0 3.5rem; }
.hero-tall { min-height: 55vh; padding: 3rem 0 4rem; }
.hero-medium-alt { min-height: 46vh; padding: 3rem 0 3.5rem; }

/* Avatar Circles */
.avatar-circle-cyan { width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-cyan), #005f73); margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #fff; }
.avatar-circle-green { width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-green), #005f73); margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #fff; }
.avatar-circle-gradient { width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, #00d2ff, #00ff87); margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #05101a; }

/* Headings */
.section-heading-cyan { font-size: 1.5rem; margin: 2.5rem 0 1rem; color: var(--text-cyan); display: flex; align-items: center; gap: 0.5rem; }
.section-heading-cyan-sm { font-size: 1.5rem; margin: 1.5rem 0 1rem; color: var(--text-cyan); display: flex; align-items: center; gap: 0.5rem; }
.section-heading-green { font-size: 1.5rem; margin: 2.5rem 0 1rem; color: var(--text-green); display: flex; align-items: center; gap: 0.5rem; }

/* Metrics & Badges */
.badge-xs-mb { font-size: 0.75rem; padding: 0.2rem 0.6rem; margin-bottom: 1rem; }
.card-title-mb { font-size: 1.35rem; margin-bottom: 0.25rem; }
.card-text-sm { color: var(--text-secondary); font-size: 0.9rem; }
.metric-val-large { color: var(--text-cyan); font-weight: 800; font-family: monospace; font-size: 1.1rem; }
.metric-val-green-bold { color: var(--text-green); font-weight: 700; }
.footer-ip-cyan { font-family: monospace; font-size: 0.85rem; color: var(--text-cyan); }

/* Rules Row Banner */
.rules-row-banner { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem; padding:0.65rem 0.9rem; background:rgba(0,210,255,0.06); border:1px solid rgba(0,210,255,0.15); border-radius:10px; }
.rules-banner-title { font-family:var(--font-heading); font-size:1.1rem; font-weight:800; color:var(--primary-cyan); }
.rules-banner-sub { font-family:var(--font-heading); font-size:0.85rem; color:var(--text-secondary); letter-spacing:0.06em; text-transform:uppercase; }

/* Card & CTA */
.glass-card-center-p2 { padding: 2rem; text-align: center; }
.section-cta { margin-top: 4rem; padding: 2.5rem; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; }