body{background-color:#212127;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}h1{color:#212127}form{background-color:#cdae71;padding:20px;border-radius:8px;box-shadow:0 0 10px #f8f8f866;width:400px;display:flex;flex-direction:column;gap:15px}select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}input{width:95%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}select:focus,input:focus{border-color:#007bff;outline:none}button{background-color:#007bff;color:#fff;border:none;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s}button:hover{background-color:#0056b3}span{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}div{color:red;font-size:14px}