@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
:root { color-scheme: dark; font-family: 'DM Sans', sans-serif; background: #071319; color: #f1f1e8; }
* { box-sizing: border-box; }
body { min-height: 100svh; margin: 0; display: grid; place-items: center; padding: 28px; background: linear-gradient(rgba(4, 15, 19, .62), rgba(4, 15, 19, .82)), url('/backgrounds/desktop-banner-dark.jpg') center/cover fixed; }
.info-page { width: min(650px, 100%); padding: clamp(28px, 6vw, 64px); border: 1px solid rgba(255,255,255,.18); border-radius: 28px; background: rgba(7, 25, 30, .66); box-shadow: 0 24px 80px rgba(0,0,0,.35); backdrop-filter: blur(24px); }
.info-page__eyebrow { margin: 0 0 18px; color: #82d0bf; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0 0 18px; font-size: clamp(36px, 8vw, 66px); font-weight: 500; letter-spacing: -.04em; }
h2 { margin-top: 34px; font-size: 18px; font-weight: 600; }
p, li { color: rgba(241,241,232,.76); line-height: 1.7; }
a { color: #a9dfd3; }
.info-page__button { display: inline-flex; margin-top: 18px; padding: 11px 17px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; text-decoration: none; }
.info-page__nav { display: flex; gap: 18px; margin-top: 34px; font-size: 13px; }
button { padding: 10px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; font: inherit; }
button:focus-visible, a:focus-visible { outline: 2px solid #82d0bf; outline-offset: 3px; }
@media (max-width: 700px) { body { background-image: linear-gradient(rgba(4,15,19,.62),rgba(4,15,19,.82)), url('/backgrounds/mobile-banner-dark.jpg'); }.info-page { border-radius: 22px; } }