:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #151412; color: #f1eee8; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at 50% 0, #33261c 0, #151412 48%); }
main { width: min(100% - 40px, 510px); margin: 0 auto; padding: 54px 0 38px; }
.brand { display: flex; align-items: center; gap: 9px; font-size: 27px; font-weight: 650; letter-spacing: -.8px; }
.mark { display: grid; place-items: center; border-radius: 11px; width: 38px; height: 38px; color: #151412; background: #e2712a; }
.badge { margin-left: auto; color: #b5aea3; border: 1px solid #514439; padding: 6px 9px; border-radius: 6px; font-size: 10px; letter-spacing: 1.4px; }
h1 { margin: 48px 0 16px; font-size: clamp(38px, 8vw, 52px); font-weight: 550; letter-spacing: -2px; line-height: 1.08; }
p { line-height: 1.65; }
.intro { color: #b5aea3; max-width: 370px; font-size: 17px; }
.qr { width: 272px; height: 272px; margin: 30px auto 24px; border: 1px solid #e8e4dd; border-radius: 20px; overflow: hidden; background: #fff; }
.qr img { width: 100%; height: 100%; display: block; }
.launch { display: flex; justify-content: space-between; color: #151412; text-decoration: none; background: #e2712a; font-weight: 650; padding: 16px 20px; border-radius: 12px; }
.launch:hover { background: #ed8644; }
a:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.manual { text-align: center; color: #aaa298; font-size: 12px; }
code { color: #d8d1c7; overflow-wrap: anywhere; }
.details { border-top: 1px solid #3b352d; margin-top: 29px; padding-top: 5px; color: #aaa298; font-size: 13px; }
.details strong { color: #e3ddd3; font-weight: 550; }
.details a { color: #e3ddd3; }
footer { margin-top: 24px; color: #847c72; font-size: 11px; line-height: 1.8; }
@media (max-width: 400px) { main { padding-top: 30px; } h1 { margin-top: 34px; } }