body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    background: linear-gradient(rgba(18, 16, 16, 0) 75%, rgba(0, 0, 0, 0.25) 75%),
        linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01),
            rgba(0, 0, 118, 0.03));
    z-index: 10;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

body {
    background-color: #0b1a0a;
    color: #00ff41;
    font-family: 'VT323', monospace;
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    overflow: hidden;
}


.terminal-container {
    width: 90%;
    max-width: 900px;
    height: 80vh;
    padding: 30px;

    border: 10px solid #004d0a;
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.5), inset 0 0 15px rgba(0, 255, 65, 0.1);
    background-color: rgba(0, 0, 0, 0.8);
    overflow-y: auto;

    border-radius: 18px;
}

.header-line {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 5px;
    text-shadow: 0 0 10px rgba(0, 255, 65, 0.7);
}

.header-line:hover {
    background-color: #00ff41;
    color: #000000;
    cursor: pointer;
}

.inverted-logo {
    height: 1.2em;
    vertical-align: middle;
    position: relative;
    z-index: 20;

    /* Forces the image to be a bright neon green */
    filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);

    transition: filter 0.2s ease;
}

.header-line:hover .inverted-logo {
    /* brightness(0) strips all color and light, making it pure black */
    filter: brightness(0);

    /* Optional: removes any glow shadows during hover for a cleaner look */
    text-shadow: none;
}

/* Sub-header and Prompt text */
.sub-header {
    font-size: 0.7em;
    margin-top: 10px;
    margin-bottom: 20px;
}

.prompt-symbol {
    color: #00ff41;
    margin-right: 15px;
}

/* Menu Links - Using the same "> 1. " format */
.terminal-menu p {
    margin: 5px 0;
}

.terminal-menu a {
    color: #00ff41;
    text-decoration: none;
    display: inline-block;
    transition: color 0.1s;
}

.terminal-menu a:hover {

    background-color: #00ff41;
    color: #000;
    cursor: pointer;
}

.welcome-underline {
    display: block;
    width: 90%;
    border-bottom: 2px dashed #00ff41;
    margin-bottom: 20px;

}

.cursor {
    display: inline-block;
    width: 8px;
    height: 1em;
    background-color: #00ff41;
    margin-left: 4px;
    vertical-align: middle;
    animation: blink 0.7s infinite;
}

.mailing-address {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    border: 1px dashed #00ff41;
    padding: 20px 15px 15px 15px;
    font-style: normal;
    background: rgba(0, 255, 65, 0);
}

.mailing-address:hover {
    background: rgba(0, 255, 65, 0.15);
    /* Brighter background */
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.4);
    /* Neon glow */
    border-style: solid;
    /* Changes from dashed to solid on hover */
}

/* Tooltip style for "Copied!" feedback */
.mailing-address::after {
    content: "CLICK TO COPY";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.7rem;
    opacity: 0;
    transition: opacity 0.3s;
}

.mailing-address:hover::after {
    opacity: 1;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

.hidden {
    display: none;
}

.button-wrapper {
    display: flex;
    justify-content: center;
    margin: 25px 0;
}

#toggle-btn {
    background: transparent;
    color: #00ff00;
    font-family: 'VT323', monospace;
    font-size: 1.5rem;
    padding: 10px 25px;
    cursor: pointer;

    /* Terminal Border */
    border: 2px solid #00ff00;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;

    /* The "Glow" */
    box-shadow: 0 0 5px rgba(0, 255, 0, 0.2);
    transition: all 0.3s ease;
}

/* Hover Effect: The button "fills" with light */
#toggle-btn:hover {
    background: #00ff00;
    color: #000;
    /* Black text on green background */
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.6);
}

/* Click Effect: Slight shrink to feel tactile */
#toggle-btn:active {
    transform: scale(0.95);
}

/* Optional: Add a subtle flickering animation */
@keyframes flicker {
    0% {
        opacity: 0.97;
    }

    5% {
        opacity: 0.9;
    }

    10% {
        opacity: 0.98;
    }

    100% {
        opacity: 1;
    }
}

.terminal-container {
    animation: flicker 0.15s infinite;
}

#progress-bar-container {
    font-family: 'VT323', monospace;
    color: #00ff00;
    margin: 10px 0;
    font-size: 1.2rem;
    letter-spacing: 2px;
}

#progress-bar {
    display: inline-block;
    color: #00ff00;
    white-space: pre;
    /* Essential: keeps the spaces from collapsing */
    min-width: 20ch;
}

#loading-zone p {
    margin: 0;
    color: #00ff00;
}

#domain-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'VT323', monospace;
    color: #00ff00;
}

#domain-table th,
#domain-table td {
    border: 1px solid #00ff00;
    padding: 8px;
    text-align: left;
}