.hyro-admin-login-page{
    min-height:100vh;
    padding:40px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(236,72,153,.17),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 16%,
            rgba(192,132,252,.24),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--hyro-soft-background) 100%
        );
}

.hyro-admin-login-card{
    width:min(460px,100%);
    padding:40px;
    border:1px solid var(--hyro-border);
    border-radius:28px;
    background:#ffffff;
    box-shadow:0 30px 90px rgba(139,92,246,.16);
}

.hyro-admin-login-brand{
    margin-bottom:31px;
    text-align:center;
}

.hyro-admin-login-brand strong{
    display:block;
    color:var(--hyro-text);
    font-size:28px;
    letter-spacing:1px;
}

.hyro-admin-login-brand span{
    display:block;
    margin-top:7px;
    color:var(--hyro-primary);
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
}

.hyro-admin-login-card h1{
    margin:0;
    color:var(--hyro-text);
    font-size:28px;
    text-align:center;
}

.hyro-admin-login-card > p{
    margin:10px 0 28px;
    color:var(--hyro-muted);
    font-size:13px;
    line-height:1.7;
    text-align:center;
}

.hyro-admin-field{
    margin-top:18px;
}

.hyro-admin-field label{
    display:block;
    margin-bottom:8px;
    color:var(--hyro-text);
    font-size:12px;
    font-weight:700;
}

.hyro-admin-field input{
    width:100%;
    min-height:52px;
    padding:12px 14px;
    border:1px solid var(--hyro-border);
    border-radius:12px;
    outline:none;
    color:var(--hyro-text);
    background:#ffffff;
    font-family:var(--hyro-font);
    font-size:14px;
}

.hyro-admin-field input:focus{
    border-color:var(--hyro-primary);
    box-shadow:0 0 0 4px rgba(236,72,153,.10);
}

.hyro-admin-login-error{
    margin-bottom:20px;
    padding:13px 15px;
    border:1px solid #fecaca;
    border-radius:12px;
    color:#991b1b;
    background:#fef2f2;
    font-size:12px;
    line-height:1.6;
}

.hyro-admin-login-actions{
    margin-top:24px;
}

.hyro-admin-login-actions .hyro-button{
    width:100%;
}

.hyro-admin-login-footer{
    margin-top:22px;
    text-align:center;
}

.hyro-admin-login-footer a{
    color:var(--hyro-primary);
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

@media(max-width:520px){

    .hyro-admin-login-card{
        padding:29px 22px;
        border-radius:22px;
    }

}
