:root {
    --primary: #00ff00;
    --background: #0a0a0a;
    --text: #ffffff;
    --glitch-offset: 3px;
}

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

body {
    background-color: var(--background);
    color: var(--text);
    font-family: "Source Code Pro", monospace;
    line-height: 1.6;
}

@keyframes glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(-2px, -2px); }
    60% { transform: translate(2px, 2px); }
    80% { transform: translate(2px, -2px); }
    100% { transform: translate(0); }
}

.glitch-text {
    position: relative;
    animation: glitch 1s infinite;
}

.cursor {
    animation: blink 1s steps(2) infinite;
}

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

.terminal-text {
    text-shadow: 0 0 5px var(--primary);
}