.elementor-2304 .elementor-element.elementor-element-4143fcb{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2304 .elementor-element.elementor-element-f8a9b3b{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-2304 .elementor-element.elementor-element-f8a9b3b:not(.elementor-motion-effects-element-type-background), .elementor-2304 .elementor-element.elementor-element-f8a9b3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020D19;}.elementor-2304 .elementor-element.elementor-element-e8191b2 .first-title{color:#FFFFFF;font-family:"YekanBakhMedium", Sans-serif;font-size:30px;font-weight:600;text-align:center;}.elementor-2304 .elementor-element.elementor-element-e8191b2 .first-subtext{color:#FFFFFF;text-align:center;}.elementor-2304 .elementor-element.elementor-element-e8191b2 .floating-input-field>input,.elementor-2304 .elementor-element.elementor-element-e8191b2 .otp-input{background-color:#FFFFFF;border-style:none;border-radius:13px 13px 13px 13px;}.elementor-2304 .elementor-element.elementor-element-e8191b2 .floating-input-field label{color:#020D19;background:#FFFFFF00;}.elementor-2304 .elementor-element.elementor-element-e8191b2 button.submit-btn{color:#000000;background-color:#A0BAFF;}.elementor-2304 .elementor-element.elementor-element-e8191b2 button.submit-btn:hover{background-color:#0082FF !important;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2304 .elementor-element.elementor-element-f8a9b3b{--width:460px;}}@media(max-width:767px){.elementor-2304 .elementor-element.elementor-element-4143fcb{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-2304 .elementor-element.elementor-element-f8a9b3b{--border-radius:22px 22px 22px 22px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-2304 .elementor-element.elementor-element-e8191b2 .first-title{font-size:22px;}}/* Start custom CSS for container, class: .elementor-element-4143fcb *//* کانتینر اصلی و تمام‌صفحه ورود */
.kariz-login-page {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: clamp(16px, 3vw, 32px);
    margin: 0;

    overflow: hidden;
    box-sizing: border-box;

    /* پس‌زمینه صفحه ورود */
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(0, 163, 255, 0.16) 0%,
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(0, 210, 190, 0.12) 0%,
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #f7fbff 0%,
            #edf7ff 50%,
            #f8fcff 100%
        );
}


/* باکس داخلی فرم ورود */
.kariz-login-box {
    width: 100%;
    max-width: 440px;
    max-height: calc(100vh - 32px);

    padding: clamp(20px, 4vw, 32px);
    margin: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;
    width: min(100%, 495px);

    padding: 42px 36px 36px;
    border: 1px solid rgba(72, 180, 255, 0.14);
    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(5, 24, 39, 0.98),
            rgba(0, 14, 26, 0.99)
        );

    box-shadow:
        0 30px 70px rgba(0, 38, 67, 0.16),
        0 10px 30px rgba(0, 80, 140, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}


/* ویجت فرم ورود */
.kariz-login-box .elementor-widget,
.kariz-login-box .elementor-widget-container {
    width: 100%;
}


/* تنظیمات موبایل */
@media (max-width: 767px) {

    .kariz-login-page {
        min-height: 100vh;
        padding: 12px 16px;
    }

    .kariz-login-box {
        width: 100%;
        max-width: 100%;
        max-height: calc(100vh - 24px);
        padding: 20px 16px;
    }
}/* End custom CSS */