* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, sans-serif; color: #2b2b2b; background: #fff8f0; line-height: 1.5; }
header { text-align: center; padding: 40px 20px 20px; }
header h1 { font-size: 2.4rem; }
header p { color: #a06a3a; }
main { max-width: 560px; margin: 0 auto; padding: 20px; }
.hero { text-align: center; padding: 40px 0; }
.hero h2 { font-size: 1.6rem; margin-bottom: 24px; }
.cta { background: #e07b39; color: #fff; border: none; padding: 14px 28px; font-size: 1rem; border-radius: 10px; cursor: pointer; }
.cta.secondary { background: #f0d9c4; color: #7a4a1e; margin: 6px; }
.hidden { display: none; }
form { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
input, select { padding: 12px; border: 1px solid #e0c9b0; border-radius: 8px; font-size: 1rem; }
#confirm { margin-top: 16px; padding: 14px; background: #e6f4ea; border-radius: 8px; }
.account { margin-top: 40px; text-align: center; }
footer { text-align: center; padding: 40px 20px; color: #b09070; font-size: 0.85rem; }