body{
  margin:0;
  background:#000;
  font-family: Arial, Helvetica, sans-serif;
  overflow:hidden;
  color:#7ffaff;
}

.hero{ position:relative; height:100vh; width:100vw; }

.bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.85));
  z-index:1;
}

.title{
  position:absolute;
  top:18%;
  width:100%;
  text-align:center;
  font-size:70px;
  letter-spacing:6px;
  text-shadow:0 0 25px #7ffaff, 0 0 50px #7ffaff;
  z-index:2;
}

.ship{
  position:absolute;
  left:8%;
  top:30%;
  width:520px;
  opacity:0.92;
  filter: drop-shadow(0 0 18px rgba(127,250,255,0.18));
  z-index:2;
}

.frame{
  position:absolute;
  top:15px; left:15px; right:15px; bottom:15px;
  border:2px solid #7ffaff;
  pointer-events:none;
  z-index:3;
}

.bottom-left {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* prevents stretching */
    gap: 12px;
}

.box {
    display: block;
    width: 260px;
    min-height: 0;
    height: auto !important;
    padding: 12px 14px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: white;
    overflow: visible;
}

.box-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.box p {
    margin: 0 0 8px 0;
    font-size: 12px;
    line-height: 1.4;
}

.box p:last-child {
    margin-bottom: 0;
}
.welcome{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:10px;
}
.avatar{
  width:44px;
  height:44px;
  border-radius:8px;
  border:1px solid rgba(127,250,255,0.8);
  background:rgba(0,0,0,0.5);
  object-fit:cover;
  box-shadow: 0 0 18px rgba(127,250,255,0.12);
}
.welcome-text{ text-align:left; line-height:1.05; }
.welcome-top{
  font-size:12px;
  letter-spacing:3px;
  opacity:0.9;
}
.welcome-name{
  font-size:18px;
  letter-spacing:2px;
  text-shadow:0 0 14px rgba(127,250,255,0.18);
}

.status{
  margin-bottom:10px;
  font-size:18px;
}
.progress{
  width:560px;
  height:12px;
  border:1px solid #7ffaff;
  background:#111;
}
#progress-bar{
  height:100%;
  width:6%;
  background:#7ffaff;
  transition:width 0.3s ease;
}
.file-info{
  margin-top:8px;
  font-size:13px;
  opacity:0.9;
  min-height:16px;
}