:root { --ice: #28a9dc; --deep: #0878aa; --ink: #07537a; --paper: #f8fdff; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; font-family: Arial, Helvetica, sans-serif; color: var(--ink); background: var(--paper); }

.page-shell {
  position: relative; display: flex; flex-direction: column; justify-content: center;
  min-height: 100svh; overflow: hidden; padding: 42px clamp(24px, 7vw, 112px) 28px;
  background: linear-gradient(135deg, #fff 0%, #f4fcff 58%, #e8f8ff 100%);
}
.content { position: relative; z-index: 2; max-width: 720px; }
.brand { display: block; width: min(350px, 72vw); margin: 0 0 32px; }
.brand img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }

.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 17px; color: var(--ice); font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.eyebrow span { width: 35px; height: 2px; background: var(--ice); }
h1 { margin: 0; color: var(--deep); font-family: Georgia, "Times New Roman", serif; font-size: clamp(43px, 5.9vw, 80px); line-height: .98; letter-spacing: -.055em; }
.intro { max-width: 515px; margin: 24px 0; color: #38718e; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.65; }
.status { display: inline-flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid #c8eaf8; border-radius: 100px; background: rgba(255,255,255,.75); color: #247193; font-size: 13px; font-weight: 700; box-shadow: 0 10px 25px rgba(40,169,220,.09); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ice); box-shadow: 0 0 0 4px rgba(40,169,220,.13); }

footer { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 18px; margin-top: auto; padding-top: 35px; color: #648da3; font-size: 12px; }
footer a { color: inherit; text-decoration: none; } footer a:hover { color: var(--ice); }

.glow { position: absolute; z-index: 0; right: -13vw; bottom: -32vw; width: 70vw; height: 70vw; border-radius: 50%; background: radial-gradient(circle, rgba(40,169,220,.2), rgba(40,169,220,.04) 54%, transparent 70%); }
.ice-line { position: absolute; z-index: 1; border: 1px solid rgba(40,169,220,.16); border-radius: 50%; transform: rotate(-18deg); }
.line-one { right: -16vw; top: -27vw; width: 70vw; height: 48vw; }.line-two { right: -10vw; top: -23vw; width: 59vw; height: 37vw; border-color: rgba(40,169,220,.09); }
.snow { position: absolute; z-index: 1; width: 8px; height: 8px; border: 1px solid rgba(40,169,220,.28); border-radius: 50%; }.snow-a { left: 11%; bottom: 24%; }.snow-b { top: 20%; right: 13%; width: 14px; height: 14px; }.snow-c { top: 60%; right: 29%; width: 5px; height: 5px; }

@media (max-width: 600px) {
  .page-shell { padding: 26px 22px 20px; }
  .content { margin: auto 0; }
  .brand { width: 250px; margin-bottom: 29px; }
  h1 { font-size: clamp(39px, 11.4vw, 56px); }
  .intro { margin: 21px 0; font-size: 15px; line-height: 1.58; }
  .status { font-size: 12px; padding: 11px 13px; }
  footer { padding-top: 20px; font-size: 11px; }
  .glow { right: -75vw; bottom: -45vw; width: 160vw; height: 160vw; }
  .line-one { right: -54vw; top: -25vw; width: 150vw; height: 96vw; }.line-two { right: -42vw; top: -20vw; width: 125vw; height: 78vw; }
}