:root { color-scheme: light; font-family: system-ui, -apple-system, sans-serif; color: #16374e; background: #edf4f8; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; }
main { width: 100%; max-width: 540px; background: #fff; border: 1px solid #cfdee8; border-top: 4px solid #2c6688; padding: clamp(24px, 6vw, 48px); box-shadow: 0 16px 48px #15364d0c; }
h1 { margin: 0 0 28px; font-size: 17px; letter-spacing: .025em; }
h2 { margin: 0 0 20px; font-size: clamp(26px, 5vw, 34px); line-height: 1.2; }
p { font-size: 16px; line-height: 1.65; color: #4e6474; }
a { display: block; margin: 28px 0; padding: 14px 20px; background: #b72838; color: #fff; text-decoration: none; text-align: center; font-weight: 650; border-radius: 4px; }
a:hover { background: #982432; }
a:focus-visible { outline: 3px solid #23698e; outline-offset: 4px; }
p:last-child { border-top: 1px solid #dce5ed; padding-top: 20px; margin-bottom: 0; font-size: 14px; }