body { font-family: 'Arial', sans-serif; background: linear-gradient(to bottom, #e0f2fe, #f3f4f6); color: #1f2937; min-height: 100vh; margin:0; padding:0; }
.container { max-width: 100%; width: 90vw; margin: 0 auto; padding:1rem 0.5rem; }
.section-title { font-size: clamp(1.25rem,5vw,1.5rem); font-weight:bold; color:#1e40af; text-align:center; margin-bottom:1rem; }
.logo { display:block; margin:0 auto; max-width:100%; height:auto; width:clamp(8rem,30vw,12rem); }
.form-card { max-width:90vw; margin:1rem auto; background:white; padding:1rem; border-radius:0.5rem; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
.submit-button { background-color:#1e40af; color:white; padding:0.75rem; border-radius:0.5rem; font-size:clamp(0.875rem,4vw,1.1rem); font-weight:600; transition:all 0.3s; width:100%; display:flex; align-items:center; justify-content:center; }
.submit-button:hover { background-color:#1e3a8a; transform:scale(1.02); box-shadow:0 6px 12px rgba(0,0,0,0.2); }
.back-button { background-color:#6b7280; color:white; padding:0.5rem 1rem; border-radius:0.375rem; display:block; margin:0.5rem auto; text-align:center; text-decoration:none; }
.back-button:hover { background-color:#4b5563; }
.show-more-button { background-color:#10b981; color:white; padding:0.5rem 1rem; border-radius:0.375rem; display:block; margin:0.5rem auto; text-align:center; text-decoration:none; }
.show-more-button:hover { background-color:#059669; }
.clear-button { background-color:#f59e0b; color:white; padding:0.5rem 1rem; border-radius:0.375rem; display:block; margin:0.5rem auto; text-align:center; text-decoration:none; }
.clear-button:hover { background-color:#d97706; }
.error { color:#dc2626; font-weight:600; text-align:center; }
.success { color:#059669; font-weight:600; text-align:center; }
.info { color:#1e40af; font-weight:600; text-align:center; }
.captcha-container { margin: 1rem auto; text-align: center; }