#agent-login {
    grid-column: 2 / 4; /* Centered in your 4-column grid */
    background: #000;
    border: 1px solid var(--soft-cyan);
    padding: 3rem;
    margin: 4rem auto;
    box-shadow: 0 0 15px var(--soft-cyan), inset 0 0 20px rgba(0, 255, 234, 0.1);
    position: relative;
}

#agent-login h2 {
    font-family: 'Iceberg', cursive;
    color: var(--soft-cyan);
    font-size: 1.2rem;
    letter-spacing: 2px;
    margin-bottom: 2rem;
    text-align: center;
}

#agent-login label {
    display: block;
    color: var(--industrial-gray);
    font-size: 0.8rem;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

#agent-login input {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--industrial-gray);
    color: var(--cyber-green);
    padding: 10px 0;
    margin-bottom: 2rem;
    font-family: 'VT323', monospace;
    font-size: 1.5rem;
}

#agent-login input:focus {
    outline: none;
    border-bottom-color: var(--neon-pink);
    color: var(--neon-pink);
}

#agent-login .btn-submit {
    width: 100%;
    background: transparent;
    border: 1px solid var(--soft-cyan);
    color: var(--soft-cyan);
    padding: 10px;
    font-family: 'VT323', monospace;
    font-size: 1.2rem;
    cursor: crosshair;
    transition: all 0.1s steps(2);
}

#agent-login .btn-submit:hover {
    background: var(--soft-cyan);
    color: #000;
    box-shadow: 0 0 20px var(--soft-cyan);
}