/* style.css */
:root {
  --primary-color: #4caf50;
  --primary-light: #e8f5e9;
  --primary-dark: #388e3c;
  --text-color: #1b5e20;
  --border-color: #c8e6c9;
}
/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',sans-serif; background:var(--primary-light); color:var(--text-color); line-height:1.6; }

/* Row 1: Header */
.header-row { background:#fff; border-bottom:1px solid var(--border-color); }
.header-row .header-container {
  max-width:1200px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem; max-height:6cm; overflow:hidden;
}
.header-row .logo img { max-height:5cm; width:auto; }
.header-row .nav a { color:var(--primary-color); font-weight:600; text-decoration:none; font-size:1rem; }
.header-row .nav a:hover { text-decoration:underline; }

/* Row 2: Title */
.title-row { text-align:center; background:#fff; padding:2rem 1rem; }
.title-row h1 { margin:0; font-size:2.5rem; color:var(--primary-dark); }
.title-row p { margin:0.5rem 0 0; color:var(--text-color); }

/* Row 3: Info Grid */
.info-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
  max-width:760px;
  margin:2rem auto;
  padding:0 1rem;
}
.info-item {
  display:flex; align-items:center; gap:0.75rem;
  background:#fff; border:1px solid var(--border-color);
  border-radius:0.5rem; padding:1rem;
}
.info-item .emoji { font-size:1.5rem; }
.info-item p { font-size:1rem; margin:0; color:var(--text-color); }

/* Row 4: Form Section */
.form-section { display:flex; justify-content:center; padding:2rem 1rem; }
.form-card {
  background:#fff; border-radius:0.75rem;
  box-shadow:0 8px 24px rgba(0,0,0,0.1);
  padding:2rem; max-width:480px; width:100%;
}
.form-title { text-align:center; font-size:1.75rem; font-weight:600; margin-bottom:1.5rem; color:var(--primary-dark); }

/* Form Rows */
.form-row { margin-bottom:1rem; display:flex; flex-direction:column; }
.form-row label { margin-bottom:0.25rem; font-weight:500; color:var(--text-color); }
.form-row input, .form-row select {
  padding:0.6rem 0.75rem;
  border:1px solid var(--border-color);
  border-radius:0.5rem;
  font-size:0.95rem;
  transition:border-color 0.2s;
}
.form-row input:focus, .form-row select:focus { border-color:var(--primary-color); outline:none; }

/* Checkbox */
.checkbox-row { display:flex; align-items:center; }
.checkbox-row input { margin-right:0.5rem; width:1rem; height:1rem; }
.checkbox-row label a { color:var(--primary-color); text-decoration:none; }
.checkbox-row label a:hover { text-decoration:underline; }

/* Submit Button */
.btn-submit {
  width:100%; padding:0.75rem; background:var(--primary-color);
  color:#fff; font-size:1rem; font-weight:600;
  border:none; border-radius:0.5rem; cursor:pointer;
  transition:background 0.3s, transform 0.1s;
}
.btn-submit:hover { background:var(--primary-dark); transform:translateY(-1px); }

/* Responsive */
@media (max-width:768px) {
  .info-grid { grid-template-columns:1fr; }
  .header-row .header-container { flex-direction:column; gap:1rem; }
}
@media (max-width:480px) {
  .form-card { padding:1.5rem; }
}