:root { color-scheme: light dark; font-family: Inter, system-ui, sans-serif; } body { margin: 0; background: #101826; color: #edf2f7; } main { max-width: 820px; margin: 0 auto; padding: 40px 20px 80px; } .lead { color: #b8c7d9; } form, section { background: #192536; padding: 20px; border-radius: 12px; margin-top: 20px; } label { display: block; margin: 12px 0; font-weight: 600; } textarea, input { display: block; box-sizing: border-box; width: 100%; margin-top: 6px; padding: 10px; border-radius: 7px; border: 1px solid #50647b; background: #0d1623; color: inherit; font: inherit; } textarea { min-height: 100px; } .dates { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } button { background: #63d6a1; border: 0; border-radius: 7px; color: #062313; cursor: pointer; font-weight: 700; margin-top: 12px; padding: 11px 15px; } .section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .section-head button { margin: 0; } .candidate { display: flex; align-items: baseline; gap: 8px; font-weight: 400; padding: 10px 0; border-top: 1px solid #31445b; } .candidate input { width: auto; } a { color: #8cc9ff; } #status { min-height: 1.4em; color: #b8c7d9; } @media (max-width: 520px) { .dates { grid-template-columns: 1fr; } .section-head { align-items: start; flex-direction: column; } }