/* Get Clear Hosting — isolated status page styles.
   This file intentionally affects only .status-v2-page and its children. */
.status-v2-page {
  --status-blue: #1479ff;
  --status-cyan: #00c8f8;
  --status-green: #35d889;
  --status-amber: #f6b84a;
  --status-ink: #030714;
  --status-panel: rgba(10, 20, 40, .78);
  --status-line: rgba(148, 163, 184, .16);
  padding-top: 92px;
  background:
    radial-gradient(circle at 12% 15%, rgba(20, 121, 255, .10), transparent 30%),
    radial-gradient(circle at 87% 35%, rgba(0, 200, 248, .08), transparent 28%),
    #030714;
  overflow: hidden;
}

.status-v2-page h1,
.status-v2-page h2,
.status-v2-page h3 { font-family: "Space Grotesk", sans-serif; }

.status-v2-hero {
  position: relative;
  min-height: 670px;
  display: flex;
  align-items: center;
  padding: 92px 0 78px;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--status-line);
}

.status-v2-grid {
  position: absolute;
  inset: 0;
  z-index: -3;
  background-image:
    linear-gradient(rgba(53, 122, 255, .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53, 122, 255, .10) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000 15%, transparent 94%);
  opacity: .55;
}

.status-v2-orb { position: absolute; border-radius: 999px; filter: blur(100px); z-index: -2; opacity: .22; }
.status-v2-orb.orb-one { width: 460px; height: 460px; right: -100px; top: 20px; background: var(--status-blue); }
.status-v2-orb.orb-two { width: 320px; height: 320px; left: 6%; bottom: -80px; background: var(--status-cyan); }

.status-v2-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
  gap: 72px;
  align-items: center;
}

.status-eyebrow,
.section-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--status-cyan);
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .16em;
}
.status-eyebrow i,
.refresh-note i,
.summary-dot,
.no-incidents i,
.v2-status-chip i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--status-green);
  box-shadow: 0 0 0 6px rgba(53,216,137,.10), 0 0 20px rgba(53,216,137,.55);
}

