* {margin: 0;padding: 0;box-sizing: border-box;}
ul {display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1 em;margin-left: 0;margin-right: 0;padding-left: 40px;}
body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height: 1.6;color: #333;background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);min-height: 100vh;padding: 20px;}
.container {max-width: 900px;margin: 0 auto;background: white;border-radius: 12px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);overflow: hidden;}
header {background: linear-gradient(135deg, #21645e 0%, #398255 100%);color: white;padding: 40px 30px;text-align: center;}
header h1 {font-size: 2rem;margin-bottom: 10px;font-weight: 600;}
.subtitle {font-size: 1rem; font-weight: bold;}
section {padding: 30px;border-bottom: 1px solid #e0e0e0;}
section:last-of-type {border-bottom: none;}
.intro h2,
.instructions h2,
.form-section h2 {color: #667eea;font-size: 1.6rem;margin-bottom: 15px;font-weight: 600;}
.intro p {margin-bottom: 15px;font-size: 1.05rem;color: #555;}
.instructions ol {margin-left: 20px;margin-bottom: 20px;}
.instructions li {margin-bottom: 12px;font-size: 1.05rem;color: #555;padding-left: 5px;}
.instructions li strong {color: #667eea;}
.note {background: #f0f4ff;border-left: 4px solid #667eea;padding: 15px;margin-top: 20px;border-radius: 4px;}
.note strong {color: #667eea;}
.form-group {margin-bottom: 25px;}
.form-group label {display: block;margin-bottom: 8px;font-weight: 600;color: #333;font-size: 1rem;}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group select,
.form-group textarea {width: 100%;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 6px;font-size: 1rem;transition: border-color 0.3s;font-family: inherit;}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {outline: none;border-color: #667eea;}
.form-group small {display: block;margin-top: 5px;color: #777;font-size: 0.9rem;}
.form-group textarea {resize: vertical;}
.form-actions {display: flex;gap: 15px;justify-content: flex-end;margin-top: 30px;}
.btn {padding: 12px 30px;border: none;border-radius: 6px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.3s;}
.btn-primary {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;}
.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);}
.btn-secondary {background: #f0f0f0;color: #555;}
.btn-secondary:hover {background: #e0e0e0;}
.btn:disabled {opacity: 0.6;cursor: not-allowed;}
.loading-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 1000;}
.spinner {border: 4px solid rgba(255, 255, 255, 0.3);border-top: 4px solid white;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.loading-overlay p {color: white;margin-top: 20px;font-size: 1.2rem;}
@media (max-width: 768px) {
  body {padding: 10px;}
  header {padding: 30px 20px;}
  header h1 {font-size: 1.5rem;}
  section {padding: 20px;}
  .form-actions {flex-direction: column;}
  .btn {width: 100%;}
}