body {
    background-color: #0d0d0d;
    color: #00ff41; /* Matrix/Terminal Green */
    font-family: 'Fira Code', monospace;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}

.terminal-container {
    background: #1a1a1a;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #333;
    max-width: 650px;
    width: 90%;
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.1);
}

h1 { font-size: 1.8rem; margin: 0; color: #fff; }
h2 { font-size: 1.2rem; color: #00ff41; border-bottom: 1px solid #333; padding-bottom: 5px; }

.role { color: #888; margin-top: 5px; }
.status { font-size: 0.9rem; color: #008f11; }

section { margin: 25px 0; }

ul { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; }
ul li::before { content: "▹ "; color: #fff; }

.actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; text-align: center; margin: 0 auto; width: 58%; }

.cmd-btn {
    border: 1px solid #00ff41;
    color: #00ff41;
    padding: 8px 15px;
    text-decoration: none;
    font-size: 0.8rem;
    transition: all 0.3s;
}

.cmd-btn:hover {
    background: #00ff41;
    color: #000;
}

@media (max-width: 600px) {
    ul { grid-template-columns: 1fr; }
}