html, body {
  color: #ea5b13;
  background: #111222;
}

.logo{
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  margin:auto;

  width:20vw;
  max-width:20%;
  height:auto;

  max-height:80vh;

  animation:pulse 1.8s linear infinite;
  transform-origin:80% 70%;

  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;

  display:block;
}

.logo-title,
.logo-sub{
  position:absolute;
  left:0; right:0;
  text-align:center;
  pointer-events:none;
  user-select:none;

  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.logo-title{
  top: calc(50% + 20vh); /* Increased from min(40vh, 10vw) */
  transform: translateY(20px);

  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(14px, 1.2vw, 16px);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(250, 250, 252, 0.86);
}

.logo-sub{
  top: calc(50% + 20vh); /* Increased from min(40vh, 10vw) */
  transform: translateY(48px);

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(11px, 1.0vw, 13px);
  letter-spacing: 0.10em;
  color: rgba(250, 250, 252, 0.55);

  text-shadow: 0 0 18px rgba(64, 170, 255, 0.18);
}

@keyframes pulse {
 0%, 24%, 65%, 100% { transform: scale(.95); opacity: .9; }
 12%, 40% { transform: scale(1); opacity: 1; }
}