:root { color-scheme: dark; --bg: #0b0c0e; --card: #16181c; --text: #f2f2f7; --muted: #a1a1a6;
        --accent: #3d7bf2; --btn: #f2f2f7; --line: #26292f; }
* { box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0;
       background: var(--bg); color: var(--text); padding: 24px 16px; }
.center { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 48px); }
.card { background: var(--card); border-radius: 20px; padding: 48px 32px; text-align: center;
        max-width: 340px; width: 100%; border: 1px solid var(--line); }
.logo { display: block; width: 96px; height: 96px; border-radius: 22px; margin: 0 auto 20px; }
h1 { font-size: 22px; font-weight: 700; margin: 0 0 10px; }
.card p { color: var(--muted); font-size: 15px; margin: 0 0 28px; line-height: 1.5; }
.btn { display: block; color: #fff; text-decoration: none; border-radius: 14px; padding: 16px 20px;
       font-size: 17px; font-weight: 600; margin-bottom: 12px; }
.btn-open { background: var(--accent); }
.btn-store { background: var(--btn); color: #000; }
.btn:active { opacity: 0.8; }
.links { font-size: 13px; margin-top: 16px; }
.links a { color: var(--muted); margin: 0 6px; }
.doc { max-width: 680px; margin: 0 auto; line-height: 1.6; }
.doc h1 { font-size: 28px; }
.doc h2 { font-size: 18px; margin-top: 28px; }
.doc a { color: var(--accent); }
.doc .meta { color: var(--muted); font-size: 14px; }