/* Havor visual refresh — intentionally loaded last. */
:root {
  --hvr-bg: #05080d;
  --hvr-panel: rgba(13, 19, 29, .78);
  --hvr-panel-solid: #0d131d;
  --hvr-line: rgba(255,255,255,.09);
  --hvr-copy: #f5f7fb;
  --hvr-muted: #9aa6b8;
  --hvr-blue: #3984ff;
  --hvr-cyan: #60d8ff;
  --hvr-radius: 22px;
  --hvr-shadow: 0 24px 80px rgba(0,0,0,.38);
}

.havor-premium { background: var(--hvr-bg); color: var(--hvr-copy); }
.havor-premium::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(circle at 18% 5%,rgba(57,132,255,.11),transparent 30%),radial-gradient(circle at 88% 35%,rgba(96,216,255,.07),transparent 28%); }
.havor-premium .container { width:min(1180px,calc(100% - 48px)); max-width:none; margin-inline:auto; }
.havor-premium h1,.havor-premium h2,.havor-premium h3 { text-wrap:balance; }
.havor-premium p { color:var(--hvr-muted); }

/* Navigation */
.havor-premium .hvr-header { top:16px; left:50%; width:min(1240px,calc(100% - 32px)); transform:translateX(-50%); padding:0; border:1px solid var(--hvr-line); border-radius:18px; background:rgba(7,11,17,.78); box-shadow:0 12px 45px rgba(0,0,0,.22); backdrop-filter:blur(22px) saturate(140%); }
.havor-premium .hvr-header.hvr-header-scrolled { top:8px; background:rgba(7,11,17,.94); }
.havor-premium .hvr-nav { min-height:70px; padding:8px 10px 8px 18px; max-width:none; }
.havor-premium .hvr-logo-img { width:40px; height:40px; object-fit:contain; }
.havor-premium .hvr-brand-copy { display:flex; flex-direction:column; line-height:1; gap:4px; }
.havor-premium .hvr-logo-text { font:800 1rem/1 'Orbitron',sans-serif; letter-spacing:.15em; }
.havor-premium .hvr-brand-copy small { color:#728096; font-size:.55rem; font-weight:800; letter-spacing:.26em; }
.havor-premium .hvr-nav-links { gap:2px; }
.havor-premium .hvr-nav-links a { padding:10px 12px; border-radius:10px; color:#9da9b9; font-size:.78rem; font-weight:650; }
.havor-premium .hvr-nav-links a:hover { color:#fff; background:rgba(255,255,255,.055); }
.havor-premium .hvr-nav-links a.active { color:#fff; background:rgba(57,132,255,.12); box-shadow:inset 0 0 0 1px rgba(57,132,255,.16); }
.havor-premium .hvr-nav-links .hvr-nav-cta { margin-left:6px; padding:11px 16px; color:#07101f; background:linear-gradient(135deg,#fff,#cdeaff); box-shadow:0 8px 24px rgba(57,132,255,.18); }
.havor-premium .hvr-nav-links .hvr-nav-cta:hover { color:#07101f; background:#fff; transform:translateY(-1px); }

/* Hero */
.havor-premium .hero { min-height:100svh; padding:150px 24px 88px; position:relative; }
.havor-premium .hero::after { content:""; position:absolute; inset:auto 8% 0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); }
.havor-premium .hero-content { width:min(920px,100%); }
.havor-premium .hvr-hero-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:24px; color:#c8d3e3; font-size:.72rem; font-weight:750; letter-spacing:.18em; text-transform:uppercase; }
.havor-premium .hvr-hero-eyebrow span { width:7px; height:7px; border-radius:50%; background:#54e59b; box-shadow:0 0 14px rgba(84,229,155,.75); }
.havor-premium .hero-content .main-logo { display:block; width:108px; margin:0 auto 26px; opacity:.98; filter:drop-shadow(0 16px 30px rgba(57,132,255,.22)); }
.havor-premium .hero h1 { margin:0 0 22px; font:800 clamp(3.5rem,8vw,7rem)/.91 'Montserrat',sans-serif; letter-spacing:-.075em; }
.havor-premium .hero h1 span { background:linear-gradient(115deg,#fff 5%,#70b8ff 55%,#6ee7f8); -webkit-background-clip:text; background-clip:text; color:transparent; }
.havor-premium .hero p { max-width:650px; margin:0 auto 34px; font-size:clamp(1rem,1.8vw,1.2rem); line-height:1.75; }
.havor-premium .hero-buttons { gap:12px; margin-bottom:26px; }
.havor-premium .btn-fivem { min-height:54px; padding:0 24px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:linear-gradient(135deg,#4c91ff,#2d70ef); color:#fff; font-weight:750; box-shadow:0 14px 36px rgba(36,105,230,.25); }
.havor-premium .btn-fivem:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(36,105,230,.35); }
.havor-premium .btn-fivem.hvr-btn-ghost { background:rgba(255,255,255,.055); box-shadow:none; backdrop-filter:blur(12px); }
.havor-premium .server-status { width:max-content; max-width:100%; margin:0 auto 36px; padding:11px 16px; border:1px solid var(--hvr-line); border-radius:999px; background:rgba(5,8,13,.58); color:#aeb9c9; font-size:.79rem; }
.havor-premium .server-status:hover { border-color:rgba(96,216,255,.32); background:rgba(13,19,29,.86); }
.havor-premium .live-stats-container { width:min(700px,100%); margin:0 auto; padding:7px; gap:7px; border:1px solid var(--hvr-line); border-radius:20px; background:rgba(8,12,18,.52); backdrop-filter:blur(16px); }
.havor-premium .stat-card { min-height:82px; border:0; border-radius:14px; background:rgba(255,255,255,.035); box-shadow:none; }
.havor-premium .stat-card + .stat-card { border-left:1px solid rgba(255,255,255,.07); }
.havor-premium .stat-card i { color:var(--hvr-cyan); font-size:1rem; }
.havor-premium .stat-value { font-size:1rem; }
.havor-premium .stat-label { color:#738096; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }

/* Sections and reusable surfaces */
.havor-premium .features,.havor-premium .socials,.havor-premium .docs-section,.havor-premium .sneakpeaks-preview-section { padding:110px 0; background:transparent; }
.havor-premium .hvr-section-intro,.havor-premium .docs-section> .container > h2 { margin-bottom:52px; }
.havor-premium .hvr-section-kicker { color:var(--hvr-cyan); font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; }
.havor-premium section h2 { font-size:clamp(2.2rem,4vw,3.8rem); letter-spacing:-.055em; line-height:1.05; }
.havor-premium section h2 span { color:#71b9ff; }
.havor-premium .features .grid { gap:18px; }
.havor-premium .features .card,.havor-premium .doc-card,.havor-premium .hvr-sneakpeak-preview-card,.havor-premium .shop-card,.havor-premium .doc-section { border:1px solid var(--hvr-line); border-radius:var(--hvr-radius); background:linear-gradient(145deg,rgba(18,26,39,.8),rgba(9,14,22,.74)); box-shadow:var(--hvr-shadow); }
.havor-premium .features .card { min-height:280px; padding:34px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; }
.havor-premium .features .card i { width:48px; height:48px; display:grid; place-items:center; margin-bottom:auto; border:1px solid rgba(96,216,255,.17); border-radius:14px; background:rgba(57,132,255,.1); color:#73dfff; font-size:1.15rem; }
.havor-premium .features .card h3 { margin:38px 0 10px; font-size:1.25rem; }
.havor-premium .features .card:hover,.havor-premium .doc-card:hover,.havor-premium .hvr-sneakpeak-preview-card:hover { transform:translateY(-5px); border-color:rgba(96,216,255,.25); }
.havor-premium .social-step { gap:18px; margin-bottom:18px; padding:18px; border:1px solid var(--hvr-line); border-radius:28px; background:rgba(12,18,27,.62); }
.havor-premium .social-text { padding:32px; }
.havor-premium .social-image { min-height:390px; border-radius:18px; overflow:hidden; }
.havor-premium .social-image img { height:100%; object-fit:cover; }
.havor-premium .social-btn { border-radius:12px; }
.havor-premium .docs-grid,.havor-premium .hvr-sneakpeaks-preview-grid { gap:18px; }
.havor-premium .doc-card { padding:30px; }
.havor-premium .doc-icon { border-radius:15px; background:rgba(57,132,255,.11); color:#72dfff; }
.havor-premium .footer { margin-top:0; padding:40px 24px 110px; border-top:1px solid var(--hvr-line); background:#05080d; color:#788597; }

/* Content pages */
.havor-premium .doc-wrap,.havor-premium .shop-wrap,.havor-premium .application-wrap,.havor-premium .sneakpeaks-container { width:min(1180px,calc(100% - 48px)); max-width:none; padding-top:125px; }
.havor-premium .doc-hero,.havor-premium .shop-hero,.havor-premium .application-card { border-color:var(--hvr-line); border-radius:var(--hvr-radius); background:rgba(13,19,29,.72); }
.havor-premium input,.havor-premium select,.havor-premium textarea,.havor-premium .doc-search { border:1px solid var(--hvr-line); border-radius:12px; background:#0a1019; color:#fff; }
.havor-premium input:focus,.havor-premium select:focus,.havor-premium textarea:focus { border-color:rgba(57,132,255,.7); box-shadow:0 0 0 4px rgba(57,132,255,.11); outline:0; }

@media (max-width: 980px) {
  .havor-premium .hvr-menu-toggle { display:flex; }
  .havor-premium .hvr-nav-links { position:fixed; top:78px; left:0; right:0; display:flex; flex-direction:column; gap:0; padding:10px; border:1px solid var(--hvr-line); border-radius:16px; background:rgba(7,11,17,.98); box-shadow:var(--hvr-shadow); transform:translateY(-12px); opacity:0; visibility:hidden; pointer-events:none; transition:.22s ease; }
  .havor-premium .hvr-nav-links.active { transform:translateY(0); opacity:1; visibility:visible; pointer-events:auto; }
  .havor-premium .hvr-nav-links li { width:100%; }
  .havor-premium .hvr-nav-links a { width:100%; padding:13px 14px; margin:0; display:flex; align-items:center; }
  .havor-premium .hvr-nav-links .hvr-nav-cta { margin:5px 0 0; justify-content:center; }
}
@media (max-width: 700px) {
  .havor-premium .container,.havor-premium .doc-wrap,.havor-premium .shop-wrap,.havor-premium .application-wrap,.havor-premium .sneakpeaks-container { width:min(100% - 28px,1180px); }
  .havor-premium .hvr-header { top:10px; width:calc(100% - 20px); }
  .havor-premium .hvr-nav { min-height:62px; padding-left:12px; }
  .havor-premium .hero { padding:120px 14px 70px; }
  .havor-premium .hero h1 { font-size:clamp(3rem,16vw,4.5rem); }
  .havor-premium .hero-content .main-logo { width:84px; }
  .havor-premium .hero-buttons { display:grid; width:100%; }
  .havor-premium .btn-fivem { width:100%; margin:0; }
  .havor-premium .live-stats-container { display:grid; grid-template-columns:1fr; }
  .havor-premium .stat-card + .stat-card { border-left:0; border-top:1px solid rgba(255,255,255,.07); }
  .havor-premium .features,.havor-premium .socials,.havor-premium .docs-section,.havor-premium .sneakpeaks-preview-section { padding:76px 0; }
  .havor-premium .features .card { min-height:235px; padding:26px; }
  .havor-premium .social-step { padding:10px; }
  .havor-premium .social-text { padding:22px 14px; }
  .havor-premium .social-image { min-height:260px; }
}

@media (prefers-reduced-motion:reduce) { .havor-premium * { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }