/* Typography source: EDS runtime --eds-font; bounded UX/UI director repair. */
:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; line-height: 1.35; color: #111; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
.hero { height: 220px; background: url('/static/studio.jpg') center 48% / cover; }
main { max-width: 600px; margin: 0 auto; padding: 38px 24px 44px; }
h1 { font-size: 24px; line-height: 29px; font-weight: 600; margin: 0 0 26px; }
.field { display: block; margin: 0 0 24px; }
.field span { display: block; font-size: 13px; line-height: 1.2; font-weight: 500; color: #737373; }
.field input { display: block; width: 100%; height: 48px; border: 0; border-bottom: 2px solid #c8c8c8; border-radius: 0; background: transparent; padding: 10px 0 12px; font: inherit; font-size: 16px; line-height: 21px; font-weight: 400; color: #111; outline: none; }
.field input:focus { border-bottom-color: #111; }
.field input::placeholder { color: #a2a2a2; }
button { width: 100%; border: 2px solid #d8d8d8; border-radius: 40px; background: #fff; color: #111; font: inherit; font-size: 13px; font-weight: 600; min-height: 48px; cursor: pointer; margin: 8px 0 16px; }
button:hover { border-color: #888; }
button:focus-visible, a:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
button:disabled { cursor: wait; color: #737373; }
.consent { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 14px; color: #747474; font-size: 14px; line-height: 1.4; font-weight: 400; }
.consent input { appearance: none; flex: 0 0 22px; width: 22px; height: 22px; margin: 0; background: #eef0f4; border: 1px solid transparent; border-radius: 6px; cursor: pointer; }
.consent input:checked { background: #111; }
.consent input:checked::after { content: ''; display: block; width: 7px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); margin: 2px 0 0 6px; }
.consent input:focus-visible { outline: 2px solid #111; outline-offset: 3px; }
.consent a { color: inherit; text-underline-offset: 3px; }
.status { color: #b42318; font-size: 14px; line-height: 1.4; font-weight: 400; margin: 0 0 14px; }
.status:empty { display: none; }
@media (min-width: 768px) { .hero { height: 300px; } main { padding-top: 44px; } h1 { font-size: 28px; line-height: 1.12; margin-bottom: 32px; } }
@media (max-width: 360px) { main { padding-left: 16px; padding-right: 16px; } }