*{

margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;

}



body{

background:#0f1117;
color:white;

}



header{

background:#171b24;
padding:25px;
text-align:center;
border-bottom:2px solid #242b38;

}



header h1{

font-size:35px;

}



.back{

position:absolute;
left:25px;
top:30px;

text-decoration:none;
color:white;

background:#232938;

padding:10px 20px;

border-radius:10px;

}



.back:hover{

background:#3d6cff;

}





main{

max-width:1000px;

margin:40px auto;

padding:20px;

}





.profile-card{

background:#181d27;
border-radius:20px;
padding:40px;
text-align:center;
box-shadow:0 0 25px rgba(0,0,0,.35);
margin-bottom:30px;

}




.avatar{

width:170px;
height:170px;
border-radius:50%;
object-fit:cover;
border:5px solid #3d6cff;
box-shadow:0 0 25px rgba(61,108,255,.4);

}




.username{

font-size:46px;
font-weight:bold;
margin-top:20px;

}



.bio{

font-size:20px;
color:#bdbdbd;
margin:15px auto;
max-width:700px;
line-height:1.5;

}





.info{

margin-top:20px;

font-size:18px;

}





.youtube{

display:inline-block;

margin-top:20px;

padding:12px 25px;

background:#3d6cff;

color:white;

text-decoration:none;

border-radius:10px;

}





.section{

background:#181d27;
border-radius:18px;
padding:25px;
margin-bottom:25px;
box-shadow:0 0 20px rgba(0,0,0,.25);

}



.section h2{

margin-bottom:20px;
font-size:28px;
border-bottom:2px solid #2c3443;
padding-bottom:10px;

}



.level-item{

background:#232938;
padding:18px;
border-radius:12px;
margin-bottom:12px;
transition:.2s;

text-decoration:none;
color:white;
display:block;
cursor:pointer;

}

.level-item:hover{

transform:translateX(5px);
background:#2c3550;

}



.stats{

display:flex;

gap:20px;

justify-content:center;

flex-wrap:wrap;

}



.stat{

background:#232938;
padding:20px;
border-radius:15px;
min-width:170px;
font-size:18px;
font-weight:bold;
text-align:center;
transition:.2s;

}

.stat:hover{

transform:translateY(-4px);

}





@media(max-width:600px){


.username{

font-size:32px;

}


.back{

position:static;

display:inline-block;

margin-bottom:20px;

}


}