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 */

.hero{

padding-top:140px;
padding-bottom:100px;

}



.hero-title{

font-size:48px;
font-weight:600;
line-height:1.2;

}



.hero-text{

color:#ddd;
margin-top:20px;
font-size:18px;

}



.profile-img{

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

}



/* GLASS SECTIONS */

.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;

}



/* CAPABILITY CARDS */

.cap-card{

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

}



.cap-card:hover{

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

}



/* SYSTEM LIST */

#systems ul{

line-height:2;

}



/* FOOTER */

footer{

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

}



/* ---------------- MOBILE ---------------- */

@media (max-width:992px){

.hero{

text-align:center;

}

.profile-img{

margin-top:30px;
max-width:200px;

}

}



@media (max-width:768px){

.hero-title{

font-size:32px;

}

.hero-text{

font-size:16px;

}

.glass-section{

padding:35px;

}

.section-title{

font-size:24px;

}

}



@media (max-width:576px){

.hero{

padding-top:120px;

}

.hero-title{

font-size:28px;

}

.hero-text{

font-size:15px;

}

.cap-card{

padding:20px;

}

}