@font-face { font-family: 'Inter'; font-display: swap; font-weight: 100; src: url('fonts/Inter-Light.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-display: swap; font-weight: 400; src: url('fonts/Inter-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-display: swap; font-weight: 500; src: url('fonts/Inter-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-display: swap; font-weight: 700; src: url('fonts/Inter-Bold.ttf') format('truetype'); }
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Inter,'Helvetica Neue',Helvetica,Arial,sans-serif; background-color: #f0f4f8; -webkit-font-smoothing: antialiased; }
.wrapper { display: flex; flex-direction: column; min-height: 100vh; }
.header { height: 56px; display: flex; align-items: center; padding: 16px 24px; }
.logo { display: block; max-height: 24px; width: auto; }
.content { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; text-align: center; }
.illustration { width: 320px; max-width: 100%; }
.title { margin-top: 24px; font-size: 34px; font-weight: 700; line-height: 1.5; color: #1b2338; }
.description { margin-top: 8px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #465566; }
.btn-support { margin-top: 24px; display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 32px; background: #006DE4; color: #fff; font-size: 18px; font-weight: 700; line-height: 1; text-decoration: none; border-radius: 4px; }
.footer { padding: 24px 32px 48px; text-align: center; }
.copyright { font-size: 12px; color: #7e8f9f; }
@media (max-width: 1023px) { .header { padding: 12px 16px; } .logo { max-height: 19px; } }
@media (max-width: 767px) { .content { padding: 24px; } .illustration { width: 204px; height: 140px; } .title { font-size: 24px; } }