@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#020302;
color:white;
font-family:'Orbitron',sans-serif;
overflow-x:hidden;
position:relative;
}

.background-grid{
position:fixed;
inset:0;

background:
linear-gradient(rgba(0,255,153,0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,255,153,0.08) 1px, transparent 1px);

background-size:80px 80px;

z-index:-3;
}

.background-glow{
position:fixed;
border-radius:50%;
filter:blur(140px);
opacity:0.15;
z-index:-2;
}

.glow1{
width:420px;
height:420px;
background:#00ff99;
top:120px;
left:-120px;
}

.glow2{
width:500px;
height:500px;
background:#00ff99;
bottom:-200px;
right:-200px;
}

.navbar{
padding:28px 20px;

display:flex;
flex-direction:column;

align-items:center;

gap:18px;

background:rgba(0,0,0,0.82);

border-bottom:
1px solid rgba(0,255,153,0.1);

position:sticky;
top:0;

z-index:999;
}

.logo{
font-size:clamp(2.5rem,10vw,5rem);

font-weight:900;

color:#00ff99;

text-decoration:none;

white-space:nowrap;

text-shadow:
0 0 15px #00ff99,
0 0 35px rgba(0,255,153,0.7);
}

.nav-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
}

.nav-links a{
color:white;
text-decoration:none;
transition:0.25s;
}

.nav-links a:hover{
color:#00ff99;
}

footer{
margin-top:100px;

padding:
80px 20px
60px;

text-align:center;

background:
rgba(0,0,0,0.82);

border-top:
1px solid rgba(0,255,153,0.1);
}

footer h2{
font-size:3rem;
color:#00ff99;
margin-bottom:30px;
}

.footer-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
margin-bottom:30px;
}

.footer-links a{
color:white;
text-decoration:none;
}

.footer-links a:hover{
color:#00ff99;
}

.floating-card{
animation:floatBox 5s ease-in-out infinite;
}

@keyframes floatBox{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-8px);
}

100%{
transform:translateY(0px);
}

}