body {
font-family: Arial;
background: #e8f1ff;
padding: 20px;
}
.header {
text-align: center;
}
.logo {
width: 200px;
}
.center-title {
font-size: 28px;
color: #003f91;
margin-top: 10px;
}
.container {
background: white;
padding: 20px;
border-radius: 10px;
width: 400px;
margin: auto;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
input, select {
width: 100%;
padding: 10px;
margin-top: 5px;
margin-bottom: 15px;
border: 1px solid #a8c4ff;
border-radius: 5px;
}
button {
width: 100%;
padding: 12px;
background: #005eff;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.hidden { display: none; }
#progress {
text-align: center;
margin-top: 20px;
}
.bar {
width: 100%;
height: 10px;
background: #b3d1ff;
animation: load 3s infinite;
border-radius: 5px;
}
@keyframes load {
0% { width: 0%; background:#5aa0ff; }
100% { width: 100%; background:#003f91; }
}