.voc-login{

    display:grid;

    grid-template-columns:58% 42%;

    min-height:100vh;

}

.ops-panel{

    background:#0B1018;

    border-right:1px solid var(--border);

    padding:70px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    position:relative;

}

.auth-panel{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:60px;

    background:var(--bg);

}

.auth-card{

    width:100%;

    max-width:430px;

}

.brand-row{

    display:flex;

    align-items:center;

    gap:16px;

}

.brand-mark{

    width:18px;

    height:18px;

    border-radius:50%;

    background:var(--primary);

    box-shadow:0 0 20px var(--primary);

}

.brand-text{

    font-family:'Space Grotesk',sans-serif;

    font-size:26px;

    font-weight:700;

}

.brand-text span{

    display:block;

    margin-top:5px;

    color:var(--muted);

    font-size:12px;

    letter-spacing:.25em;

}

.ops-hero{

    max-width:560px;

}

.ops-hero h1{

    font-family:'Space Grotesk',sans-serif;

    font-size:58px;

    line-height:1.1;

}

.ops-hero em{

    color:var(--primary);

    font-style:normal;

}

.ops-hero p{

    margin-top:24px;

    color:var(--muted);

    line-height:1.8;

}