:root{
--bg:#020617;
--bg2:#0f172a;
--cyan:#38bdf8;
--cyan2:#22d3ee;
--text:#e5eefc;
--muted:#94a3b8;
}

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

body{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
font-family:Inter,sans-serif;
color:var(--text);

background:
radial-gradient(circle at 20% 20%, rgba(34,211,238,.15), transparent 30%),
radial-gradient(circle at 80% 30%, rgba(37,99,235,.15), transparent 30%),
linear-gradient(180deg,var(--bg2),var(--bg));
}

.container{
max-width:900px;
padding:40px;
text-align:center;
}

.badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:8px 14px;
border-radius:999px;
border:1px solid rgba(56,189,248,.3);
background:rgba(56,189,248,.08);
font-size:13px;
letter-spacing:.12em;
text-transform:uppercase;
margin-bottom:30px;
}

.dot{
width:8px;
height:8px;
background:var(--cyan);
border-radius:50%;
box-shadow:0 0 10px var(--cyan);
animation:pulse 1.6s infinite;
}

@keyframes pulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.6)}
}

h1{
font-family:Orbitron,sans-serif;
font-size:clamp(3rem,6vw,5rem);
line-height:.95;
letter-spacing:.05em;
margin-bottom:20px;
text-shadow:0 0 20px rgba(56,189,248,.2);
}

.accent{
color:var(--cyan);
}

.subtitle{
color:#cbd5e1;
font-size:1.15rem;
line-height:1.7;
margin-bottom:40px;
}

.terminal{
border:1px solid rgba(56,189,248,.2);
border-radius:20px;
background:rgba(2,8,23,.7);
padding:20px;
font-family:monospace;
text-align:left;
box-shadow:0 0 30px rgba(56,189,248,.05);
}

.line{
margin-bottom:6px;
color:#7dd3fc;
}

.ok{
color:#4ade80;
}

.warn{
color:#facc15;
}

.typed::after{
content:"_";
animation:blink 1s infinite;
}

@keyframes blink{
50%{opacity:0}
}

.footer{
margin-top:40px;
font-size:.9rem;
color:var(--muted);
}