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

body{
margin:0;
font-family:'Orbitron',sans-serif;
background:#050505;
background-image:
radial-gradient(circle at top left,#ff000033,transparent 30%),
radial-gradient(circle at bottom right,#0066ff33,transparent 30%);
color:white;
overflow-x:hidden;
}

header{
background:linear-gradient(90deg,#ff0000,#111,#0066ff);
padding:20px 40px;
display:flex;
justify-content:space-between;
align-items:center;
position:sticky;
top:0;
z-index:999;
box-shadow:0 0 25px #ff000088;
}

.logo{
font-size:38px;
font-weight:900;
letter-spacing:3px;
text-transform:uppercase;
color:white;
text-shadow:0 0 15px red;
}

nav a{
color:white;
text-decoration:none;
margin-right:25px;
font-size:18px;
transition:0.3s;
}

nav a:hover{
color:#00ccff;
text-shadow:0 0 10px #00ccff;
}

.container{
width:95%;
margin:auto;
padding:30px 0;
}

h1,h2{
text-transform:uppercase;
letter-spacing:2px;
text-shadow:0 0 10px #ff0000;
}

.widget-box{
background:rgba(20,20,20,0.95);
padding:25px;
margin-bottom:35px;
border-radius:20px;
border:1px solid #333;
box-shadow:
0 0 20px rgba(255,0,0,0.25),
0 0 40px rgba(0,102,255,0.15);
transition:0.3s;
backdrop-filter:blur(8px);
}

.widget-box:hover{
transform:translateY(-5px) scale(1.01);
box-shadow:
0 0 25px rgba(255,0,0,0.45),
0 0 55px rgba(0,102,255,0.35);
}

iframe{
border-radius:15px;
overflow:hidden;
}

footer{
background:#000;
padding:30px;
text-align:center;
margin-top:50px;
font-size:14px;
letter-spacing:2px;
border-top:2px solid #ff0000;
box-shadow:0 -5px 25px rgba(255,0,0,0.4);
}

table{
background:#111;
color:white;
border-collapse:collapse;
}

button{
background:linear-gradient(90deg,#ff0000,#0066ff);
border:none;
padding:12px 20px;
color:white;
font-weight:bold;
border-radius:10px;
cursor:pointer;
transition:0.3s;
}

button:hover{
transform:scale(1.05);
box-shadow:0 0 20px #0066ff;
}

input, textarea{
width:100%;
padding:12px;
background:#111;
border:1px solid #444;
color:white;
border-radius:10px;
}

a{
color:#00ccff;
}

a:hover{
text-shadow:0 0 10px #00ccff;
}