.download-page { padding: 50px 48px; }
.download-page h1 { margin: 12px 0 5px; color: var(--acid); font: bold clamp(50px, 7vw, 84px)/.8 Impact, "Arial Black", sans-serif; letter-spacing: -3px; text-shadow: 4px 4px var(--pink); }
.subtitle { color: #bdc7ad; }
.main-download { display: grid; grid-template-columns: 1fr 1fr auto; gap: 25px; align-items: end; margin-top: 40px; padding: 0 28px 30px; background: var(--paper); color: #13180e; box-shadow: 8px 8px var(--pink); }
.main-label { grid-column: 1 / 4; margin: 0 -28px; padding: 8px 15px; background: #1a2014; color: var(--lime); font: bold 12px var(--mono); }
.main-download h2 { font: bold 32px var(--mono); letter-spacing: -2px; }.main-download ul { margin: 0; padding: 0; list-style: none; font: 12px/2 var(--mono); }.main-download li::before { content: "[x] "; color: #d51f7e; }.download-button.huge { padding: 14px 47px 14px 18px; font-size: 19px; }.backup-area { margin-top: 55px; }.backup-area > h2 { font: bold 31px var(--mono); letter-spacing: -2px; }.backup-area > p { margin: 5px 0 18px; color: #adb7a0; }.backup-area code { color: var(--lime); }.backup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.backup-grid article { padding: 22px; border: 1px solid #738061; background: #242b1e; }.backup-grid article > b { color: var(--pink); font: 11px var(--mono); }.backup-grid h3 { margin: 9px 0; font: bold 21px var(--mono); }.backup-grid p { min-height: 44px; color: #b8c2ac; font-size: 13px; }.backup-grid a { display: inline-block; margin-top: 14px; color: var(--lime); font: bold 12px var(--mono); text-decoration: underline; }.install-note { margin-top: 40px; padding: 12px; border-left: 4px solid var(--pink); background: #20271c; color: #c4cfb5; font-size: 12px; }
@media (max-width: 700px) { .download-page { padding: 39px 22px; }.main-download { display: block; padding: 0 20px 24px; }.main-label { margin: 0 -20px 20px; }.main-download ul { margin: 18px 0; }.backup-grid { grid-template-columns: 1fr; } }