*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,sans-serif;
    background:linear-gradient(135deg,#0f172a,#1e3a8a);
    color:white;
    text-align:center;
    padding:60px 20px;
}

h1{
    font-size:42px;
    margin-bottom:15px;
}

h2{
    font-size:28px;
    color:#38bdf8;
    margin-bottom:20px;
}

p{
    font-size:18px;
    margin-bottom:30px;
}

button{
    background:#38bdf8;
    color:white;
    border:none;
    padding:15px 35px;
    font-size:18px;
    border-radius:50px;
}

button:hover{
    background:#0ea5e9;
}.hero{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:100vh;
}

.profile{
width:170px;
height:170px;
border-radius:50%;
border:5px solid white;
object-fit:cover;
margin-bottom:20px;
}