body.auth-modern{--a-primary: #d0102f;
    --a-primary-600: #a80c26;
    --a-primary-soft: #fdecef;
    --a-text: #0b1220;
    --a-muted: #5b6474;
    --a-field: #f7f8fa;
    --a-border: rgba(15, 23, 42, .1);
    --a-ring: rgba(208, 16, 47, .16);
    --a-glass: #ffffff;

    margin: 0;
    min-height: 100vh;
    background: #1a0509 !important;
    color: var(--a-text);
    font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased;}
body.auth-modern.auth-dark{--a-text: #f1f5f9;
    --a-muted: #b6bfcc;
    --a-field: rgba(255, 255, 255, .06);
    --a-border: rgba(255, 255, 255, .14);
    --a-glass: #12090c;
    --a-primary-soft: rgba(208, 16, 47, .2);}
body.auth-modern *,body.auth-modern input,body.auth-modern button{font-family: inherit;}
.auth-bg{position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: #1a0509;}
.auth-slide{position: absolute;
    inset: 0;
    background: var(--img) center / cover no-repeat;
    opacity: 0;
    will-change: opacity, transform;
    animation: authSlide 21s cubic-bezier(.45, 0, .25, 1) infinite;
    animation-fill-mode: backwards;}
.auth-slide--1{animation-delay: -2.2s; transform-origin: 30% 60%;}
.auth-slide--2{animation-delay: 4.8s;  transform-origin: 70% 30%;}
.auth-slide--3{animation-delay: 11.8s; transform-origin: 50% 50%;}
@keyframes authSlide{
    0%     { opacity: 0; transform: scale(1.15); }
    10.5%  { opacity: 1; }
    33.3%  { opacity: 1; }
    43.8%  { opacity: 0; transform: scale(1); }
    100%   { opacity: 0; transform: scale(1); }
}
.auth-dots{display: flex;
    gap: 6px;
    align-self: center;
    direction: ltr;}
.auth-dot{position: relative;
    width: 28px;
    height: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .22);
    overflow: hidden;}
.auth-dot::after{content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    border-radius: inherit;
    transform: scaleX(0);
    transform-origin: left center;
    animation: authDot 21s linear infinite;
    animation-fill-mode: backwards;}
.auth-dot--1::after{animation-delay: -2.2s;}
.auth-dot--2::after{animation-delay: 4.8s;}
.auth-dot--3::after{animation-delay: 11.8s;}
@keyframes authDot{
    0%, 10.5% { transform: scaleX(0); opacity: 1; }
    43.8%     { transform: scaleX(1); opacity: 1; }
    46%       { transform: scaleX(1); opacity: 0; }
    100%      { transform: scaleX(0); opacity: 0; }
}
.auth-bg::after{content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(ellipse 45% 60% at 72% 50%, rgba(229, 57, 53, .16) 0%, transparent 70%),
        radial-gradient(ellipse 50% 40% at 0% 100%, rgba(229, 57, 53, .14) 0%, transparent 70%),
        linear-gradient(90deg, rgba(5, 5, 7, .55) 0%, rgba(5, 5, 7, .78) 55%, rgba(5, 5, 7, .7) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, .7) 100%);}
.auth-bg::before{content: "";
    position: absolute;
    z-index: 1;
    width: 60vmax;
    height: 60vmax;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .06) 0%, transparent 65%);
    bottom: -35vmax;
    left: -20vmax;
    animation: authGlow 18s ease-in-out infinite alternate;
    pointer-events: none;}
