@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 body {
     background: #f3f7fa;
     font-family: 'Segoe UI', sans-serif;
     height: 100vh;
     justify-content: center;
     align-items: center;
     display: flex;
     margin: auto;
 }

 .container {
     width: 460px;
     margin: 40px auto;
     background: #fff;
     border-radius: 20px;
     box-shadow: 0 6px 24px #0001;
     padding: 30px;
 }

 h1 {
     text-align: center;
     color: #21487d;
 }

 label {
     display: block;
     margin-bottom: 7px;
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     color: black;
     font-size: 15px;
 }

 input,
 select,
 textarea {
     width: 100%;
     padding: 9px 12px;
     border: 1px solid #b9c8da;
     border-radius: 8px;
     margin-bottom: 18px;
     font-size: 1rem;
 }

 textarea {
     min-height: 74px;
     resize: vertical;
 }

 button {
     width: 100%;
     background: #21487d;
     color: #fff;
     font-weight: bold;
     font-size: 1.13rem;
     padding: 12px 0;
     border: none;
     border-radius: 8px;
     cursor: pointer;
     transition: background 0.2s;
 }

 button:active {
     background: #163055;
 }

 .msg {
     margin-top: 18px;
     text-align: center;
     font-size: 1.04rem;
 }

 h1 {
     font-family: "Poppins", sans-serif;
     font-weight: 800;
     text-transform: uppercase;
     color: black;
     font-size: 46px;
 }

 h2 {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     color: black;
     font-size: 20px;
     text-align: center;
     margin-top: -30px;
 }

 option {
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     color: black;
     font-size: 15px;
 }
 span {
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     color: black;
     font-size: 15px;
 }

 input{
    max-width: 95%;
 }

 textarea{
    max-width: 95%;
 }

 button{
    background-color: #00ed00;
    color: black;
 }
 button:hover{
    background-color: white;
    color: black;
    border: solid 1px black !important;
 }

 #confirmation{
    font-family: "Poppins", sans-serif;
     font-weight: 300;
     color: black;
     font-size: 15px;
 }