/* Exact same look & feel as the client's HTML */
.lec-wrap{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f5f7fa;
  color:#333;
  padding:40px;
  max-width:600px;
  margin:auto;
  box-shadow:0 0 15px rgba(0,0,0,0.1);
  border-radius:10px;
}
.lec-wrap h2{ text-align:center; color:#007bff; }
.input-group{ margin-bottom:20px; }
label{ display:block; margin-bottom:8px; font-weight:600; }
input, select{
  padding:10px; width:100%; box-sizing:border-box; border:1px solid #ccc; border-radius:5px;
}
button{
  padding:10px 20px; cursor:pointer; border:none; border-radius:5px; color:#fff; background-color:#007bff;
  margin-right:10px; transition: background-color .3s ease;
}
button:hover{ background-color:#0056b3; }
#result, #unexpiredDisplay{
  margin-top:20px; font-weight:bold; display:none; background-color:#e2f0ff; padding:15px; border-radius:5px;
}