/* ================= GLOBAL DARK CYBER STYLE ================= */

body{
margin:0;
font-family:'Lato', sans-serif;
color:white;
overflow-x:hidden;

/* background base */
background:#050505;

/* gradient animat ca download */
background:
linear-gradient(120deg,#050505,#0b0018,#050505);
background-size:400% 400%;
animation:steamGradient 15s ease infinite;

position:relative;
}

/* ===== gradient animation ===== */

@keyframes steamGradient{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/* ===== cursor glow (download style) ===== */

body::before{
content:"";
position:fixed;
width:200px;
height:200px;
background:radial-gradient(circle,#00000044,transparent 70%);
pointer-events:none;
transform:translate(-50%,-50%);
left:var(--x,50%);
top:var(--y,50%);
z-index:0;
}



/* ================= GLASS PANELS ================= */

.glass-panel{
background:rgba(15,15,15,0.7);
border:1px solid #7b00ff55;
backdrop-filter:blur(20px);
box-shadow:
0 0 40px rgba(123,0,255,0.3),
inset 0 0 20px rgba(123,0,255,0.15);
}

/* ================= CYBER BUTTONS ================= */

button,
.Btn-hero{
background:linear-gradient(90deg,#7b00ff,#3a006a);
border:none;
color:white;
cursor:pointer;
transition:.25s ease;
}

button:hover,
.Btn-hero:hover{
transform:translateY(-3px);
box-shadow:
0 0 15px #7b00ff,
0 0 40px rgba(123,0,255,.6);
}

html, body{
height:100%;
margin:0;
}

body{
display:flex;
flex-direction:column;
min-height:100vh;
}