* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #0a0a0a; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.6; }
header { text-align: center; padding: 50px 20px 30px; border-bottom: 1px solid #C9A84C; }
.logo { max-width: 180px; margin-bottom: 20px; }
header h1 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: #C9A84C; margin-bottom: 10px; }
.subheadline { font-size: 1rem; color: #cccccc; max-width: 500px; margin: 0 auto; }
main { max-width: 720px; margin: 0 auto; padding: 20px; }
.form-section { background-color: #111111; border: 1px solid #2a2a2a; border-radius: 10px; padding: 32px; margin-bottom: 24px; }
.form-section h2 { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: #C9A84C; margin-bottom: 20px; border-bottom: 1px solid #2a2a2a; padding-bottom: 10px; }
input[type="text"], input[type="tel"], input[type="email"], select { width: 100%; background-color: #1a1a1a; color: #ffffff; border: 1px solid #444444; padding: 13px 15px; margin-bottom: 14px; border-radius: 6px; font-size: 15px; font-family: 'Open Sans', sans-serif; transition: border-color 0.2s; }
input:focus, select:focus { border-color: #C9A84C; outline: none; }
input::placeholder { color: #777777; }
select option { background-color: #1a1a1a; color: #ffffff; }
.payment-option { background-color: #1a1a1a; border: 1px solid #333333; border-radius: 8px; padding: 16px; margin-bottom: 12px; cursor: pointer; transition: border-color 0.2s; }
.payment-option:hover { border-color: #C9A84C; }
.payment-option input[type="radio"] { width: auto; margin-right: 10px; margin-bottom: 0; accent-color: #C9A84C; }
.payment-option label { cursor: pointer; font-size: 15px; }
.payment-option .schedule { font-size: 13px; color: #aaaaaa; margin-top: 6px; margin-left: 24px; }
.policy-note { font-size: 13px; color: #888888; font-style: italic; margin-top: 16px; line-height: 1.5; }
.placeholder-text { color: #666666; font-style: italic; }
.scrollable-agreement { height: 220px; overflow-y: scroll; background-color: #1a1a1a; border: 1px solid #C9A84C; border-radius: 6px; padding: 16px; font-size: 13px; color: #cccccc; line-height: 1.7; margin-bottom: 20px; white-space: pre-wrap; }
.checkbox-label { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: #cccccc; margin-bottom: 16px; cursor: pointer; }
.checkbox-label input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; accent-color: #C9A84C; flex-shrink: 0; }
.sign-date { font-size: 13px; color: #888888; margin-top: 6px; }
#submit-btn { background-color: #C9A84C; color: #000000; font-weight: 700; font-size: 16px; font-family: 'Open Sans', sans-serif; width: 100%; padding: 18px; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.2s; letter-spacing: 0.5px; }
#submit-btn:hover { background-color: #b8922e; }
.error-msg { background-color: #3a0000; border: 1px solid #cc0000; color: #ff6b6b; padding: 14px; border-radius: 6px; margin-top: 16px; font-size: 14px; }
.confirmation { background-color: #0a2a0a; border: 1px solid #2e7d32; border-radius: 8px; padding: 24px; margin-top: 20px; text-align: center; }
.confirmation h3 { color: #C9A84C; font-family: 'Playfair Display', serif; font-size: 1.4rem; margin-bottom: 12px; }
.confirmation p { color: #cccccc; margin-bottom: 8px; font-size: 14px; }
#trust { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; padding: 30px 20px; border-top: 1px solid #2a2a2a; margin-top: 10px; }
.trust-item { color: #C9A84C; font-size: 14px; font-weight: 600; text-align: center; }
footer { text-align: center; padding: 30px 20px; border-top: 1px solid #1a1a1a; color: #555555; font-size: 13px; }
.footer-logo { max-width: 100px; margin-bottom: 10px; opacity: 0.7; }
@media (max-width: 600px) { header h1 { font-size: 1.6rem; } .form-section { padding: 20px 16px; } #trust { flex-direction: column; gap: 12px; align-items: center; } .trust-item { font-size: 13px; } }