body{
    font-family: Arial, sans-serif;
    background: linear-gradient(to right,#6a11cb,#2575fc);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
    animation: fadeIn 1.5s ease-in;
}
@keyframes fadeIn{
    from{opacity: 0;transform: translateY(20px);}
    to{opacity: 1; transform: translateY(0);}
}
.container{
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    width: 350px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    animation: slideUp 1s ease;
}
@keyframes slideUp{
    from{ transform: translateY(50px); opacity: 0;}
    to{ transform: translateY(0); opacity: 1;}
    
}
h2{
    text-align: center;
    margin-bottom: 20px;
    color:#333
}
input,select{
    width: 100%;
    padding: 10px;
    margin: 8px 0;
    border-radius: 8px;
    border: 1px solid #aaa ;
    font-size: 15px;
}
.gender-group{
    margin: 10px 0;
    font-size: 14px;
}
button{
    width: 100%;
    background: #2575fc;
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}
button:hover{
    background: #6a11cb;
    transform: scale(1.05);

}
table{
    margin-top: 25px;
    width: 80%;
    border-collapse: collapse;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    animation: fadeIn 2s;
}
th, td{
    padding: 10px;
    border: 1px solid #ddd;
}
th{
    background: #2575fc;
    color: #fff;
}