:root {
    --matrix-green: #00ff00;
    --matrix-dark-green: #003300;
    --matrix-bright: #00ff00;
    --matrix-dim: #006600;
    --matrix-bg: rgba(0, 10, 2, 0.95);
    --terminal-border: rgba(0, 255, 0, 0.2);
    --terminal-shadow: 0 0 20px rgba(0, 255, 0, 0.15);
}

body {
    background-color: #000;
    color: var(--matrix-green);
}

.terminal {
    background: var(--matrix-bg);
    border: 1px solid var(--terminal-border);
    box-shadow: var(--terminal-shadow);
}

.terminal-header {
    border-bottom: 1px solid var(--matrix-dim);
    padding: 15px;
    background: rgba(0, 20, 0, 0.3);
}

.terminal-title {
    color: var(--matrix-bright);
    text-shadow: 0 0 5px var(--matrix-green);
}

.back-button {
    background: transparent;
    border: 1px solid var(--matrix-green);
    color: var(--matrix-green);
    padding: 5px 15px;
    cursor: pointer;
}

.back-button:hover {
    background: rgba(0, 255, 0, 0.1);
    text-shadow: 0 0 5px var(--matrix-green);
}

.matrix-button {
    background: transparent;
    border: 2px solid var(--matrix-green);
    color: var(--matrix-green);
    text-shadow: 0 0 5px var(--matrix-green);
}

.matrix-button:hover {
    background: rgba(0, 255, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
}

.skill-item, .project-item {
    padding-left: 25px;
    position: relative;
}

.skill-item:before, .project-item:before {
    content: '>';
    position: absolute;
    left: 0;
    color: var(--matrix-green);
}

.contact-button {
    background: transparent;
    border: 1px solid var(--matrix-green);
    color: var(--matrix-green);
    text-decoration: none;
}

.contact-button:hover {
    background: rgba(0, 255, 0, 0.1);
    text-shadow: 0 0 5px var(--matrix-green);
}

.footer {
    background: var(--matrix-bg);
    border-top: 1px solid var(--terminal-border);
}

.theme-option span {
    color: var(--matrix-dim);
}

.theme-option input:checked + span {
    color: var(--matrix-bright);
    text-shadow: 0 0 5px var(--matrix-green);
}

.social-link {
    color: var(--matrix-green);
}

.social-link:hover {
    color: var(--matrix-bright);
    text-shadow: 0 0 5px var(--matrix-green);
}