body{

background:
radial-gradient(circle at 20% 30%, rgba(0,180,255,0.12), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(0,120,255,0.12), transparent 40%),
linear-gradient(180deg,#05080c,#0b121a);

color:#e6edf3;

font-family:system-ui;

margin:0;

min-height:100vh;

}

.container{

max-width:1100px;
margin:auto;
padding:40px 20px;

}

.header{

position:sticky;
top:0;

backdrop-filter:blur(14px);
background:rgba(10,15,22,0.65);

border-bottom:1px solid rgba(255,255,255,0.08);

box-shadow:0 10px 30px rgba(0,0,0,0.3);

}

.logo{

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

}

nav a{

color:#cdd9e5;
margin-left:20px;
text-decoration:none;

}

.hero h1{

font-size:44px;

background:linear-gradient(90deg,#fff,#9ed0ff);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero p{

color:#8b949e;

}
.footer{

margin-top:80px;

backdrop-filter:blur(12px);

background:rgba(255,255,255,0.03);

border-top:1px solid rgba(255,255,255,0.08);

}