body { 
  font-family: Arial, sans-serif; 
  padding: 20px; 
  max-width: 650px; 
  margin: auto; 
  background: #f9f9f9;
}

.container {
  border: 3px solid #4CAF50;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin-top: 20px;
  text-align: center;
}

h2 { 
  color:#2c3e50; 
  margin-bottom: 10px; 
}

.author { 
  font-style: italic; 
  color: #555; 
  margin-bottom: 20px; 
}

label { 
  display: block; 
  margin-top: 12px; 
  font-weight: bold; 
  text-align:left; 
}

select, input { 
  width: 100%; 
  padding: 8px; 
  margin-top: 5px; 
  border:1px solid #ccc; 
  border-radius:6px; 
}

button { 
  margin-top: 12px; 
  padding: 10px 18px; 
  font-size: 16px; 
  cursor:pointer; 
  border:none; 
  border-radius:6px; 
}

.btn-green { background:#27ae60; color:white; }
.btn-green:hover { background:#2ecc71; }

.btn-orange { background:#e67e22; color:white; }
.btn-orange:hover { background:#d35400; }

.btn-red { background:#c0392b; color:white; }
.btn-red:hover { background:#e74c3c; }

.btn-blue { background:#2980b9; color:white; }
.btn-blue:hover { background:#3498db; }

#result { 
  margin-top: 20px; 
  white-space: pre-line; 
  background:#ecf0f1; 
  padding:15px; 
  border-radius:8px; 
  text-align:left;
  border:1px dashed #999;
}