.status-v2-copy h1 {
  margin: 18px 0 18px;
  font-size: clamp(3.4rem, 7vw, 6.6rem);
  line-height: .95;
  letter-spacing: -.055em;
  color: #fff;
}
.status-v2-copy h1 span {
  display: block;
  background: linear-gradient(135deg, #fff 0%, #6fb7ff 52%, #00d7ff 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.status-v2-copy > p { max-width: 690px; margin: 0; color: #a9bdd6; font-size: 1.08rem; }
.status-v2-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.status-primary-action,
.status-secondary-action {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 21px;
  border-radius: 11px;
  text-decoration: none;
  font-weight: 800;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.status-primary-action { background: linear-gradient(135deg, var(--status-blue), var(--status-cyan)); color: #fff; box-shadow: 0 15px 35px rgba(20,121,255,.26); }
.status-secondary-action { border: 1px solid var(--status-line); background: rgba(10,20,40,.62); color: #dbe8f8; }
.status-primary-action:hover,
.status-secondary-action:hover { transform: translateY(-2px); box-shadow: 0 17px 38px rgba(20,121,255,.20); }

.status-command-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(77, 157, 255, .26);
  border-radius: 26px;
  padding: 24px;
  background: linear-gradient(160deg, rgba(14,29,57,.94), rgba(5,12,28,.94));
  box-shadow: 0 32px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04);
}
.command-card-glow { position: absolute; inset: auto 5% -40% 5%; height: 60%; background: radial-gradient(circle, rgba(0,200,248,.18), transparent 68%); pointer-events: none; }
.command-card-top { display: flex; justify-content: space-between; align-items: center; color: #7390b3; font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.live-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; color: #8ef0bd; background: rgba(53,216,137,.10); border: 1px solid rgba(53,216,137,.18); }
.live-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--status-green); animation: statusPulse 1.8s infinite; }
.command-shield { position: relative; width: 150px; height: 150px; margin: 34px auto 22px; display: grid; place-items: center; color: #55e7ae; }
.command-shield svg { width: 86px; position: relative; z-index: 2; filter: drop-shadow(0 0 20px rgba(53,216,137,.42)); }
.shield-rings,
.shield-rings::before,
.shield-rings::after { position: absolute; inset: 0; border-radius: 50%; border: 1px solid rgba(0,200,248,.18); content: ""; }
.shield-rings::before { inset: 18px; }
.shield-rings::after { inset: 37px; }
.command-status { text-align: center; }
.command-status span { color: #6f8fb4; font-size: .72rem; font-weight: 800; letter-spacing: .15em; }
.command-status strong { display: block; margin: 3px 0 5px; font-size: 2rem; color: #fff; }
.command-status p { margin: 0; color: #8fa6c3; font-size: .9rem; }
.command-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 25px; overflow: hidden; border: 1px solid var(--status-line); border-radius: 14px; background: var(--status-line); }
.command-metrics div { padding: 15px 8px; text-align: center; background: rgba(4,11,26,.92); }
.command-metrics span { display: block; color: #7187a4; font-size: .7rem; }
.command-metrics strong { display: block; margin-top: 4px; color: #fff; font-size: .95rem; }

.status-summary-band { border-bottom: 1px solid var(--status-line); background: rgba(6,13,29,.74); }
.status-summary-grid { display: grid; grid-template-columns: 1.9fr repeat(3, .7fr); align-items: stretch; }
.summary-main,
.summary-stat { min-height: 112px; display: flex; align-items: center; padding: 22px 28px; border-right: 1px solid var(--status-line); }
.summary-main { gap: 16px; }
.summary-main strong { display: block; color: #fff; }
.summary-main small { color: #8298b3; }
.summary-stat { flex-direction: column; justify-content: center; text-align: center; }
.summary-stat strong { color: #fff; font-size: 1.45rem; }
.summary-stat span { color: #7890ad; font-size: .75rem; }

.status-v2-section { padding: 96px 0; }
.status-v2-heading,
.v2-panel-header { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; }
.status-v2-heading h2,
.v2-panel-header h2 { margin: 8px 0 7px; color: #fff; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.035em; }
.status-v2-heading p { margin: 0; max-width: 700px; color: #8da2bd; }
.refresh-note,
.planned-badge,
.no-incidents { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; padding: 9px 12px; border-radius: 999px; color: #8aa3c1; background: rgba(11,20,40,.62); border: 1px solid var(--status-line); font-size: .73rem; font-weight: 800; }
.planned-badge { color: #ffd792; border-color: rgba(246,184,74,.20); background: rgba(246,184,74,.08); }

.status-v2-service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.v2-service-card {
  position: relative;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  padding: 23px;
  border: 1px solid var(--status-line);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(13,26,51,.84), rgba(6,14,31,.88));
  box-shadow: 0 22px 56px rgba(0,0,0,.22);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.v2-service-card:hover { transform: translateY(-5px); border-color: rgba(64,148,255,.34); box-shadow: 0 30px 68px rgba(0,0,0,.3); }
.v2-service-card::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: linear-gradient(135deg, rgba(255,255,255,.025), transparent 40%); }
.v2-service-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.v2-service-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; color: #5bb3ff; background: rgba(20,121,255,.11); border: 1px solid rgba(20,121,255,.16); }
.v2-service-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.v2-status-chip { display: inline-flex; align-items: center; gap: 8px; color: #8ceeb9; font-size: .72rem; font-weight: 800; }
.is-planned .v2-status-chip { color: #f7cd82; }
.is-planned .v2-status-chip i { background: var(--status-amber); box-shadow: 0 0 0 6px rgba(246,184,74,.08), 0 0 18px rgba(246,184,74,.35); }
.v2-service-card h3 { margin: 24px 0 8px; color: #fff; font-size: 1.35rem; }
.v2-service-card > p { margin: 0; color: #8da2bd; font-size: .9rem; }
.v2-availability { margin-top: auto; padding-top: 27px; }
.v2-availability > div:first-child { display: flex; justify-content: space-between; color: #8197b2; font-size: .75rem; }
.v2-availability strong { color: #fff; }
.availability-track { height: 7px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: rgba(148,163,184,.10); }
.availability-track span { display: block; width: var(--availability); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--status-blue), var(--status-cyan)); box-shadow: 0 0 14px rgba(0,200,248,.28); transform-origin: left; }
.v2-service-card > a,
.service-muted-link { margin-top: 22px; color: #72b9ff; text-decoration: none; font-size: .78rem; font-weight: 700; }
.service-muted-link { color: #768da9; }

.status-game-section { border-block: 1px solid var(--status-line); background: rgba(5,12,26,.55); }
.game-status-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.game-status-card { position: relative; min-height: 265px; overflow: hidden; border-radius: 18px; border: 1px solid var(--status-line); background: #081226 var(--game-image) center / cover no-repeat; transition: transform .25s ease, border-color .25s ease; }
.game-status-card:hover { transform: translateY(-5px); border-color: rgba(71,154,255,.38); }
.game-status-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,7,20,.98) 9%, rgba(3,7,20,.7) 55%, rgba(3,7,20,.24)); }
.game-status-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; }
.game-status-content > span { color: rgba(255,255,255,.5); font-size: .72rem; font-weight: 800; }
.game-status-content h3 { margin: 0 0 4px; color: #fff; font-size: 1.2rem; }
.game-status-content p { margin: 0; color: #9bb0ca; font-size: .78rem; }
.game-status-content strong { align-self: flex-start; padding: 6px 9px; border-radius: 7px; color: #ffd58a; background: rgba(246,184,74,.11); border: 1px solid rgba(246,184,74,.18); font-size: .63rem; letter-spacing: .1em; }

.status-v2-lower-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 22px; align-items: start; }
.v2-incident-panel,
.v2-maintenance-card,
.v2-help-card,
.status-v2-note { border: 1px solid var(--status-line); border-radius: 22px; background: linear-gradient(160deg, rgba(12,25,49,.82), rgba(5,13,29,.88)); box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.v2-incident-panel { padding: 28px; }
.v2-panel-header { align-items: center; }
.no-incidents { color: #82eeb3; }
.v2-timeline { position: relative; margin-top: 20px; }
.v2-timeline::before { content:""; position:absolute; left: 10px; top: 13px; bottom: 18px; width:1px; background: var(--status-line); }
.v2-timeline article { position: relative; display: grid; grid-template-columns: 25px 112px 1fr; gap: 15px; padding: 0 0 30px; }
.v2-timeline article:last-child { padding-bottom: 0; }
.v2-timeline-marker { width: 20px; height: 20px; z-index: 1; border-radius: 50%; border: 5px solid #071021; background: var(--status-green); box-shadow: 0 0 18px rgba(53,216,137,.35); }
.v2-timeline-marker.planned { background: var(--status-amber); box-shadow: 0 0 18px rgba(246,184,74,.3); }
.v2-timeline time { padding-top: 1px; color: #6f88a6; font-size: .7rem; font-weight: 800; }
.timeline-title { display: flex; justify-content: space-between; gap: 16px; }
.timeline-title h3 { margin: 0; color: #fff; font-size: 1rem; }
.timeline-title span { color: #85eeb5; font-size: .7rem; font-weight: 800; }
.v2-timeline p { margin: 6px 0 0; color: #8297b2; font-size: .84rem; }
.v2-side-stack { display: grid; gap: 22px; }
.v2-maintenance-card,
.v2-help-card { padding: 25px; }
.maintenance-card-icon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 13px; color: #9bcaff; font-weight: 900; background: rgba(20,121,255,.12); border: 1px solid rgba(20,121,255,.18); }
.v2-maintenance-card h2 { margin: 8px 0; color: #fff; font-size: 1.55rem; }
.v2-maintenance-card p,
.v2-help-card p { color: #879db8; font-size: .87rem; }
.v2-maintenance-card a { display: inline-flex; gap: 8px; margin-top: 10px; color: #72b9ff; text-decoration: none; font-weight: 700; font-size: .82rem; }
.v2-help-card { background: linear-gradient(145deg, rgba(20,121,255,.16), rgba(7,16,34,.94)); }
.v2-help-card > span { color: #78c5ff; font-size: .7rem; font-weight: 800; letter-spacing: .14em; }
.v2-help-card h3 { margin: 7px 0; color: #fff; font-size: 1.35rem; }
.v2-help-card div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.v2-help-card a { padding: 9px 12px; border-radius: 8px; text-decoration: none; color: #fff; font-size: .76rem; font-weight: 800; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.09); }

.status-v2-note-section { padding: 0 0 96px; }
.status-v2-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 24px 28px; }
.note-pulse { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: rgba(0,200,248,.10); }
.note-pulse i { width: 10px; height: 10px; border-radius: 50%; background: var(--status-cyan); box-shadow: 0 0 20px rgba(0,200,248,.55); }
.status-v2-note strong { color: #fff; }
.status-v2-note p { margin: 3px 0 0; color: #7f96b3; font-size: .84rem; }
.status-v2-note > span { color: #54708f; font-size: .72rem; font-weight: 800; letter-spacing: .13em; }

@keyframes statusPulse { 0%,100% { transform: scale(1); opacity:1; } 50% { transform: scale(.65); opacity:.55; } }

@media (max-width: 1080px) {
  .status-v2-hero-inner { grid-template-columns: 1fr; }
  .status-command-card { max-width: 620px; width: 100%; }
  .status-v2-service-grid { grid-template-columns: repeat(2, 1fr); }
  .game-status-grid { grid-template-columns: repeat(3, 1fr); }
  .status-summary-grid { grid-template-columns: 1.6fr repeat(3, .8fr); }
}

@media (max-width: 820px) {
  .status-v2-page { padding-top: 76px; }
  .status-v2-hero { padding: 70px 0 60px; min-height: auto; }
  .status-summary-grid { grid-template-columns: 1fr 1fr; }
  .summary-main { grid-column: 1 / -1; border-bottom: 1px solid var(--status-line); }
  .summary-stat:last-child { grid-column: 1 / -1; }
  .status-v2-lower-grid { grid-template-columns: 1fr; }
  .status-v2-heading,
  .v2-panel-header { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  .status-v2-page .container { width: min(100% - 28px, 1180px); }
  .status-v2-copy h1 { font-size: clamp(3rem, 18vw, 4.4rem); }
  .status-v2-service-grid,
  .game-status-grid { grid-template-columns: 1fr; }
  .command-metrics { grid-template-columns: 1fr; }
  .summary-main,
  .summary-stat { min-height: 92px; padding: 18px; }
  .status-v2-section { padding: 72px 0; }
  .v2-timeline article { grid-template-columns: 25px 1fr; }
  .v2-timeline time { grid-column: 2; grid-row: 1; }
  .v2-timeline article > div:last-child { grid-column: 2; }
  .timeline-title { flex-direction: column; gap: 4px; }
  .status-v2-note { grid-template-columns: auto 1fr; }
  .status-v2-note > span { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .status-v2-page *, .status-v2-page *::before, .status-v2-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}