:root{
  --bg:#000000;
  --green:#1FB622;
  --fs: clamp(34px, 6vw, 76px);
  --cursor-color:#4A90E2;
}

body{
  margin:0;
  background:var(--bg);
  overflow:hidden;
  font-family:"Manrope","Comfortaa",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

#intro{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

#line{
  font-family:"Comfortaa","Manrope",system-ui,sans-serif;
  font-size:var(--fs);
  font-weight:900;
  white-space:nowrap;
  letter-spacing:-0.05em;
  user-select:none;
  color:var(--green);
}

/* SVG znak */
.logoGlyph{
  display:inline-flex;
  align-items:baseline;
  margin-right:0.18ch;
  transform:translateY(0.06em);
  filter:drop-shadow(0 0 18px rgba(124,255,58,0.10));
}

.logoGlyph .dodoSvg{
  height:1em;
  width:auto;
  display:block;
}

/* kurzor */
#cursor{
  display:inline-block;
  width:0.1em;
  height:1em;
  background:var(--cursor-color);
  margin:0 0.15ch;
  transform:translateY(0.05em);
  animation:blink 1s infinite;
}

#cursor.hidden{
  opacity:0;
  animation:none;
}

@keyframes blink{
  0%,50%{opacity:1}
  51%,100%{opacity:0.03}
}