* { box-sizing: border-box }
body { margin: 0; background: #f6f5ef; color: #171918; font: 1rem/1.5 system-ui, sans-serif }
header { background: #111312 }
header div, main { width: min(100% - 36px, 800px); margin: auto }
header div { display: flex; align-items: center; justify-content: space-between; min-height: 78px }
header img { display: block; width: 145px }
header a { color: white }
main { padding: 44px 0 72px }
.intro { max-width: 650px; margin-bottom: 32px }
.label { text-transform: uppercase; letter-spacing: .09em; font-size: .8rem; font-weight: 750; border-left: 4px solid #e3b400; padding-left: 10px }
h1 { margin: 8px 0; font-size: clamp(2.25rem, 6vw, 4rem); line-height: 1.08; letter-spacing: -.05em }
form, #delivery { background: white; border: 1px solid #d8d9d0; border-radius: 12px; padding: clamp(20px, 4vw, 36px) }
fieldset { border: 0; padding: 0; margin: 0 0 28px; min-width: 0 }
legend, h2 { font-size: 1.38rem; font-weight: 750; margin: 0 0 14px; padding: 0 }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px }
.wide { grid-column: 1/-1 }
label { display: grid; gap: 5px; font-weight: 600 }
input, textarea { min-width: 0; width: 100%; font: inherit; padding: 10px; border: 1px solid #8c918b; border-radius: 5px }
textarea { resize: vertical }
.check { display: flex; align-items: flex-start; gap: 10px; font-weight: 450 }
.check input { width: 19px; height: 19px; flex: none }
.hint { color: #505650; font-size: .94rem }
.grid .hint { margin: 0 }
a { color: inherit }
button, .actions a { display: inline-block; padding: 12px 18px; border: 0; border-radius: 5px; background: #ffd000; color: #151612; font: 700 1rem system-ui; cursor: pointer; text-decoration: none }
[hidden] { display: none !important }
#delivery { margin-top: 18px }
#code { display: block; overflow-wrap: anywhere; font: bold 1rem/1.5 monospace }
.actions { display: flex; flex-wrap: wrap; gap: 10px }
#again { margin-top: 18px; padding-left: 0; background: transparent; text-decoration: underline }
@media (max-width: 560px) { .grid { grid-template-columns: 1fr } main { padding-top: 22px } }