body{

font-family:Inter;
color:white;

background:
linear-gradient(
rgba(0,0,0,0.7),
rgba(0,0,0,0.85)
),
url("assets/background.jpg");

background-size:cover;
background-position:center;
background-attachment:fixed;

}



.nav-glass{

background:rgba(0,0,0,0.6);
backdrop-filter:blur(8px);

}



.hero{

padding-top:150px;
padding-bottom:120px;

}



.hero-title{

font-size:48px;
font-weight:600;

}



.hero-text{

color:#ddd;
margin-top:20px;

}



.profile-img{

max-width:240px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.7);

}



.glass-section{

padding:60px;
background:rgba(0,0,0,0.45);
border-radius:12px;
backdrop-filter:blur(6px);
margin-top:80px;

}



.section-title{

margin-bottom:35px;
font-weight:600;

}



.cap-card{

background:rgba(40,40,40,0.9);
padding:25px;
border-radius:8px;
height:100%;
transition:0.2s;

}



.cap-card:hover{

transform:translateY(-4px);
background:rgba(60,60,60,0.9);

}



footer{

margin-top:100px;
padding:30px;
background:black;

}