:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #302c43; background: #faf8f5; }
    * { box-sizing: border-box; }
    body { margin: 0; }
    a { color: #a73718; text-underline-offset: .2em; }
    a:focus-visible { outline: 3px solid #453364; outline-offset: 5px; }
    .wrap { max-width: 980px; margin: auto; padding: 0 28px; }
    header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 0; border-bottom: 1px solid #ddd7d0; }
    header img { display: block; width: 205px; max-width: 100%; height: auto; }
    header a:last-child { font-size: .9rem; white-space: nowrap; }
    main { padding: 62px 0 52px; }
    .eyebrow { font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; color: #8a472e; }
    h1 { font-size: clamp(2.3rem, 7vw, 3.7rem); line-height: 1.08; letter-spacing: -.04em; margin: 15px 0 22px; }
    .intro { max-width: 650px; font-size: 1.15rem; line-height: 1.7; color: #595462; }
    .contact { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin: 28px 0 44px; }
    .button { display: inline-block; padding: 15px 25px; border-radius: 6px; background: #a73718; color: white; font-weight: 650; text-decoration: none; }
    .button:hover { background: #852c14; }
    .contact > span { font-size: .95rem; }
    .help { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; padding: 32px 0; border-top: 1px solid #ddd7d0; }
    h2 { font-size: 1.3rem; margin: 0 0 15px; }
    p, li { line-height: 1.65; }
    .help p { color: #595462; }
    .details { padding: 24px 28px; border-left: 3px solid #ef8655; background: #f1ece5; }
    .details h2 { font-size: 1.1rem; }
    .details p { margin-bottom: 0; }
    footer { border-top: 1px solid #ddd7d0; padding: 23px 0 32px; font-size: .85rem; color: #655e6c; }
    @media (max-width: 600px) { .wrap { padding: 0 20px; } header { padding: 22px 0; } header img { width: 160px; } main { padding-top: 40px; } .help { grid-template-columns: 1fr; gap: 24px; } .contact { align-items: flex-start; flex-direction: column; } }
  
form { max-width: 720px; }
label { display: block; font-weight: 600; margin: 0 0 22px; }
input, select, textarea { display: block; width: 100%; padding: 13px; margin-top: 9px; border: 1px solid #aaa2ac; border-radius: 5px; font: inherit; color: #302c43; background: white; }
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid #453364; outline-offset: 3px; }
input[readonly] { background: #ece9e6; color: #655e6c; border-color: #c6c0c9; cursor: default; }
textarea { resize: vertical; }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hint { color: #655e6c; font-size: .9rem; font-weight: 400; }
.button { border: 0; font: inherit; font-weight: 650; cursor: pointer; margin-top: 20px; }
.button:disabled { opacity: .55; cursor: not-allowed; }
.notice { padding: 20px 24px; margin: 24px 0; border-left: 3px solid #a73718; background: #f3e9e2; }
.success { border-color: #39734c; background: #edf3eb; }
.trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 600px) { .row { grid-template-columns: 1fr; gap: 0; } }