.sg-login-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 0% 0%, rgba(36, 99, 235, 0.08), transparent 35rem),
        var(--sg-bg-main);
}

.sg-login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.sg-login-card {
    width: 100%;
    max-width: 460px;
    background: var(--sg-bg-card);
    border: 1px solid var(--sg-border-soft);
    border-radius: 1.5rem;
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.08);
    backdrop-filter: blur(2px);
}

.sg-login-branding {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.sg-logo-box {
    min-width: 120px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sg-login-logo {
    max-height: 110px;
    max-width: 150px;
    object-fit: contain;
}

.sg-logo-separator {
    width: 1px;
    height: 42px;
    background: var(--sg-border);
}