body.page-zomboid{background-color:#1a0a08}
body.page-zomboid::before{
  content:"";
  position:fixed;inset:0;z-index:-11;
  background:
    linear-gradient(180deg,rgba(10,4,4,.5),rgba(5,9,18,.78)),
    url("../../../shared/assets/images/zomboid/bg-zomboid-4k.jpg") center/cover no-repeat;
  filter:saturate(.9);
}
.page-zomboid .site-bg{background:none}
.page-zomboid-hero .site-bg{position:fixed;inset:0;z-index:-10;overflow:hidden}
.page-zomboid-hero .bg-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.95)}
.page-zomboid-hero .bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,10,8,.35),rgba(5,9,18,.7))}
.page-zomboid-hero .bg-vignette{position:absolute;inset:0;box-shadow:inset 0 0 200px rgba(0,0,0,.55)}
.page-zomboid .pz-price{margin:18px 0 22px;font-size:1.15rem;color:#e8c4b8}
.page-zomboid .server-status-card p{color:var(--muted);margin-top:8px}
.page-zomboid code{color:#ffd7c8}
.pz-form{max-width:520px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;backdrop-filter:blur(10px)}
.pz-form label{display:block;font-size:.82rem;font-weight:700;margin:14px 0 6px}
.pz-form input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#0b1220;color:var(--text)}
.pz-form button{margin-top:18px;width:100%;padding:12px;border:0;border-radius:10px;font-weight:800;background:linear-gradient(135deg,#c2410c,#9a3412);color:#fff;cursor:pointer}
.pz-form .hint{font-size:.78rem;color:var(--muted);margin-top:6px}
.pz-error{color:#f87171;margin-top:12px}
.pz-status{color:var(--blue);margin-top:12px}
.pz-hero{position:relative;min-height:calc(100vh - var(--hh,78px));display:flex;align-items:center;padding:calc(var(--hh,78px) + 20px) 0 64px;overflow:hidden}
.pz-hero-bleed{position:absolute;inset:0;z-index:0}
.pz-hero-bleed img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.45) saturate(.95)}
.pz-hero-bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,6,6,.86) 0%,rgba(12,6,6,.4) 58%,rgba(12,6,6,.6) 100%),linear-gradient(180deg,transparent,rgba(8,4,6,.8))}
.pz-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.pz-badge{display:inline-block;background:rgba(234,88,12,.14);border:1px solid rgba(234,88,12,.4);color:#fdba74;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:16px}
.pz-hero h1{font-family:Orbitron,Inter,sans-serif;font-size:clamp(2.1rem,5vw,3.6rem);font-weight:900;line-height:1.05;margin-bottom:12px;text-shadow:0 8px 40px rgba(0,0,0,.6)}
.pz-hero h1 span{color:#fb923c}
.pz-tag{color:#fdba74;font-weight:700;margin-bottom:12px}
.pz-hero p{color:#e8c4b8;max-width:620px}
.pz-hero .ssc-portal{display:inline-block;background:linear-gradient(135deg,#c2410c,#9a3412);color:#fff;font-weight:800;padding:12px 22px;border-radius:12px;margin-right:10px}
.pz-hero .ssc-ghost{display:inline-block;color:#fdba74;font-weight:700;padding:12px 16px}
.pz-portrait{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(234,88,12,.4);box-shadow:0 0 80px rgba(194,65,12,.22),0 24px 80px rgba(0,0,0,.75)}
.pz-portrait img{width:100%;height:520px;object-fit:cover;object-position:center top}
.pz-portrait-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(234,88,12,.12),transparent 50%,rgba(0,0,0,.3));pointer-events:none}
.pz-corner{position:absolute;width:20px;height:20px;border-color:rgba(253,186,116,.75);border-style:solid}
.pz-tl{top:12px;left:12px;border-width:2px 0 0 2px}
.pz-tr{top:12px;right:12px;border-width:2px 2px 0 0}
.pz-bl{bottom:12px;left:12px;border-width:0 0 2px 2px}
.pz-br{bottom:12px;right:12px;border-width:0 2px 2px 0}
.pz-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 40px}
.pz-shot{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(234,88,12,.22);min-height:220px}
.pz-shot img{width:100%;height:100%;min-height:220px;object-fit:cover}
.pz-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent);font-size:.82rem;font-weight:700;color:#fff}
.page-zomboid .server-status-card{background:rgba(18,8,8,.78);border-color:rgba(234,88,12,.22);backdrop-filter:blur(8px)}
@media (max-width:900px){
  .pz-hero-grid,.pz-showcase{grid-template-columns:1fr}
  .pz-portrait img{height:360px}
  .pz-hero{min-height:0;padding:calc(var(--hh,78px) + 24px) 0 36px}
}