* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: monospace;
  background: #0a0a0a;
  color: #33ff33;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}
.marmot { font-size: 80px; margin-bottom: 1rem; animation: pop 2s infinite; }
@keyframes pop { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
h1 { font-size: 2.5rem; color: #33ff33; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 0.5rem; }
.subtitle { font-size: 1rem; color: #1a8c1a; margin-bottom: 2rem; letter-spacing: 2px; }
.terminal { background: #111; border: 1px solid #33ff33; border-radius: 6px; padding: 1.5rem 2rem; max-width: 500px; width: 100%; text-align: left; margin-bottom: 2rem; }
.terminal-bar { display: flex; gap: 6px; margin-bottom: 1rem; }
.dot { width: 10px; height: 10px; border-radius: 50%; }
.dot-r { background: #ff5f56; }
.dot-y { background: #ffbd2e; }
.dot-g { background: #27c93f; }
.line { margin: 0.3rem 0; font-size: 0.85rem; }
.prompt { color: #1a8c1a; }
.cmd { color: #33ff33; }
.out { color: #888; }
.cursor { display: inline-block; width: 8px; height: 14px; background: #33ff33; animation: blink 1s infinite; vertical-align: middle; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.status { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; }
.badge { border: 1px solid #33ff33; padding: 0.4rem 1rem; border-radius: 4px; font-size: 0.75rem; letter-spacing: 1px; color: #33ff33; }
.badge.on { background: #0a2e0a; }
.footer { font-size: 0.7rem; color: #1a8c1a; letter-spacing: 2px; }