body{
font-family:system-ui;
margin:0;
background:radial-gradient(circle at top,#1a2a6c,#0f2027);
color:white;
min-height:100vh;
}

main{padding:40px;max-width:1200px;margin:auto}

.nav{
display:flex;
justify-content:space-between;
padding:20px;
position:sticky;
top:0;
}

.glass{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(12px);
border-radius:14px;
padding:20px;
}

.hero{
height:80vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.btn{
background:#ff7a00;
padding:14px 24px;
border:none;
border-radius:10px;
cursor:pointer;
color:white;
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:40px;
}

.card{
padding:20px;
border-radius:14px;
background:rgba(255,255,255,0.1);
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}

.gallery img{width:100%;border-radius:10px}

.site-footer{
text-align:center;
margin-top:80px;
}