body {
margin:0;
height:100vh;
display:flex;
flex-direction:column;
font-family:Arial,sans-serif;
color:#cfe7ff;
background:#050914;
overflow:hidden;
}

.space {
position:fixed;
inset:0;
z-index:-1;
background:radial-gradient(circle at center,#061a33 0%,#020713 100%);
}

.space::before {
content:"";
position:absolute;
inset:0;
background-image:radial-gradient(2px 2px at 10% 20%,#7cc7ff,transparent),
radial-gradient(2px 2px at 50% 50%,#fff,transparent),
radial-gradient(2px 2px at 80% 30%,#7fb8ff,transparent),
radial-gradient(2px 2px at 30% 70%,#0ff,transparent);
background-size:400px 400px;
animation:drift 120s linear infinite;
opacity:.25;
}

@keyframes drift {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

.crt-overlay {
position:fixed;
inset:0;
background:linear-gradient(rgba(18,16,16,0)50%,rgba(0,0,0,.15)50%),
linear-gradient(90deg,rgba(0,120,255,.05),rgba(0,255,255,.02));
background-size:100% 3px,3px 100%;
z-index:10;
pointer-events:none;
}

.scanlines {
position:fixed;
inset:0;
background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,120,255,.05)4px);
z-index:11;
pointer-events:none;
animation:scanline 8s linear infinite;
}

@keyframes scanline {
from {transform:translateY(0);}
to {transform:translateY(100%);}
}

.container {
display:flex;
flex-direction:column;
height:100%;
padding:10px 20px;
box-sizing:border-box;
z-index:2;
}

.up h1 {
font-size:1.2rem;
margin:0;
letter-spacing:2px;
color:#7cc7ff;
}

.status {
font-size:.75rem;
color:#7fb8ff;
}

.content {
flex-grow:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.terminal-window {
width:100%;
max-width:700px;
background:rgba(10,20,40,.92);
border:1px solid #2b6fb8;
box-shadow:0 0 20px rgba(0,120,255,.2);
backdrop-filter:blur(6px);
}

.terminal-header {
background:#081a33;
color:#7cc7ff;
padding:5px 10px;
font-size:.75rem;
letter-spacing:1px;
border-bottom:1px solid #2b6fb8;
}

.text {
padding:15px;
font-size:.95rem;
line-height:1.5;
}

.prompt {
color:#fff;
}

.response {
color:#7cc7ff;
margin-bottom:15px;
}

.error {
color:#ff3b6b;
text-shadow:0 0 5px #ff3b6b;
}

.cursor {
animation:blink 1s step-end infinite;
}

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

.bottom {
position:fixed;
bottom:0;
left:0;
width:100%;
display:flex;
justify-content:center;
padding:15px 0;
}

.return-link {
color:#7cc7ff;
text-decoration:none;
border:1px solid #7cc7ff;
padding:6px 14px;
font-size:.9rem;
transition:.2s;
background:rgba(0,120,255,.1);
}

.return-link:hover {
background:#7cc7ff;
color:#050914;
box-shadow:0 0 10px #7cc7ff;
}