#resumeapp header { 
  background: linear-gradient(135deg,#4CAF50,#2E7D32); 
  color: white; 
  padding: 20px; 
  text-align:center; 
  font-size:1.4em; 
  font-weight:700; 
}

#resumeapp .container { 
  max-width: 1000px; 
  margin: 28px auto; 
  padding: 20px; 
  background: #fff; 
  border-radius: 12px; 
  box-shadow: 0 6px 22px rgba(0,0,0,0.08); 
}

#resumeapp .form-group { 
  margin-bottom: 12px; 
}

#resumeapp label { 
  display:block; 
  font-weight:600; 
  margin-bottom:6px; 
}

/* #resumeapp input, 
#resumeapp textarea, 
#resumeapp select { 
  width:100%; 
  padding:10px; 
  border-radius:6px; 
  border:1px solid #ccc; 
  font-size:14px; 
} */

#resumeapp textarea { 
  min-height:100px; 
  resize:vertical; 
}

#resumeapp .button-row { 
  margin-top:12px; 
  display:flex; 
  flex-wrap:wrap; 
  gap:8px; 
}

#resumeapp .btn { 
  padding:10px 16px; 
  border-radius:22px; 
  border:none; 
  cursor:pointer; 
  font-weight:600; 
  color:#fff; 
}

#resumeapp .btn-generate { background:#4CAF50; }
#resumeapp .btn-download { background:#1976D2; }
#resumeapp .btn-ats { background:#6D6E71; }
#resumeapp .btn-reset { background:#E53935; }

#resumeapp .btn:hover { 
  opacity:0.95; 
  transform:translateY(-2px); 
  transition: all .12s ease; 
}

#resumeapp .resume-output { 
  margin-top:18px; 
  padding:18px; 
  border-radius:10px; 
  background:#fafafa; 
  border:1px dashed #ddd; 
  min-height:280px; 
}

#resumeapp .styled h2 { 
  color:#2E7D32; 
  margin:0 0 6px 0; 
}

#resumeapp .styled p { 
  margin:6px 0; 
  color:#222; 
}