*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}


.rc-container { max-width: 600px; margin: 20px auto;
 font-family: 'Montserrat', sans-serif; padding: 20px; border: 1px solid #ddd; border-radius: 10px; background: #f9f9f9; 
 
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 } 
.rc-container h1 { text-align: center; margin-bottom: 20px; }
.rc-row { display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 15px; }
.rc-field { flex: 1; display: flex; flex-direction: column; }
.rc-field label { margin-bottom: 5px; font-weight: 600; }
.rc-field input { padding: 8px; border: 1px solid #ccc; border-radius: 5px; }
.rc-field select { padding: 8px; border: 1px solid #ccc; border-radius: 5px; }
.rc-btn { padding: 10px 20px; background: #5e60ce; color: #fff; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; }
.rc-btn:hover { background: #4a47a3; }
.rc-result { margin-top: 20px; background: #fff; padding: 15px; border-radius: 5px; border: 1px solid #ddd; display: none; }
.rc-result p { margin: 8px 0; font-size: 16px; }