/* styles.css - MELC Landing (adapted) */
/* (contenuto adattato dal tuo file caricato) */

* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
  font-family: 'Inter', sans-serif; 
  background: #fff; 
  color: #000; line-height: 1.6; }

/* Styling specifico per landing */
.melc-main-content-vesuvius {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
}

/* container */
.form-container-vesuvius {
  background: #ffffff;
  padding: 28px;
  border-radius: 12px;
  max-width: 520px;
  width: 92%;
  box-shadow: 0 12px 36px rgba(0,0,0,0.2);
}

/* title */
.form-title-vesuvius {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 30px;
  text-align: center;
  margin-bottom: 6px;
}

/* inputs */
.form-group-vesuvius { margin-bottom: 14px; }
.form-group-vesuvius label { display:block; margin-bottom:6px; color:#444; font-weight:600; font-size:14px; }
.form-group-vesuvius input[type="text"],
.form-group-vesuvius input[type="email"] {
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:15px;
}
.form-group-vesuvius input[type="text"].error,
.form-group-vesuvius input[type="email"].error {
  border-color:#d33;
}

/* checkbox */
.checkbox-group-vesuvius { margin-top:8px; margin-bottom:16px; }
.checkbox-label { display:flex; align-items:flex-start; gap:10px; font-size:14px; }
.checkbox-label input { margin-top:3px; }

/* button */
.submit-button-vesuvius {
  width:100%;
  padding:12px;
  border-radius:8px;
  background:#000; /* nero pieno */
  color:#fff;
  font-weight:750;
  border:none;
  cursor:pointer;
  transition: all 0.3s ease;
}

.submit-button-vesuvius:hover {
  background:#111; /* leggermente più chiaro per effetto hover */
  transform: translateY(-2px);
}

/* messages */
.form-messages { margin-top:12px; }
.success-message, .error-message-global { display:none; padding:10px; border-radius:6px; font-size:14px; }

.success-message { background:#e6f9ec; color:#167a3b; }
.error-message-global { background:#fde8e8; color:#a82323; }

.vesuvius-disclaimer-message p {
  font-size: 10px; 
  color: #9ca3af;
  font-weight: 400;
}

/* responsive */
@media (max-width: 768px) {
  .form-container-vesuvius { padding:20px; }
  .form-title-vesuvius { font-size:26px; }
}