@font-face { font-family: 'Be Vietnam Pro'; font-weight: 400; font-display: swap; src: url('/fonts/be-vietnam-pro/regular-v12.ttf') format('truetype'); }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 700; font-display: swap; src: url('/fonts/be-vietnam-pro/bold-v12.ttf') format('truetype'); }
* { box-sizing: border-box; }
body { margin: 0; background: #EDEBE0; color: #4A4A43; font-family: 'Be Vietnam Pro', Helvetica, Arial, sans-serif; }
main { max-width: 600px; margin: 0 auto; padding: 28px 24px; }
.brand { display: inline-flex; align-items: center; gap: .375em; line-height: 1.3125; margin-bottom: 22px; color: inherit; text-decoration: none; font-size: 20px; font-weight: 700; }
.brand__mark { width: .875em; height: .875em; flex-shrink: 0; fill: currentColor; }
section { padding: 32px; background: #F7F6F0; border: 1px solid #DDDBD0; border-radius: 16px; }
h1 { margin: 0 0 20px; font-size: 26px; line-height: 1.3; }
p { font-size: 16px; line-height: 1.6; }
a { color: inherit; }
.button { display: inline-block; margin: 8px 0; padding: 14px 24px; border-radius: 12px; background: #4A4A43; color: #F7F6F0; font-weight: 700; text-decoration: none; }
.help { font-size: 14px; }