/* ✅ YOUR CSS */
.fields{
  display:flex;
  gap:12px;
  padding:20px;
  flex-wrap:wrap;
}

.field{
  flex:1;
  min-width:250px;
}

.field label{
  display:block;
  font-size:14px;
  color:#333;
  margin-bottom:6px;
  font-weight: bold;
}

.content textarea{
  width:100%;
  padding:10px;
  font-size:16px;
  border:1px solid #ccc;
  border-radius:6px;
  box-sizing: border-box;
}


.content textarea:focus{
  border-color:#000a14;
  outline:none;
  box-shadow:0 0 5px rgba(0,29,60,0.5);
}

/* BUTTON */
.btns{
  text-align:right;
  padding:0 20px 20px;
}

.app{
  display:inline-flex;
  align-items:center;
  padding:12px 22px;
  border:none;
  border-radius:4px;
  background:linear-gradient(135deg,#0a3d62,#07517d);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

/* RESULT */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  padding:0 20px 20px;
}

.card11{
  background:#fafafa;
  border:1px solid #e5e5e5;
  border-radius:8px;
  padding:12px;
}

.card11 h3{
  margin:0 0 6px;
  font-size:14px;
  color:#555;
}

.card11 p{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:#001d3c;
}

.note{
  padding:0 20px 20px;
  font-size:12px;
  color:#666;
}