@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=JetBrains+Mono:wght@400;700&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #0a0b0a;
  color: #c8d6c8;
  font-family: 'JetBrains Mono', monospace;
  min-height: 100vh;
  line-height: 1.6;
}

.crt {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0.15),
    rgba(0,0,0,0.15) 1px,
    transparent 1px,
    transparent 2px
  );
  z-index: 999;
  opacity: 0.35;
}

.wrap { max-width: 900px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }

a { color: inherit; }

.accent { color: #ff3b3b; }
.dim { color: #5c6b5c; }
.green { color: #3ddc84; }

.hero-title {
  font-size: clamp(1.8rem, 5vw, 3rem);
  letter-spacing: 2px;
  color: #e8f0e8;
  text-shadow: 0 0 12px rgba(61,220,132,0.25);
}

.blink { animation: blink 1.1s step-end infinite; }
@keyframes blink { 50% { opacity: 0; } }

.rule { border: none; border-top: 1px dashed #2a332a; margin: 2rem 0; }

.tag {
  font-size: 0.7rem;
  padding: 2px 8px;
  border: 1px solid #3ddc84;
  color: #3ddc84;
  border-radius: 2px;
  letter-spacing: 1px;
}
.tag.red { border-color: #ff3b3b; color: #ff3b3b; }

.doc-link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.6rem 0;
  transition: padding-left 0.15s ease;
}
.doc-link:hover { padding-left: 8px; color: #3ddc84; }