.fields{display:flex;flex-wrap:wrap;gap:12px;padding:20px}
    .field{flex:1 1 220px}
    label{display:block;font-size:14px;color:#333;margin-bottom:6px;font-weight: 600;}
    input,select{
      width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box
    }
    input:focus,select:focus{border-color:#000a14;outline:none;box-shadow:0 0 5px rgba(0,29,60,.5)}
    /* BUTTON */
.app{
  padding:12px 20px;
  background:linear-gradient(135deg,#0a3d62,#07517d);
  color:#fff;
  border:none;
  border-radius:4px;
  cursor:pointer;
}

.btns{
  display:flex;
  justify-content:flex-end;
  margin-bottom:15px;
  gap: 25px;
}
    
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding:0 20px 20px 20px}
    .card11{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:12px;
      box-shadow:0 1px 2px rgba(0,0,0,.03)}
    .card11 h3{margin:0 0 6px 0;font-size:14px;color:#555}
    .card11 p{margin:0;font-size:18px;color:#001d3c;font-weight:700}
    .note{padding:0 20px 20px 20px;font-size:12px;color:#666}