@font-face { font-family: Work Sans; src: url('/assets/worksans.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; font-family: Work Sans, sans-serif; background: #faf8fc; display: grid; place-items: center; padding: 28px 20px; }
main { width: 100%; max-width: 460px; padding: 36px 28px; border: 1px solid var(--link-border); color: var(--link-text); border-radius: 24px; background: var(--link-surface); text-align: center; }
.logo { display: block; max-width: 190px; height: 90px; object-fit: contain; margin: 0 auto 24px; }
h1 { font-size: 28px; line-height: 1.2; margin: 0 0 16px; letter-spacing: -.025em; }
p { color: var(--link-muted); font-size: 16px; line-height: 1.6; margin: 0 0 26px; }
.button { display: block; border: 2px solid var(--link-action); padding: 15px 16px; margin-top: 14px; border-radius: 999px; color: white; background: var(--link-action); text-decoration: none; font-weight: 700; line-height: 1.35; }
.secondary { color: var(--link-action); background: white; }
.button:focus-visible { outline: 3px solid var(--link-text); outline-offset: 4px; }
.footnote { font-size: 14px; margin: 24px 0 0; }
@media (max-width: 360px) { main { padding: 28px 20px; } h1 { font-size: 25px; } }

main { --link-action: #C15393; --link-text: #000000; --link-muted: #67717A; --link-border: #d9d9d9; --link-surface: #ffffff; }
main[data-application="bbv"] { --link-action: #397E87; --link-text: #000000; --link-muted: #67717A; --link-border: #d9d9d9; --link-surface: #ffffff; }