@keyframes authGlow{
    to { transform: translate(80vw, 0); }
}
.auth-page{position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;}
.auth-page > *:not(.auth-bg){position: relative; z-index: 1;}
.auth-topbar{width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 28px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;}
.auth-topnav{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;}
.auth-topnav .nav-link{color: rgba(255, 255, 255, .82) !important; font-weight: 600; font-size: 14px; padding: 6px 10px;}
.auth-topnav .nav-link:hover{color: #fff !important;}
.auth-topnav .drp-language{list-style: none;}
.auth-topnav .drp-language .dash-head-link{display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    border-radius: 999px !important;
    padding: 8px 16px !important;
    font-size: 13.5px;
    font-weight: 600;
    color: #fff !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background .2s;}
.auth-topnav .drp-language .dash-head-link:hover{background: rgba(255, 255, 255, .2) !important;}
.auth-topnav .drp-language .dash-head-link::before{content: "\eb54"; /* tabler: world */
    font-family: 'tabler-icons';
    font-size: 16px;}
.auth-topnav .drp-language .drp-text{color: #fff !important;}
.auth-topnav .dropdown-menu{border: 0;
    border-radius: 14px;
    padding: 6px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .3);
    background: #fff;
    max-height: 320px;
    overflow-y: auto;}
.auth-topnav .dropdown-item{border-radius: 8px; font-size: 13px; font-weight: 600; padding: 8px 12px; color: #0b1220;}
.auth-topnav .dropdown-item:hover{background: #fdecef; color: var(--a-primary);}
.auth-stage{flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;}
.auth-panel{width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    padding: 40px 38px 34px;
    border-radius: 28px;
    background: var(--a-glass);
    border: 0;
    box-shadow:
        0 50px 100px -30px rgba(0, 0, 0, .65),
        0 0 0 1px rgba(255, 255, 255, .08),
        inset 0 1px 0 rgba(255, 255, 255, .7);
    animation: authRise .6s cubic-bezier(.2, .8, .2, 1) both;}
body.auth-dark .auth-panel{box-shadow: 0 50px 100px -30px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .08);}
@keyframes authRise{
    from { opacity: 0; transform: translateY(16px) scale(.98); }
    to   { opacity: 1; transform: none; }
}
body.auth-modern .auth-card{margin: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;}
body.auth-modern .auth-card > .card-body{padding: 0;}
.auth-heading{margin-bottom: 26px; text-align: center;}
.auth-heading h2{font-size: 28px;
    font-weight: 800;
    color: var(--a-text);
    margin: 0 0 6px;
    line-height: 1.4;}
.auth-heading p{margin: 0; color: var(--a-muted); font-size: 14.5px;}
body.auth-modern .auth-card h2.f-w-600{font-weight: 800; font-size: 26px; color: var(--a-text); margin-bottom: 22px !important; text-align: center;}
body.auth-modern .auth-card .form-label{font-size: 13.5px;
    font-weight: 700;
    color: var(--a-text);
    margin-bottom: 7px;}
body.auth-modern .auth-card .form-control,body.auth-modern .auth-card .form-select{height: 52px;
    border-radius: 14px !important;
    border: 1px solid var(--a-border) !important;
    background-color: var(--a-field) !important;
    color: var(--a-text) !important;
    font-size: 15px;
    font-weight: 500;
    padding: 0 16px;
    box-shadow: none !important;
    transition: border-color .15s, box-shadow .15s, background-color .15s;}
body.auth-modern .auth-card .form-control::placeholder{color: #8a93a3; font-weight: 400;}
body.auth-modern .auth-card .form-control:hover{border-color: rgba(15, 23, 42, .2) !important;}
body.auth-modern .auth-card .form-control:focus,body.auth-modern .auth-card .form-select:focus{background-color: #fff !important;
    border-color: var(--a-primary) !important;
    box-shadow: 0 0 0 4px var(--a-ring) !important;
    outline: none;}
body.auth-dark .auth-card .form-control:focus{background-color: rgba(255, 255, 255, .1) !important;}
body.auth-modern .auth-card .form-control:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #0b1220 !important;}
.auth-input{position: relative;}
.auth-input-icon{position: absolute;
    top: 50%;
    inset-inline-start: 16px;
    transform: translateY(-50%);
    font-size: 19px;
    color: #8a93a3;
    pointer-events: none;
    z-index: 2;
    transition: color .15s;}
.auth-input:focus-within .auth-input-icon{color: var(--a-primary);}
body.auth-modern .auth-card .auth-input .form-control{padding-inline-start: 46px !important;}
body.auth-modern .auth-card .auth-input--pw .form-control{padding-inline-end: 46px !important;}
.auth-eye{inset-inline-end: 14px; z-index: 2;}
body.auth-modern .auth-card .form-group{margin-bottom: 16px !important;}
body.auth-modern .auth-card .form-check{display: flex; align-items: center; gap: 8px; padding: 0; margin: 0; min-height: 0;}
body.auth-modern .auth-card .form-check-input{float: none;
    margin: 0;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1.5px solid #c3c9d3;
    background-color: #fff;
    cursor: pointer;}
body.auth-modern .auth-card .form-check-input:checked{background-color: var(--a-primary) !important;
    border-color: var(--a-primary) !important;}
body.auth-modern .auth-card .form-check-input:focus{box-shadow: 0 0 0 4px var(--a-ring);}
body.auth-modern .auth-card .form-check-label{color: var(--a-muted); font-weight: 600; font-size: 14px !important;}
body.auth-modern .auth-card a:not(.btn){color: var(--a-primary) !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;}
body.auth-dark .auth-card a:not(.btn){color: #fb7185 !important;}
body.auth-modern .auth-card a:not(.btn):hover{text-decoration: underline; text-underline-offset: 3px;}
body.auth-modern .auth-card .btn-primary{height: 54px;
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(180deg, #e3223f 0%, var(--a-primary) 55%, var(--a-primary-600) 100%) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .25),
        0 14px 28px -12px rgba(208, 16, 47, .85);
    transition: transform .15s, box-shadow .2s, filter .2s;}
body.auth-modern .auth-card .btn-primary:hover{filter: brightness(1.07);
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 20px 34px -12px rgba(208, 16, 47, .9);}
body.auth-modern .auth-card .btn-primary:active{transform: translateY(0);}
body.auth-modern .auth-card .btn-primary:disabled{opacity: .75;}
body.auth-modern .auth-card p.my-4{color: var(--a-muted);
    font-size: 14px;
    margin: 22px 0 0 !important;
    padding-top: 18px;
    border-top: 1px solid var(--a-border);
    text-align: center;}
body.auth-modern .auth-card .text-danger strong{font-weight: 600; font-size: 13px;}
body.auth-modern #accountsDropdown{top: calc(100% + 6px) !important;
    border-radius: 14px !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2) !important;
    overflow: hidden;}
.auth-bottom{width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 28px 24px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    color: rgba(255, 255, 255, .7);}
.auth-copy{font-size: 12.5px; color: rgba(255, 255, 255, .55);}
.auth-copy a{color: rgba(255, 255, 255, .8) !important; text-decoration: none; font-weight: 600;}
.auth-copy a:hover{color: #fff !important;}
@media (prefers-reduced-motion: reduce){.auth-panel,.auth-bg::before{animation: none;}
.auth-slide,.auth-dot::after{animation: none;}
.auth-slide--1{opacity: 1;}
.auth-dots{display: none;}}
@media (max-width: 991.98px){.auth-bottom{flex-direction: column; align-items: center; text-align: center; gap: 6px;}}
@media (max-width: 575.98px){.auth-slide{background-image: var(--img-m);}
.auth-bg::after{background:
            linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .48) 40%, rgba(0, 0, 0, .58) 70%, rgba(0, 0, 0, .88) 100%);}
.auth-topbar{padding: 16px 16px 0;}
.auth-topnav .drp-language .dash-head-link{padding: 6px 12px !important; font-size: 13px;}
.auth-stage{padding: 28px 14px 24px;}
.auth-panel{padding: 30px 22px 24px;
        border-radius: 24px;}
.auth-heading{margin-bottom: 22px;}
.auth-heading h2{font-size: 25px;}
.auth-heading p{font-size: 14px;}
.auth-bottom{padding: 0 16px 20px;}}
body.auth-modern{background: #070709 !important;}
.auth-bg{background: #070709;}
.auth-stage{width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 40px 28px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
    align-items: center;
    gap: 64px;}
.auth-panel{position: relative;
    max-width: 470px;
    width: 100%;
    padding: 26px 34px 26px;
    border-radius: 26px;
    overflow: hidden;
    background: linear-gradient(160deg, rgba(40, 14, 18, .82) 0%, rgba(18, 16, 20, .86) 45%, rgba(14, 14, 18, .9) 100%);
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    backdrop-filter: blur(22px) saturate(140%);
    box-shadow:
        0 0 0 1px rgba(229, 57, 53, .18),
        0 0 60px -10px rgba(229, 57, 53, .35),
        0 40px 90px -20px rgba(0, 0, 0, .9);
    --a-text: #fff;
    --a-muted: rgba(255, 255, 255, .62);
    color: #fff;}
.auth-panel::before{/* red light in the top corner */
    content: "";
    position: absolute;
    top: -140px; inset-inline-start: -120px;
    width: 340px; height: 340px;
    background: radial-gradient(circle, rgba(229, 57, 53, .45) 0%, transparent 65%);
    pointer-events: none;}
.auth-panel > *{position: relative;}
.auth-panel-top{display: flex; justify-content: flex-end; margin-bottom: 4px;}
.auth-panel-top .auth-topnav .drp-language .dash-head-link{background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    padding: 7px 14px !important;
    font-size: 13px;}
.auth-card-logo{display: table;
    margin: 4px auto 18px;
    background: #fff;
    padding: 9px 18px;
    border-radius: 14px;
    box-shadow: 0 12px 30px -12px rgba(0, 0, 0, .7);
    transform: rotate(-2deg);}
.auth-card-logo img{height: 34px; width: auto; display: block;}
.auth-heading{margin-bottom: 22px; text-align: center;}
.auth-heading h2{font-size: 30px; font-weight: 800; color: #fff; margin: 0 0 6px; letter-spacing: -.2px;}
.auth-heading p{font-size: 14.5px; color: rgba(255, 255, 255, .7); line-height: 1.7;}
body.auth-modern .auth-card h2.f-w-600{color: #fff;}
body.auth-modern .auth-card .form-group:has(> .auth-input){position: relative; margin-bottom: 14px !important;}
body.auth-modern .auth-card .form-group:has(> .auth-input) > .form-label{position: absolute;
    top: 11px;
    inset-inline-start: 58px;
    z-index: 3;
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
    pointer-events: none;}
body.auth-modern .auth-card .form-control,body.auth-modern .auth-card .form-select{height: 64px;
    border-radius: 14px !important;
    background-color: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 14.5px;}
body.auth-modern .auth-card .auth-input .form-control{padding-top: 22px; padding-inline-start: 58px !important;}
body.auth-modern .auth-card .auth-input--pw .form-control{padding-inline-end: 52px !important;}
body.auth-modern .auth-card .form-control::placeholder{color: rgba(255, 255, 255, .45);}
body.auth-modern .auth-card .form-control:hover{border-color: rgba(255, 255, 255, .25) !important;}
body.auth-modern .auth-card .form-control:focus,body.auth-modern .auth-card .form-select:focus{background-color: rgba(255, 255, 255, .07) !important;
    border-color: rgba(229, 57, 53, .8) !important;
    box-shadow: 0 0 0 4px rgba(229, 57, 53, .18) !important;}
body.auth-modern .auth-card .form-control:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #1b1416 inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;}
.auth-input-icon{inset-inline-start: 20px; font-size: 22px; color: rgba(255, 255, 255, .85);}
.auth-input:focus-within .auth-input-icon{color: #ff4d5e;}
body.auth-modern .auth-card .auth-eye{inset-inline-end: 18px; color: rgba(255, 255, 255, .7) !important;}
body.auth-modern .auth-card .auth-eye i{font-size: 20px !important;}
.auth-caps{margin-top: 6px; font-size: 12.5px; font-weight: 600; color: #fdb022; display: flex; align-items: center; gap: 5px;}
.auth-caps[hidden]{display: none;}
body.auth-modern .auth-card .text-danger,body.auth-modern .auth-card .text-danger strong{color: #ff7a85 !important;}
body.auth-modern .auth-card .form-check-input{background-color: transparent; border-color: rgba(255, 255, 255, .45);}
body.auth-modern .auth-card .form-check-label{color: rgba(255, 255, 255, .85);}
body.auth-modern .auth-card a:not(.btn){color: #ff4d5e !important; font-weight: 700;}
body.auth-modern .auth-card .text-green-600{color: #ff7a85 !important;}
body.auth-modern .auth-card .btn-primary.auth-submit{position: relative;
    height: 56px;
    width: 100%;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #f0283f 0%, #d0102f 60%, #b00c27 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 16px 34px -14px rgba(229, 57, 53, .9);
    font-size: 17px;
    font-weight: 800;
    display: flex; align-items: center; justify-content: center; gap: 12px;
    transition: transform .15s, filter .2s, box-shadow .2s;}
body.auth-modern .auth-card .btn-primary.auth-submit:hover{filter: brightness(1.08); transform: translateY(-1px);}
.auth-submit-ic{width: 30px; height: 30px; border-radius: 50%;
    background: #fff; color: #d0102f;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px;}
.auth-spin{display: none;
    width: 20px; height: 20px;
    border-radius: 50%;
    border: 2.5px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    animation: authSpin .7s linear infinite;}
.auth-submit.is-loading .auth-spin{display: inline-block;}
.auth-submit.is-loading .auth-submit-ic{display: none;}
.auth-submit.is-loading{cursor: progress;}
@keyframes authSpin{ to { transform: rotate(360deg); } }
body.auth-modern .auth-card .pwa-x-or{color: rgba(255, 255, 255, .7); margin: 16px 0 14px;}
body.auth-modern .auth-card .pwa-x-or::before,body.auth-modern .auth-card .pwa-x-or::after{background: rgba(255, 255, 255, .14);}
body.auth-modern .auth-card .pwa-x-btn{margin-top: 0;
    min-height: 74px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .13);
    box-shadow: none;
    color: #fff;}
body.auth-modern .auth-card .pwa-x-btn:hover{background: rgba(255, 255, 255, .08); border-color: rgba(229, 57, 53, .55);}
body.auth-modern .auth-card .pwa-x-ic{width: 46px; height: 46px; border-radius: 12px; background: transparent; border: 1.5px solid rgba(255, 255, 255, .25);}
body.auth-modern .auth-card .pwa-x-tx b{color: #fff; font-size: 17px; font-weight: 800;}
body.auth-modern .auth-card .pwa-x-tx small{color: rgba(255, 255, 255, .7);}
body.auth-modern .auth-card .pwa-x-go{width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(180deg, #e3223f, #a80c26); color: #fff; box-shadow: 0 8px 18px -8px rgba(229, 57, 53, .9);}
body.auth-modern .auth-card p.my-4{color: rgba(255, 255, 255, .72); border-top: 0; margin: 16px 0 0 !important; padding-top: 0;}
.auth-foot{margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: rgba(255, 255, 255, .45);}
.auth-secure{display: inline-flex; align-items: center; gap: 4px;}
.auth-secure .ti{font-size: 15px; color: #32d583;}
body.auth-modern .auth-card .auth-foot .pwa-fix-link a:not(.btn){color: rgba(255, 255, 255, .45) !important; font-weight: 500 !important; font-size: 12.5px;}
body.auth-modern .auth-card .auth-foot .pwa-fix-link a:not(.btn):hover{color: #ff4d5e !important;}
body.auth-modern #accountsDropdown{background: #1b1517 !important; border-color: rgba(255, 255, 255, .12) !important;}
body.auth-modern .account-item:hover{background: rgba(255, 255, 255, .06);}
body.auth-modern .account-email{color: #fff;}
body.auth-modern .accounts-header{border-color: rgba(255, 255, 255, .08);}
.auth-show{color: #fff; text-align: center; padding: 10px 0;}
.auth-show-logo{display: inline-block;
    background: #fff;
    padding: 12px 24px;
    border-radius: 18px;
    transform: rotate(-4deg);
    box-shadow: 0 20px 40px -14px rgba(0, 0, 0, .8);
    margin-bottom: 30px;}
.auth-show-logo img{height: 46px; width: auto; display: block;}
.auth-show-title{font-size: 54px; line-height: 1.25; font-weight: 900; margin: 0 0 18px; color: #fff; text-shadow: 0 6px 30px rgba(0, 0, 0, .6);}
.auth-show-title em{font-style: normal; color: #ff2d45;}
.auth-show-text{max-width: 520px; margin: 0 auto 30px; font-size: 16.5px; line-height: 1.9; color: rgba(255, 255, 255, .82);}
.auth-feats{list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 18px;}
.auth-feats li{width: 92px; display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; line-height: 1.4; color: #fff;}
.auth-feats li span{width: 70px; height: 70px;
    border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(160deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .08);
    color: #ff2d45;
    font-size: 30px;}
.auth-bottom{justify-content: center; gap: 24px; padding-top: 0;}
@media (max-width: 1100px){.auth-stage{gap: 36px;}
.auth-show-title{font-size: 42px;}}
@media (max-width: 991.98px){.auth-stage{grid-template-columns: 1fr; justify-items: center; padding: 28px 16px;}
.auth-show{display: none;}}
@media (max-width: 575.98px){.auth-panel{padding: 20px 18px 22px; border-radius: 22px;}
.auth-heading h2{font-size: 25px;}
.auth-card-logo img{height: 28px;}
body.auth-modern .auth-card .form-control{height: 60px;}
.auth-bg::after{background:
            radial-gradient(ellipse 80% 50% at 50% 40%, rgba(229, 57, 53, .14) 0%, transparent 70%),
            linear-gradient(180deg, rgba(5, 5, 7, .7) 0%, rgba(5, 5, 7, .8) 100%);}}
body.auth-modern .auth-card .auth-input .form-control{unicode-bidi: plaintext; text-align: start;}