/* ==========================================================
   LOGIN REDESIGN
========================================================== */

body{
    min-height:100vh;
    overflow:hidden;
    font-family:'Public Sans',sans-serif;
    background:
    radial-gradient(circle at 15% 20%,rgba(61,122,255,.18),transparent 35%),
    radial-gradient(circle at 85% 80%,rgba(0,204,153,.14),transparent 35%),
    linear-gradient(135deg,#f4f8fd,#eef5ff 45%,#f8fbff);
}

.authentication-wrapper{
    position:relative;
}

.authentication-wrapper{
    position:relative;
    overflow:hidden;
}

.authentication-wrapper::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;

    background-image:

        radial-gradient(circle, rgba(47,108,255,.12) 1px, transparent 1px),
        radial-gradient(circle, rgba(47,108,255,.08) 1px, transparent 1px),

        linear-gradient(rgba(47,108,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(47,108,255,.05) 1px, transparent 1px);

    background-size:
        34px 34px,
        120px 120px,
        120px 120px,
        120px 120px;

    background-position:
        0 0,
        60px 60px,
        0 0,
        0 0;

    mask-image: radial-gradient(circle at center,
                    rgba(0,0,0,.95),
                    rgba(0,0,0,.25) 75%,
                    transparent);

    opacity:.9;
}

.authentication-inner{
    max-width:470px;
}

.card{
    border:none;
    border-radius:26px;
    overflow:hidden;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
    0 30px 80px rgba(16,24,40,.12),
    0 10px 30px rgba(16,24,40,.05);
}

.card-body{
    padding:50px;
}

.app-brand{
    margin-bottom:35px;
}

.app-brand img{
    width:250px!important;
}

.login-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:8px 16px;

    border-radius:50px;

    background:#eef5ff;

    color:#2e74ff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:25px;
}

.login-title{

    font-size:32px;

    font-weight:700;

    color:#172b4d;

    margin-bottom:8px;
}

.login-subtitle{

    color:#6b7280;

    font-size:15px;

    margin-bottom:35px;
}

.form-label{

    font-size:13px;

    font-weight:600;

    color:#64748b;

    margin-bottom:10px;
}

.form-control{

    height:56px;

    border-radius:14px;

    border:1px solid #dde6f4;

    background:#f8fbff;

    transition:.25s;
}

.form-control:focus{

    background:#fff;

    border-color:#3b82f6;

    box-shadow:0 0 0 5px rgba(59,130,246,.10);
}

.input-group-text{

    border-radius:14px;

    border:1px solid #dde6f4;

    background:#f8fbff;
}

.btn-primary{

    height:56px;

    border-radius:14px;

    border:none;

    font-size:16px;

    font-weight:700;

    background:linear-gradient(135deg,#2f6cff,#4e8cff);

    box-shadow:0 12px 30px rgba(47,108,255,.28);

    transition:.25s;
}

.btn-primary:hover{

    transform:translateY(-2px);

    box-shadow:0 18px 35px rgba(47,108,255,.35);
}

.form-check-label,
a{

    color:#64748b;

    transition:.2s;
}

a:hover{

    color:#2e74ff;
}

.divider{

    height:1px;

    background:#edf2f7;

    margin:30px 0;
}


.btn-primary{

    height:56px;

    border:none;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    color:#fff;

    background:linear-gradient(135deg,#e53935,#c62828);

    box-shadow:0 12px 28px rgba(198,40,40,.28);

    transition:.25s;
}

.btn-primary:hover{

    background:linear-gradient(135deg,#f44336,#d32f2f);

    transform:translateY(-2px);

    box-shadow:0 18px 36px rgba(198,40,40,.38);
}


/* ==========================================
   Odstranění všech dekorací Sneat loginu
========================================== */

.authentication-wrapper.authentication-basic .authentication-inner::before,
.authentication-wrapper.authentication-basic .authentication-inner::after,
.authentication-inner::before,
.authentication-inner::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    mask:none !important;
    -webkit-mask:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
}