:root { color-scheme:dark; }
.info-page { max-width:780px; margin:auto; padding:40px 24px 64px; font-family:system-ui,sans-serif; line-height:1.75; }
.info-page a { color:#f39a92; text-underline-offset:3px; }
.info-brand { font-size:20px; font-weight:700; text-decoration:none; }
.info-page h1 { font-size:clamp(28px,5vw,42px); letter-spacing:-1px; line-height:1.2; margin:40px 0 20px; }
.info-page h2 { font-size:21px; margin:32px 0 10px; }
.info-page p,.info-page li { font-size:16px; color:#c1c0c9; }
.info-page nav { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:36px; border-top:1px solid #45434d; padding-top:24px; }
.site-introduction { padding:26px 36px; border-top:1px solid #32313d; max-width:1000px; }
.site-introduction h2 { font-size:20px; margin:0 0 12px; }
.site-introduction p { color:#b7b4c2; line-height:1.75; font-size:14px; margin:8px 0; }
.app-footer { height:auto; display:block; font-family:system-ui,sans-serif; letter-spacing:0; line-height:1.7; }
.app-footer>div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; }
.app-footer nav { display:flex; flex-wrap:wrap; gap:10px 20px; }
.app-footer p { font-size:12px; color:#aaa6b7; max-width:1000px; margin:14px 0 0; }
@media(max-width:780px) { .site-introduction { padding:24px 18px; } }