@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';
@import '_content/Gbaka.Shared.BlazorUI/Gbaka.Shared.BlazorUI.bundle.scp.css';

/* _content/Gbaka.Admin.WebApp/Components/Pages/Login.razor.rz.scp.css */
.login-page[b-tgtbain8sa] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 18% 14%, rgba(18, 103, 201, .22), transparent 30%),
        radial-gradient(circle at 84% 10%, rgba(255, 216, 77, .28), transparent 28%),
        radial-gradient(circle at 72% 86%, rgba(29, 158, 117, .18), transparent 32%),
        linear-gradient(135deg, #eef6ff 0%, #fbfdff 52%, #edf8f3 100%);
}

.login-card[b-tgtbain8sa] {
    width: min(100%, 440px);
    padding: 38px 36px 34px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 18px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 28px 80px rgba(22, 45, 78, .18);
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.login-brand[b-tgtbain8sa] {
    display: grid;
    justify-items: center;
    gap: 14px;
    margin-bottom: 28px;
    text-align: center;
}

.login-brand img[b-tgtbain8sa] {
    width: 110px;
    height: 110px;
    object-fit: contain;
    filter: drop-shadow(0 20px 28px rgba(13, 110, 253, .24));
}

.login-brand-copy[b-tgtbain8sa] {
    display: grid;
    justify-items: center;
    gap: 4px;
}

.login-brand strong[b-tgtbain8sa] {
    color: #0d6efd;
    font-family: "Montserrat", Inter, system-ui, sans-serif;
    font-style: italic;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .04em;
}

.login-brand span[b-tgtbain8sa] {
    color: #737d8d;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.login-intro[b-tgtbain8sa] {
    margin-bottom: 26px;
    text-align: center;
}

.login-intro h1[b-tgtbain8sa] {
    margin: 0;
    color: #011a46;
    font-size: 1.3rem;
    font-weight: 700;
}

.login-intro p[b-tgtbain8sa] {
    margin: 8px 0 0;
    color: #687487;
    font-size: .88rem;
}

.login-form[b-tgtbain8sa] {
    display: grid;
    gap: 18px;
}

.login-alert[b-tgtbain8sa] {
    border-radius: 10px;
}

.login-submit[b-tgtbain8sa] {
    height: 50px;
    border-radius: 10px;
    font-weight: 700;
}