
/* ALSY v2.19.0 - Red Research Login Experience */

:root{
    --alsy-red:#b5122b;
    --alsy-red-deep:#6d0718;
    --alsy-red-dark:#3e0711;
    --alsy-red-soft:#fff2f4;
    --alsy-ink:#1f2937;
    --alsy-muted:#70798a;
}

/* injected full image */
.alsy-login-logo-v219{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    margin:0 0 22px;
}

.alsy-login-logo-v219 img{
    display:block;
    width:auto;
    height:58px;
    max-width:250px;
    object-fit:contain;
}

/* dynamically detected primary split panels */
.alsy-login-left-panel{
    position:relative!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,.10), transparent 28%),
        radial-gradient(circle at 16% 86%, rgba(255,65,87,.20), transparent 30%),
        linear-gradient(138deg, #2b0710 0%, #5b0718 36%, #8e0a22 68%, #b5122b 100%)!important;
}

.alsy-login-left-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 92%);
}

.alsy-login-left-panel > *{
    position:relative;
    z-index:1;
}

/* Make existing cyan/purple highlights feel native to red brand */
.alsy-login-left-panel h1,
.alsy-login-left-panel h2,
.alsy-login-left-panel h3{
    text-shadow:0 10px 34px rgba(0,0,0,.16);
}

.alsy-login-left-panel .alsy-hero-title-accent{
    color:#ffb3bf!important;
}

.alsy-login-card-v219{
    position:relative!important;
    border:1px solid #f0d7dc!important;
    box-shadow:
        0 28px 70px rgba(76,10,24,.11),
        0 0 0 1px rgba(181,18,43,.025)!important;
}

.alsy-login-card-v219::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:4px;
    border-radius:inherit;
    background:linear-gradient(90deg,#7d071b,#b5122b,#ef4058)!important;
}

.alsy-login-card-v219 h1,
.alsy-login-card-v219 h2{
    color:#231d22!important;
    letter-spacing:-.025em;
}

.alsy-login-card-v219 p{
    color:#74707a;
}

.alsy-login-card-v219 input{
    border-color:#eadde0!important;
}

.alsy-login-card-v219 input:focus{
    border-color:#d35a6c!important;
    box-shadow:0 0 0 4px rgba(181,18,43,.09)!important;
}

.alsy-login-submit-v219{
    background:linear-gradient(135deg,#8e0a22,#b5122b 56%,#d92b43)!important;
    border-color:#a30f28!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(181,18,43,.24)!important;
}

.alsy-login-submit-v219:hover{
    transform:translateY(-1px);
    filter:brightness(1.03);
}

.alsy-login-google-v219{
    border-color:#eadde0!important;
    background:#fff!important;
}

.alsy-login-google-v219:hover{
    border-color:#e0b8c0!important;
    background:#fffafa!important;
}

/* Replace previous visual brand in the right form card */
.alsy-login-brand-fixed,
.alsy-login-brand-logo{
    display:none!important;
}

.alsy-login-research-note{
    display:flex;
    gap:8px;
    align-items:flex-start;
    margin-top:18px;
    padding:10px 11px;
    border:1px solid #f0d8dd;
    border-radius:11px;
    background:#fff7f8;
    color:#75505a;
    font-size:11px;
    line-height:1.5;
}

.alsy-login-research-note i{
    margin-top:2px;
    color:var(--alsy-red);
}

.alsy-login-public-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:13px;
    color:#9e1027!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}

.alsy-login-public-link:hover{
    text-decoration:underline!important;
}

@media(max-width:900px){
    .alsy-login-logo-v219 img{
        height:50px;
        max-width:225px;
    }
}

@media(max-width:520px){
    .alsy-login-logo-v219{
        justify-content:center;
        margin-bottom:18px;
    }

    .alsy-login-logo-v219 img{
        height:44px;
        max-width:205px;
    }

    .alsy-login-research-note{
        font-size:10px;
    }
}
