/* ═══ Homepage: aceeasi asezare, detaliile noului design ═══ */

/* hero */
.h5-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.h5-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.72rem;font-weight:600;color:var(--text2);background:var(--bg2);border:1px solid var(--border)}
.h5-pill .ph{color:var(--accent);font-size:13px}
.hp4-hero-left .hp-hero-stats{gap:6px!important;flex-wrap:wrap}
.hp4-hero-left .hp-hs{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);color:var(--muted)!important;font-size:.74rem!important}
.hp4-hero-left .hp-hs-v{font-family:inherit!important;color:var(--text)!important;font-variant-numeric:tabular-nums}
.hp4-hero-left .hp-hs.h5-live{color:var(--status-clean)!important;background:rgba(92,184,138,.1);border-color:rgba(92,184,138,.25)}
.h5-dot{width:7px;height:7px;border-radius:50%;background:var(--status-clean);animation:h5Live 2.4s ease-out infinite}
@keyframes h5Live{0%{box-shadow:0 0 0 0 rgba(92,184,138,.45)}70%,100%{box-shadow:0 0 0 6px rgba(92,184,138,0)}}
@media(prefers-reduced-motion:reduce){.h5-dot{animation:none}}
.hp4-search button{background:var(--bg3)!important;border:1px solid var(--border2)!important;color:var(--accent)!important;border-radius:9px!important}
.hp4-search button:hover{background:var(--ac10)!important;border-color:var(--ac40)!important}
.hp4-game-label{letter-spacing:-.02em}

/* casete */
.hp-card,.hp-about{border-radius:14px}
.hp-card-h .hch>.ph:first-child,.hp4-tools-h .hch>.ph:first-child{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent);background:var(--ac10);box-shadow:0 0 0 1px var(--ac15)}
.hp4-chip{border-radius:999px!important}

/* unelte */
.hp4-tool{border-radius:14px}
.hp4-tool-ic{border-radius:50%!important;box-shadow:0 0 0 1px var(--ac15)}
.hp4-tool-tag,.hp4-tool-badge{border-radius:999px!important}
.hp4-tool-tag img{border-radius:50%}
.hp4-mini-label{text-transform:none!important;letter-spacing:0!important}

/* top comunitati */
.hp4-net-logo{border-radius:50%!important}
.hp4-net-pts{font-family:inherit!important;padding:1px 7px;border-radius:999px;background:var(--ac10);color:var(--accent)!important;font-size:.62rem!important;font-weight:700}
.hp4-gc{border-radius:999px!important}
.hp4-gc img{border-radius:50%}

/* top servere: cifra cu coroana, steag rotund cu status */
.h5-rk{width:26px!important;height:auto!important;flex-direction:column;gap:0;background:none!important;border:0!important;font-family:inherit!important;color:var(--muted)!important;line-height:1}
.h5-rk b{font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums}
.h5-rk .ph{font-size:11px;margin-bottom:1px}
.h5-rk.g1{color:#d4af37!important}.h5-rk.g2{color:#c3c9d2!important}.h5-rk.g3{color:#c98a5c!important}
.h5-rk.g1 b,.h5-rk.g2 b,.h5-rk.g3 b{font-size:1rem;font-weight:900}
.h5-fl{position:relative;width:22px;height:22px;flex-shrink:0}
.h5-fl img{width:22px!important;height:22px!important;border-radius:50%!important;object-fit:cover;display:block;box-shadow:0 0 0 1px var(--border2)}
.h5-st{position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border-radius:50%;background:var(--status-cheat);box-shadow:0 0 0 2px var(--bg1)}
.h5-st.on{background:var(--status-clean)}
.hp4-srv-r .srv-line2{padding-left:0}
.hp4-srv-r .srv-pl{font-family:inherit;font-variant-numeric:tabular-nums}
.hp4-srv-r .srv-sc{font-family:inherit!important}

/* rapoarte */
.hp4-verdict{text-transform:none!important;letter-spacing:0!important;font-size:.66rem!important;padding:3px 10px!important}
.hp4-report-r .srv-line2{font-family:inherit}

/* despre */
.hp4-about .hp-about-pill{border-radius:14px}
.hp4-about .hp-about-pill .ic{border-radius:50%!important}
.hp4-verdict{display:inline-block;text-transform:lowercase!important}
.hp4-verdict::first-letter{text-transform:uppercase}

/* cifrele din hero: mai putin bold */
.hp4-hero-left .hp-hs-v{font-weight:600!important;font-size:.8rem!important}
/* iconitele uneltelor in culoarea lor (aceeasi ca in navbar / pagini) */
.hp4-tool-ic{--c:var(--ac);background:color-mix(in srgb,var(--c) 13%,transparent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)!important}
.hp4-tool-ic .ph{color:var(--c)!important}
.hp4-tool:hover .hp4-tool-ic,.hp4-tool.is-open .hp4-tool-ic{background:color-mix(in srgb,var(--c) 20%,transparent)!important}
/* "Playing" ca celelalte pastile, fara verde */
.hp4-hero-left .hp-hs.h5-live{color:var(--muted)!important;background:var(--bg2)!important;border-color:var(--border)!important}
.hp4-hero-left .hp-hs.h5-live .h5-dot{display:none}

/* CTA: Create Account cu iconita, la fel ca Add Your Server */
.hp-cta-acts .hp-cta-reg{min-height:0;padding:7px 14px;border-radius:10px;font-size:.82rem;font-weight:600;gap:6px;transition:color .15s,background .15s,border-color .15s}
.hp-cta-acts .hp-cta-reg .ph{font-size:14px;color:var(--accent)}
.hp-cta-acts .hp-cta-reg:hover{color:var(--accent);background:var(--ac10);border-color:var(--ac15)}

/* Quick View: butoanele din sertar (Download zip, Lookup, Estimate, Copy, versiuni)
   in stilul site-ului: fundal inchis, contur fin, text mov, fara blocuri pline */
.hp4-mini-row button,
.hp4-mini-copy,
.hp4-mini-dl,
.hp4-mini-vers a{
    height:30px!important;padding:0 12px!important;border-radius:999px!important;
    background:var(--bg2)!important;border:1px solid var(--border2)!important;
    color:var(--text2)!important;font-size:.7rem!important;font-weight:600!important;
    box-shadow:none!important;transition:color .15s,background .15s,border-color .15s
}
.hp4-mini-row button,
.hp4-mini-dl{color:var(--accent2)!important;border-color:var(--ac40)!important;background:var(--ac05)!important}
.hp4-mini-dl .ph{font-size:13px;color:var(--accent)}
.hp4-mini-row button:hover,
.hp4-mini-copy:hover,
.hp4-mini-dl:hover,
.hp4-mini-vers a:hover{color:var(--accent2)!important;background:var(--ac10)!important;border-color:var(--ac40)!important}
.hp4-mini-row input{height:30px;border-radius:999px;padding:0 12px;border-color:var(--border2)}
.hp4-mini-code{border-radius:10px}
.hp4-mini-copy{height:24px!important;padding:0 10px!important;font-size:.64rem!important}