*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Inter,sans-serif;
}

body{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,#0b1220,#111827,#0a0f1c);
color:white;
overflow:hidden;
}

.glow1{
position:absolute;
width:500px;
height:500px;
background:#3b82f6;
filter:blur(180px);
opacity:.25;
top:-120px;
right:-120px;
border-radius:50%;
}

.glow2{
position:absolute;
width:500px;
height:500px;
background:#8b5cf6;
filter:blur(180px);
opacity:.2;
bottom:-120px;
left:-120px;
border-radius:50%;
}

.container{
text-align:center;
max-width:700px;
padding:40px;
z-index:2;
}

.badge{
display:inline-block;
padding:10px 18px;
border:1px solid rgba(255,255,255,0.15);
border-radius:50px;
background:rgba(255,255,255,0.05);
margin-bottom:25px;
font-size:13px;
}

h1{
font-size:clamp(2.5rem,6vw,5rem);
line-height:1.1;
margin-bottom:20px;
}

h1 span{
background:linear-gradient(90deg,#60a5fa,#a78bfa);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

p{
color:#cbd5e1;
margin-bottom:30px;
}

.loader{
width:220px;
height:6px;
background:rgba(255,255,255,0.08);
margin:0 auto 20px;
border-radius:50px;
overflow:hidden;
}

.loader span{
display:block;
height:100%;
width:40%;
background:linear-gradient(90deg,#60a5fa,#8b5cf6);
animation:move 2s infinite;
}

@keyframes move{
0%{transform:translateX(-100%);}
100%{transform:translateX(300%);}
}

.links a{
color:white;
margin:0 10px;
text-decoration:none;
opacity:.7;
}

.links a:hover{
opacity:1;
color:#60a5fa;
}

footer{
margin-top:30px;
opacity:.5;
font-size:14px;
}