.profile{

min-height:100vh;

padding:70px 20px;

background:
linear-gradient(
135deg,
#f8fafc,
#edf7f1
);

}



.back{

display:inline-flex;

margin-bottom:24px;

text-decoration:none;

color:#64748b;

}



.profile-card{

background:white;

max-width:900px;

margin:auto;

padding:40px;

border-radius:32px;

box-shadow:
0 20px 60px
rgba(
0,
0,
0,
0.05
);

}



.avatar{

width:90px;

height:90px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

background:
linear-gradient(
135deg,
#22c55e,
#16a34a
);

color:white;

margin-bottom:22px;

}



.profile-card h1{

font-size:40px;

margin-bottom:8px;

}



.profile-card p{

color:#64748b;

margin-bottom:30px;

}



.info-grid{

display:grid;

grid-template-columns:
1fr 1fr;

gap:18px;

}



.info{

display:flex;

flex-direction:column;

gap:10px;

}



.info input,
.info select{

padding:16px;

border-radius:16px;

border:
1px solid
#dbe3ea;

}



.joined{

margin-top:32px;

}



.batch{

padding:18px;

background:
rgba(
22,
163,
74,
0.08
);

border-radius:18px;

margin-bottom:12px;

}



.actions{

margin-top:28px;

display:flex;

gap:12px;

}



.actions a{

text-decoration:none;

display:flex;

align-items:center;

justify-content:center;

}



@media(
max-width:700px
){

.info-grid{

grid-template-columns:
1fr;

}



.actions{

flex-direction:column;

}

}