body{
font-family: Arial, sans-serif;
min-height:100vh;
display:flex;
flex-direction:column;
background: white;
color:#212529;
}

.hero-section{
background-color:white;
color:#212529;
padding:100px 20px;
}

.hero-section h1{
font-size:48px;
font-weight:bold;
}

.hero-section p{
font-size:20px;
}

.container{
flex:1;
}

.footer{
background:#212529;
color:white;
padding:20px;
margin-top:auto;
}

.profile-box{
background:#111;
padding:15px;
border-radius:50%;
display:inline-block;
margin-bottom:15px;
box-shadow:0 4px 10px rgba(0,0,0,0.4);
}


.form-container{
max-width:800px;
margin:auto;
background:white;
padding:40px;
border-radius:10px;
box-shadow:0 6px 15px rgba(0,0,0,0.1);
}

.profile-img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
display:block;
}

fieldset{
background:#f8f9fa;
border:1px solid #dee2e6;
}

legend{
font-weight:bold;
color:#343a40;
}

label{
font-weight:600;
color:#212529;
}