.download-page {
  background:
    radial-gradient(circle at 72% 12%, rgba(0, 182, 255, .12), transparent 31rem),
    radial-gradient(circle at 18% 32%, rgba(22, 109, 255, .08), transparent 27rem),
    #071019;
}

.download-hero { padding: 92px 0 80px; overflow: hidden; }
.download-hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 56px; align-items: center; }
.download-copy h1 { margin: 10px 0 20px; font-size: clamp(3rem, 7vw, 6.4rem); line-height: .96; letter-spacing: -.055em; }
.download-copy .accent { background: linear-gradient(120deg, #fff 8%, #8ddaff 55%, #00d7ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.download-primary { min-height: 56px; padding-inline: 1.5rem; }
.download-fineprint { margin: 18px 0 0; color: #8fa8bb; font-size: .88rem; }

.release-card,
.verification-card,
.download-step,
.release-note-panel {
  border: 1px solid rgba(73, 200, 255, .24);
  background: linear-gradient(145deg, rgba(14, 34, 50, .93), rgba(6, 20, 31, .96));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}
.release-card { position: relative; padding: 34px; border-radius: 28px; overflow: hidden; }
.release-card::after { content: ""; position: absolute; right: -70px; top: -80px; width: 210px; height: 210px; border-radius: 50%; background: rgba(0, 193, 255, .12); filter: blur(32px); }
.release-logo-wrap { width: 84px; height: 84px; display: grid; place-items: center; margin-bottom: 22px; border: 1px solid rgba(78, 209, 255, .28); border-radius: 24px; background: rgba(0, 22, 36, .76); }
.release-logo-wrap img { width: 72px; height: 72px; object-fit: contain; }
.release-status { display: inline-flex; margin-bottom: 12px; padding: 6px 10px; border: 1px solid rgba(64, 224, 152, .38); border-radius: 999px; color: #76f3b4; background: rgba(20, 104, 66, .18); font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.release-card h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3vw, 2.45rem); }
.release-card > p { color: #a9bccb; }
.release-facts { display: grid; grid-template-columns: repeat(2, 1fr); margin: 26px 0 0; border: 1px solid rgba(106, 174, 209, .15); border-radius: 18px; overflow: hidden; }
.release-facts div { padding: 17px 18px; border: 1px solid rgba(106, 174, 209, .1); }
.release-facts dt { color: #7894a9; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.release-facts dd { margin: 4px 0 0; color: #f4fbff; font-weight: 800; }

.download-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.download-step { display: flex; gap: 18px; padding: 26px; border-radius: 20px; }
.download-step > span { color: #50d8ff; font-size: .78rem; font-weight: 900; letter-spacing: .12em; }
.download-step h3 { margin: 0 0 8px; font-size: 1.25rem; }
.download-step p { margin: 0; color: #a9bccb; }

.verification-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.verification-card { padding: 32px; border-radius: 24px; }
.verification-card h2 { margin: 10px 0 12px; font-size: clamp(1.7rem, 3vw, 2.45rem); }
.verification-card p,
.verification-list { color: #a9bccb; }
.verification-list { display: grid; gap: 9px; padding-left: 1.2rem; }
.checksum { display: block; margin: 20px 0 22px; padding: 16px; overflow-wrap: anywhere; border: 1px solid rgba(75, 198, 255, .24); border-radius: 14px; color: #8ce7ff; background: rgba(1, 12, 20, .75); font-size: .82rem; line-height: 1.65; }

.release-note-panel { display: grid; grid-template-columns: 1.18fr .82fr; gap: 34px; align-items: center; padding: 38px; border-radius: 24px; }
.release-note-panel h2 { margin: 10px 0; font-size: clamp(2rem, 4vw, 3.2rem); }
.release-note-panel p { margin: 0; color: #a9bccb; }
.release-note-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }

@media (max-width: 900px) {
  .download-hero { padding-top: 58px; }
  .download-hero-grid,
  .verification-grid,
  .release-note-panel { grid-template-columns: 1fr; }
  .download-steps { grid-template-columns: 1fr; }
  .release-note-actions { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .download-copy h1 { font-size: clamp(2.65rem, 14vw, 4rem); }
  .release-card,
  .verification-card,
  .release-note-panel { padding: 25px; }
  .release-facts { grid-template-columns: 1fr; }
  .download-copy .actions .btn,
  .release-note-actions .btn { width: 100%; }
}