body{
margin:0;
font-family:Arial;
background:linear-gradient(135deg,#120018,#5c0a9d,#ff3cac);
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
color:white;
}

/* Container */
.container{
width:100%;
display:flex;
justify-content:center;
padding:30px;
}

/* Card */
.card{
width:420px;
min-height:760px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(14px);
border-radius:35px;
overflow:hidden;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,.4);
border:1px solid rgba(255,255,255,.15);
}

/* Banner */
.banner{
height:240px;
background:url('images/banner.png') center/cover;
}

/* Profile */
.profile{
width:150px;
height:150px;
border-radius:50%;
margin-top:-100px;
border:4px solid rgba(255,255,255,.35);
object-fit:cover;
box-shadow:0 12px 30px rgba(0,0,0,.45);
}

/* Text */
h1{
margin:15px 0 5px;
}

p{
color:#ddd;
}

/* Buttons */
.buttons{
display:flex;
flex-direction:column;
gap:16px;
padding:30px;
}

.buttons a{
text-decoration:none;
color:white;
padding:16px;
border-radius:18px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
transition:.25s ease;
backdrop-filter:blur(6px);
}

.buttons a:hover{
transform:scale(1.03);
background:linear-gradient(90deg,#ff3cac,#784ba0);
border-color:rgba(255,255,255,.4);
}