* { box-sizing: border-box; }
html { min-width: 280px; background: #050505; color: #f6f7f7; }
body { min-height: 100vh; min-height: 100dvh; margin: 0; display: grid; place-items: center; font-family: Arial, Helvetica, sans-serif; }
main { width: min(360px, calc(100% - 40px)); padding: 40px 0; }
h1 { margin: 0 0 36px; }
h1 img { display: block; width: 100%; height: auto; }
nav { display: grid; gap: 12px; }
.download { width: 100%; min-height: 76px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; border: 1px solid transparent; border-radius: 8px; text-decoration: none; text-align: left; font: inherit; }
.download svg { flex: none; }
.download span { min-width: 0; display: grid; gap: 5px; }
.download strong { font-size: 17px; font-weight: 700; }
.download small { font-size: 13px; line-height: 1.25; }
.android { background: #ff861a; color: #19130c; }
.android:hover { background: #ff982f; }
.android:active { background: #ef7911; }
.download:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.arrow { margin-left: auto; }
.ios { background: #141617; border-color: #41494e; color: #f6f7f7; }
.ios:hover { background: #202528; }
@media (max-height: 400px) { main { padding: 24px 0; } h1 { margin-bottom: 20px; } h1 img { width: 220px; max-width: 100%; margin: auto; } }