body {
  margin: 0;
  padding: clamp(10px, 4vw, 40px);
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(rgba(10, 15, 30, 0.88), rgba(10, 15, 30, 0.88)),
              url('../../images/launch-based-zone.png') center/cover no-repeat fixed;
  filter: saturate(1.4);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.main-dashboard-container {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 3vw, 30px);
  box-sizing: border-box;
}

.terminal-widget {
  font-family: 'Courier New', Courier, monospace;
  color: rgb(252, 240, 240);
  border: 2px solid #38bdf8;
  border-radius: 4px;
  background: rgba(10, 15, 30, 0.65); 
  padding: clamp(12px, 2.5vw, 24px); 

  width: 100%;
  position: relative; 
  overflow: hidden;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.15), inset 0 0 15px rgba(56, 189, 248, 0.05);
  box-sizing: border-box;
}

.terminal-widget::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), 
              linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
  background-size: 100% 4px, 6px 100%; 
  z-index: 2;
  pointer-events: none; 
}

.terminal-body, #git-log-container {
    background: transparent; 
}

.terminal-header {
  color: #38bdf8;
  text-shadow: 0 0 6px rgba(56, 189, 248, 0.5);
  font-weight: bold;
  background: transparent;
  font-size: clamp(0.9rem, 2vw, 1.2rem);
  margin-bottom: 12px;
}

.highlight {
  color: #f472b6;
  text-shadow: 0 0 8px rgba(244, 114, 182, 0.6);
}

.status-tag.active {
  color: #4ade80; 
  text-shadow: 0 0 10px rgba(74, 222, 128, 0.8);
}

.log-list {
  margin: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 8px; 
}

.log-row {
  opacity: 0.9;
  border-left: 2px solid #38bdf8; 
  padding-left: 10px;
  text-shadow: 0 0 3px rgba(252, 240, 240, 0.3);
  font-size: clamp(0.85rem, 1.8vw, 1.05rem);
  line-height: 1.4;
  word-break: break-word;
}

.log-row::after {
  content: " █";
  color: #4ade80; 
  text-shadow: 0 0 6px #4ade80;
  animation: arcade-cursor-blink 1s steps(2, start) infinite;
}

@keyframes arcade-cursor-blink {
  to { visibility: hidden; }
}

.log-link {
  color: #eff5af;
  text-decoration: none;
  text-shadow: 0 0 4px rgba(239, 245, 175, 0.4);
}

.log-link:hover {
  color: #a1fbc2 !important;
  text-shadow: 0 0 6px rgba(161, 251, 194, 0.7);
}

.log-link:visited {
  color: #aafbf7;
  text-shadow: 0 0 4px rgba(170, 251, 247, 0.4);
}

/* meta stuff */

@media screen and (max-width: 900px) {
    .terminal-widget {
        max-width: 100%;
    }
}

@media screen and (min-width: 901px) and (max-width: 2000px) {
    .terminal-widget {
        max-width: 70%;
    }
}

@media screen and (min-width: 2000px) {
    .terminal-widget {
        max-width: 45%; 
    }
}

.terminal-widget {
    transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}