body{
margin:0;
font-family:'Segoe UI',sans-serif;
background:radial-gradient(circle at top,#0f172a,#020617);
color:#fff;
min-height:100vh;
}

/* Header */

.slab-header{
position:sticky;
top:0;
z-index:1000;
background:rgba(15,23,42,.88);
backdrop-filter:blur(14px);
border-bottom:1px solid rgba(255,255,255,.06);
padding:18px 50px;
}

.slab-header .container{
display:flex;
justify-content:space-between;
align-items:center;
max-width:1280px;
margin:auto;
}

.slab-logo{
font-size:24px;
font-weight:700;
letter-spacing:.5px;
color:#38bdf8;
}

.slab-header nav{
display:flex;
gap:14px;
}

.slab-header nav a{
text-decoration:none;
padding:12px 18px;
border-radius:14px;
font-weight:600;
color:#dbeafe;
transition:.25s;
}

.slab-header nav a:hover{
background:linear-gradient(90deg,#38bdf8,#6366f1);
transform:translateY(-2px);
}

@media(max-width:768px){

.slab-header .container{
flex-direction:column;
gap:18px;
}

}