:root {
  --gh-ink: #0a0b0b;
  --gh-coal: #101212;
  --gh-panel: #151818;
  --gh-panel-2: #1b1f1e;
  --gh-line: rgba(236, 227, 207, .14);
  --gh-cream: #ece3cf;
  --gh-muted: #9d9b91;
  --gh-amber: #e8a22d;
  --gh-amber-2: #ffbd4a;
  --gh-red: #b83a2d;
  --gh-green: #7fb36b;
  --gh-shadow: 0 24px 80px rgba(0, 0, 0, .38);
}

.gh-shell, .gh-shell * { box-sizing: border-box; }
.gh-shell { width:100%; max-width:none; margin:0; background: var(--gh-ink); color: var(--gh-cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; overflow-x: clip; }
body.gh-page-active { margin:0 !important; padding:0 !important; background:#0a0b0b !important; overflow-x:hidden !important; }
body.gh-page-active .gh-shell { width:100%; max-width:none; margin:0; }
.gh-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.gh-section { padding: 92px 0; position: relative; }
.gh-kicker, .gh-eyebrow, .gh-metric-label, .gh-panel-title, .gh-dashboard-topline { font-size: 12px; line-height: 1.2; letter-spacing: .16em; font-weight: 800; text-transform: uppercase; }
.gh-kicker, .gh-eyebrow { color: var(--gh-amber); }
.gh-shell h1, .gh-shell h2, .gh-shell h3, .gh-shell p { margin-top: 0; }
.gh-shell h1, .gh-shell h2, .gh-shell h3 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; text-transform: uppercase; letter-spacing: .015em; }
.gh-shell h2 { font-size: clamp(38px, 6vw, 72px); line-height: .95; margin: 12px 0 0; font-weight: 900; }

.gh-hero { min-height: 760px; display: flex; align-items: center; position: relative; isolation: isolate; background:
  radial-gradient(circle at 75% 30%, rgba(232,162,45,.15), transparent 27%),
  radial-gradient(circle at 18% 76%, rgba(184,58,45,.12), transparent 30%),
  linear-gradient(115deg, #090a0a 15%, #151817 62%, #0a0b0b 100%); }
.gh-hero::after { content:""; position:absolute; inset:auto 0 0; height:230px; background:linear-gradient(transparent, var(--gh-ink)); z-index:-1; }
.gh-noise { position:absolute; inset:0; opacity:.12; z-index:-1; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.gh-hero-grid { position:absolute; inset:0; z-index:-1; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 85%); }
.gh-hero-inner { padding: 120px 0 100px; }
.gh-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:24px; }
.gh-dot { width:8px; height:8px; border-radius:50%; background:var(--gh-amber); box-shadow:0 0 0 6px rgba(232,162,45,.13); }
.gh-hero h1 { width:100%; max-width:1120px; margin:0 0 34px; text-shadow:0 8px 28px rgba(0,0,0,.38); }
.gh-hero h1 .gh-title-kicker { display:block; color:transparent; -webkit-text-stroke:1px rgba(236,227,207,.58); font-size:clamp(34px,5.2vw,74px); line-height:1; letter-spacing:.045em; margin-bottom:10px; }
.gh-hero h1 .gh-title-main { display:block; color:var(--gh-cream); font-size:clamp(38px,9.2vw,148px); line-height:.8; letter-spacing:-.005em; white-space:nowrap; }
.gh-lede { max-width:740px; color:#c5c0b4; font-size:clamp(18px,2.3vw,24px); margin-bottom:32px; }
.gh-actions { display:flex; flex-wrap:wrap; gap:14px; }
.gh-btn { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:0 24px; border:1px solid transparent; text-decoration:none !important; font-size:13px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; transition:transform .18s ease, background .18s ease, border-color .18s ease; }
.gh-btn:hover { transform:translateY(-2px); }
.gh-btn-primary { background:var(--gh-amber); color:#17120a !important; }
.gh-btn-primary:hover { background:var(--gh-amber-2); }
.gh-btn-ghost { color:var(--gh-cream) !important; border-color:rgba(236,227,207,.3); background:rgba(12,14,14,.4); backdrop-filter:blur(10px); }
.gh-btn-ghost:hover { border-color:var(--gh-cream); }
.gh-hero-meta { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:54px; color:#88877f; font-size:10px; font-weight:800; letter-spacing:.16em; }
.gh-hero-meta span { display:flex; align-items:center; gap:12px; }
.gh-hero-meta span:not(:last-child)::after { content:"/"; color:#4f504b; }

.gh-status-ribbon { border-top:1px solid var(--gh-line); border-bottom:1px solid var(--gh-line); background:#0d0f0f; }
.gh-ribbon-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.gh-ribbon-grid>div { padding:26px 24px; border-right:1px solid var(--gh-line); }
.gh-ribbon-grid>div:first-child { border-left:1px solid var(--gh-line); }
.gh-ribbon-grid b { display:block; color:var(--gh-amber); font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:32px; line-height:1; }
.gh-ribbon-grid span { display:block; color:var(--gh-muted); font-size:11px; margin-top:7px; text-transform:uppercase; letter-spacing:.1em; }

.gh-two-col { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:start; }
.gh-intro { background:var(--gh-ink); }
.gh-copy { color:#b7b3aa; font-size:clamp(19px,2.3vw,28px); border-left:1px solid var(--gh-line); padding-left:38px; }
.gh-copy p:last-child { margin-bottom:0; }
.gh-cards-section { padding-top:20px; }
.gh-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.gh-feature-card { min-height:350px; display:flex; flex-direction:column; padding:28px; background:linear-gradient(145deg,var(--gh-panel),#111313); border:1px solid var(--gh-line); box-shadow:var(--gh-shadow); position:relative; overflow:hidden; }
.gh-feature-card::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 60%,rgba(255,255,255,.04)); pointer-events:none; }
.gh-feature-amber { background:linear-gradient(145deg,#2b2214,#171612); border-color:rgba(232,162,45,.35); }
.gh-card-index { color:#6f6f68; font-size:12px; letter-spacing:.14em; font-weight:800; }
.gh-feature-card h3 { font-size:36px; line-height:.95; margin:70px 0 16px; }
.gh-feature-card p { color:var(--gh-muted); }
.gh-feature-card a { margin-top:auto; color:var(--gh-cream); text-decoration:none !important; text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:800; }
.gh-feature-card a span { color:var(--gh-amber); margin-left:8px; }

.gh-live-preview { background:linear-gradient(180deg,#0c0e0e,#111414); border-top:1px solid var(--gh-line); border-bottom:1px solid var(--gh-line); }
.gh-section-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:34px; }
.gh-live-badge { display:inline-flex; align-items:center; gap:9px; border:1px solid rgba(127,179,107,.28); background:rgba(127,179,107,.08); color:#a8cc99; padding:10px 12px; font-size:10px; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.gh-live-badge i { width:7px; height:7px; border-radius:50%; background:var(--gh-green); box-shadow:0 0 0 5px rgba(127,179,107,.12); animation:ghPulse 1.8s infinite; }
@keyframes ghPulse { 50% { box-shadow:0 0 0 9px rgba(127,179,107,0); } }

.gh-dashboard { border:1px solid var(--gh-line); background:#0d0f0f; box-shadow:var(--gh-shadow); }
.gh-dashboard-topline { min-height:42px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 16px; color:#71746e; border-bottom:1px solid var(--gh-line); font-size:9px; }
.gh-dashboard-topline>span:first-child { color:var(--gh-amber); }
.gh-metric-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.gh-metric-card { min-height:166px; padding:22px; border-right:1px solid var(--gh-line); border-bottom:1px solid var(--gh-line); }
.gh-metric-card:last-child { border-right:0; }
.gh-metric-label { color:#6f726d; margin-bottom:22px; font-size:10px; }
.gh-metric-value { font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:42px; line-height:1; text-transform:uppercase; }
.gh-metric-value small { color:#696b66; font-size:.42em; margin-left:3px; }
.gh-status-value { display:flex; align-items:center; gap:10px; }
.gh-status-value i { width:12px; height:12px; border-radius:50%; background:#777; box-shadow:0 0 0 5px rgba(255,255,255,.04); }
.gh-status-value i.is-online { background:var(--gh-green); box-shadow:0 0 0 5px rgba(127,179,107,.12); }
.gh-metric-sub { color:#777a74; font-size:11px; margin-top:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gh-map-value { font-size:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gh-meter { height:4px; margin-top:17px; background:#252a28; overflow:hidden; }
.gh-meter span { display:block; width:0; height:100%; background:var(--gh-amber); transition:width .4s ease; }
.gh-ops-grid { display:grid; grid-template-columns:1.55fr .75fr; }
.gh-ops-panel { min-height:260px; padding:20px 22px; border-right:1px solid var(--gh-line); }
.gh-ops-panel:last-child { border-right:0; }
.gh-panel-title { display:flex; justify-content:space-between; color:#73766f; padding-bottom:16px; border-bottom:1px solid var(--gh-line); font-size:9px; }
.gh-panel-title b { color:var(--gh-amber); }
.gh-activity-list { padding-top:10px; }
.gh-activity-row { display:grid; grid-template-columns:54px 60px 1fr; gap:10px; align-items:center; min-height:40px; border-bottom:1px solid rgba(236,227,207,.07); color:#a9aaa3; font-size:12px; }
.gh-activity-row time { color:#62655f; font-variant-numeric:tabular-nums; }
.gh-activity-row b { font-size:9px; letter-spacing:.08em; color:var(--gh-amber); text-transform:uppercase; }
.gh-activity-skeleton { height:32px; margin-top:10px; background:linear-gradient(90deg,#151818,#1c211f,#151818); background-size:200% 100%; animation:ghShimmer 1.4s linear infinite; }
@keyframes ghShimmer { to { background-position:-200% 0; } }
.gh-system-panel dl { margin:0; }
.gh-system-panel dl>div { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid rgba(236,227,207,.07); }
.gh-system-panel dt { color:#777a74; font-size:11px; }
.gh-system-panel dd { margin:0; font-size:11px; font-weight:800; color:#d5d1c6; }
.gh-dashboard-error { padding:13px 18px; background:rgba(184,58,45,.12); border-top:1px solid rgba(184,58,45,.35); color:#e29c91; font-size:12px; }
.gh-dashboard-page { padding:82px 0 110px; min-height:100vh; }

.gh-rules { background:#0b0c0c; }
.gh-rules-grid { align-items:start; }
.gh-rule-list { border-top:1px solid var(--gh-line); }
.gh-rule-list>div { display:grid; grid-template-columns:58px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--gh-line); }
.gh-rule-list b { color:var(--gh-amber); font-size:11px; letter-spacing:.12em; }
.gh-rule-list span { color:#a6a69e; }
.gh-rule-list strong { color:var(--gh-cream); }
.gh-final-cta { background:linear-gradient(115deg,#17140e,#0d0f0f); }
.gh-cta-panel { display:flex; justify-content:space-between; align-items:center; gap:34px; padding:48px; border:1px solid rgba(232,162,45,.25); background:rgba(232,162,45,.045); }
.gh-cta-panel h2 { font-size:clamp(34px,5vw,60px); max-width:760px; }

@media (max-width: 900px) {
  .gh-hero { min-height:680px; }
  .gh-ribbon-grid { grid-template-columns:repeat(2,1fr); }
  .gh-two-col, .gh-card-grid, .gh-ops-grid { grid-template-columns:1fr; }
  .gh-metric-grid { grid-template-columns:repeat(2,1fr); }
  .gh-metric-card:nth-child(2n) { border-right:0; }
  .gh-copy { border-left:0; border-top:1px solid var(--gh-line); padding:26px 0 0; }
  .gh-ops-panel { border-right:0; border-bottom:1px solid var(--gh-line); }
}

@media (max-width: 620px) {
  .gh-wrap { width:min(100% - 24px,1180px); }
  .gh-section { padding:68px 0; }
  .gh-hero-inner { padding-top:92px; }
  .gh-hero h1 .gh-title-kicker { font-size:clamp(30px,10vw,48px); }
  .gh-hero h1 .gh-title-main { font-size:clamp(36px,10.8vw,64px); }
  .gh-lede { font-size:18px; }
  .gh-actions { flex-direction:column; align-items:stretch; }
  .gh-ribbon-grid { grid-template-columns:1fr 1fr; }
  .gh-ribbon-grid>div { padding:20px 14px; }
  .gh-ribbon-grid b { font-size:26px; }
  .gh-metric-grid { grid-template-columns:1fr; }
  .gh-metric-card { border-right:0; }
  .gh-section-head, .gh-cta-panel { align-items:flex-start; flex-direction:column; }
  .gh-dashboard-topline { align-items:flex-start; padding:10px 14px; flex-direction:column; }
  .gh-activity-row { grid-template-columns:44px 50px 1fr; font-size:11px; }
  .gh-cta-panel { padding:30px; }
}

/* === Grindhouse Site Kit 1.1.0: live ticker === */
.gh-live-ticker { min-height:48px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:stretch; border-bottom:1px solid rgba(232,162,45,.28); background:#090b0b; position:relative; z-index:10; overflow:hidden; }
.gh-live-ticker-label { display:flex; align-items:center; gap:10px; padding:0 18px; background:var(--gh-amber); color:#17120a; font-size:11px; font-weight:1000; letter-spacing:.12em; white-space:nowrap; }
.gh-live-ticker-label i { width:7px; height:7px; border-radius:50%; background:#17120a; box-shadow:0 0 0 5px rgba(23,18,10,.13); animation:ghPulseDark 1.8s infinite; }
@keyframes ghPulseDark { 50% { box-shadow:0 0 0 9px rgba(23,18,10,0); } }
.gh-live-ticker-viewport { min-width:0; overflow:hidden; display:flex; align-items:center; mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent); }
.gh-live-ticker-track { display:flex; align-items:center; width:max-content; min-width:100%; will-change:transform; animation:ghTickerMove 34s linear infinite; }
.gh-live-ticker-group { display:flex; align-items:center; flex:none; min-width:max(100vw,max-content); }
.gh-live-ticker-group span { display:flex; align-items:center; min-height:48px; padding:0 24px; color:#c8c4ba; font-size:10px; line-height:1; font-weight:850; letter-spacing:.11em; text-transform:uppercase; white-space:nowrap; }
.gh-live-ticker-group span::after { content:"//"; color:var(--gh-amber); margin-left:24px; opacity:.8; }
.gh-live-ticker-count { display:flex; align-items:center; justify-content:center; min-width:92px; padding:0 14px; border-left:1px solid var(--gh-line); color:#9fbf92; background:#0d0f0f; font-size:9px; font-weight:900; letter-spacing:.1em; white-space:nowrap; }
.gh-live-ticker:hover .gh-live-ticker-track { animation-play-state:paused; }
@keyframes ghTickerMove { to { transform:translateX(-50%); } }

/* === Upcoming Operations === */
.gh-events-section { background:linear-gradient(180deg,#0b0d0d,#101313); border-top:1px solid var(--gh-line); }
.gh-events-badge { display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border:1px solid rgba(232,162,45,.28); color:var(--gh-amber); background:rgba(232,162,45,.07); font-size:9px; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.gh-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.gh-event-card { min-height:310px; display:grid; grid-template-columns:78px minmax(0,1fr); background:linear-gradient(145deg,var(--gh-panel),#111313); border:1px solid var(--gh-line); box-shadow:var(--gh-shadow); overflow:hidden; position:relative; }
.gh-event-card.is-featured { border-color:rgba(232,162,45,.42); background:linear-gradient(145deg,#2b2214,#171612); }
.gh-event-card::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 62%,rgba(255,255,255,.035)); pointer-events:none; }
.gh-event-date { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:24px 10px; border-right:1px solid var(--gh-line); background:rgba(0,0,0,.14); }
.gh-event-date b { color:var(--gh-amber); font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.gh-event-date span { margin-top:5px; color:var(--gh-cream); font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:44px; line-height:1; }
.gh-event-body { position:relative; z-index:1; display:flex; flex-direction:column; min-width:0; padding:24px; }
.gh-event-time { color:#777a74; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.gh-event-card h3 { margin:24px 0 12px; font-size:clamp(29px,3vw,40px); line-height:.92; }
.gh-event-card p { color:var(--gh-muted); font-size:13px; }
.gh-event-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:auto; padding-top:20px; color:#7f827c; font-size:9px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.gh-event-meta strong { color:var(--gh-amber); }
.gh-event-card a { margin-top:16px; color:var(--gh-cream); text-decoration:none !important; text-transform:uppercase; letter-spacing:.1em; font-size:10px; font-weight:900; }
.gh-event-card a span { color:var(--gh-amber); margin-left:7px; }
.gh-events-empty { min-height:170px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; padding:30px; border:1px dashed rgba(236,227,207,.18); background:#0d0f0f; text-align:center; }
.gh-events-empty b { color:var(--gh-amber); font-size:12px; letter-spacing:.14em; }
.gh-events-empty span { color:var(--gh-muted); font-size:13px; }

@media (max-width: 900px) {
  .gh-event-grid { grid-template-columns:1fr; }
  .gh-event-card { min-height:230px; }
}

@media (max-width: 620px) {
  .gh-live-ticker { grid-template-columns:auto minmax(0,1fr); }
  .gh-live-ticker-label { padding:0 12px; font-size:9px; }
  .gh-live-ticker-label span { max-width:86px; white-space:normal; line-height:1.05; }
  .gh-live-ticker-count { display:none; }
  .gh-live-ticker-group span { padding:0 16px; font-size:9px; }
  .gh-live-ticker-group span::after { margin-left:16px; }
  .gh-event-card { grid-template-columns:64px minmax(0,1fr); }
  .gh-event-date span { font-size:36px; }
  .gh-event-body { padding:20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gh-live-ticker-track { animation:none; transform:none; }
  .gh-live-ticker-viewport { overflow-x:auto; mask-image:none; }
  .gh-live-ticker-label i, .gh-live-badge i { animation:none; }
}

/* === Grindhouse Site Kit 1.1.2: console join page === */
.gh-join-page { min-height:100vh; background:var(--gh-ink); }
.gh-join-hero { min-height:520px; display:flex; align-items:center; position:relative; isolation:isolate; overflow:hidden; background:
  radial-gradient(circle at 78% 28%, rgba(232,162,45,.16), transparent 25%),
  radial-gradient(circle at 18% 78%, rgba(184,58,45,.10), transparent 30%),
  linear-gradient(115deg,#090a0a 15%,#151817 62%,#0a0b0b 100%); }
.gh-join-hero::after { content:""; position:absolute; inset:auto 0 0; height:180px; z-index:-1; background:linear-gradient(transparent,var(--gh-ink)); }
.gh-join-hero-inner { padding:110px 0 88px; }
.gh-join-hero h1 { margin:0 0 28px; max-width:1050px; font-size:clamp(58px,9vw,138px); line-height:.78; letter-spacing:0; text-shadow:0 8px 28px rgba(0,0,0,.42); }
.gh-join-hero h1 span { color:var(--gh-cream); }
.gh-join-content { padding-top:70px; }
.gh-join-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:20px; align-items:stretch; }
.gh-server-card, .gh-join-instructions { border:1px solid var(--gh-line); background:linear-gradient(145deg,var(--gh-panel),#111313); box-shadow:var(--gh-shadow); }
.gh-server-card { min-height:430px; padding:34px; display:flex; flex-direction:column; border-color:rgba(232,162,45,.36); background:linear-gradient(145deg,#2b2214,#171612); }
.gh-server-name { margin:34px 0 30px; padding:22px 0; border-top:1px solid rgba(232,162,45,.25); border-bottom:1px solid rgba(232,162,45,.25); color:var(--gh-cream); font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:clamp(38px,5vw,64px); line-height:.92; text-transform:uppercase; overflow-wrap:anywhere; }
.gh-server-facts { margin:0; }
.gh-server-facts>div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid rgba(236,227,207,.08); }
.gh-server-facts dt { color:#7f827c; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.gh-server-facts dd { margin:0; color:#d7d2c6; font-size:11px; font-weight:850; text-align:right; }
.gh-server-status-note { display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:24px; color:#a8cc99; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.gh-server-status-note i { width:8px; height:8px; border-radius:50%; background:var(--gh-green); box-shadow:0 0 0 6px rgba(127,179,107,.12); }
.gh-join-instructions { padding:34px; }
.gh-join-instructions h2 { margin:12px 0 28px; font-size:clamp(44px,6vw,76px); }
.gh-join-steps { list-style:none; margin:0; padding:0; border-top:1px solid var(--gh-line); }
.gh-join-steps li { display:grid; grid-template-columns:58px 1fr; gap:18px; align-items:start; padding:21px 0; border-bottom:1px solid var(--gh-line); }
.gh-join-steps b { color:var(--gh-amber); font-size:11px; letter-spacing:.12em; }
.gh-join-steps span { color:#aaa9a1; font-size:16px; }
.gh-join-steps strong { color:var(--gh-cream); }
.gh-join-help { padding-top:20px; background:linear-gradient(115deg,#17140e,#0d0f0f); }
.gh-join-help-panel { display:flex; justify-content:space-between; gap:40px; align-items:center; padding:48px; border:1px solid rgba(232,162,45,.25); background:rgba(232,162,45,.045); }
.gh-join-help-panel h2 { font-size:clamp(38px,5vw,64px); }
.gh-join-help-panel p { max-width:700px; margin:18px 0 0; color:var(--gh-muted); }
.gh-join-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }

@media (max-width: 900px) {
  .gh-join-grid { grid-template-columns:1fr; }
  .gh-join-help-panel { align-items:flex-start; flex-direction:column; }
  .gh-join-actions { justify-content:flex-start; }
}

@media (max-width: 620px) {
  .gh-join-hero { min-height:430px; }
  .gh-join-hero-inner { padding:88px 0 70px; }
  .gh-join-hero h1 { font-size:clamp(48px,16vw,82px); }
  .gh-server-card, .gh-join-instructions { padding:24px; }
  .gh-server-name { font-size:clamp(34px,12vw,52px); }
  .gh-join-steps li { grid-template-columns:44px 1fr; gap:12px; }
  .gh-join-steps span { font-size:14px; }
  .gh-join-help-panel { padding:30px; }
  .gh-join-actions { width:100%; }
  .gh-join-actions .gh-btn { width:100%; }
}