@font-face {
    font-family: BYekan;
    font-style: normal;
    src: url('BYekan/BYekan.woff2') format('woff2'), url('BYekan/BYekan.woff') format('woff');
}

@font-face {
    font-family: BahijHelvetica;
    font-style: normal;
    src: url('BahijHelvetica/BahijHelvetica.woff2') format('woff2'), url('BahijHelvetica/BahijHelvetica.woff') format('woff');
}

@font-face {
    font-family: BHoma;
    font-style: normal;
    src: url('BHoma/BHoma.woff2') format('woff2'), url('BHoma/BHoma.woff') format('woff');
}

@font-face {
    font-family: BTitrBold;
    font-style: normal;
    src: url('BTitrBold/BTitrBold.woff2') format('woff2'), url('BTitrBold/BTitrBold.woff') format('woff');
}

body {
    overflow: hidden;
}

#radius-shape-1 {
    height: 220px;
    width: 220px;
    top: -60px;
    left: -130px;
    background: radial-gradient(hsla(281.7, 60%, 20.8%, 0.9), hsla(188.9, 100%, 81.4%, 0.9));
    overflow: hidden;
    transition: width 0.3s ease, height 0.3s ease;
}

#radius-shape-1:hover {
    height: 320px;
    width: 320px;
    top: -70px;
    left: -140px;
    background: radial-gradient(hsla(281.7, 60%, 20.8%, 0.9), hsla(188.9, 100%, 81.4%, 0.9));
    overflow: hidden;
}

#radius-shape-2 {
    border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
    bottom: -60px;
    left: -110px;
    width: 300px;
    height: 300px;
    background: radial-gradient(hsla(11.7, 50%, 50.8%, 0.9), hsla(288.9, 100%, 51.4%, 0.9));
    overflow: hidden;
    transition: width 0.3s ease, height 0.3s ease;
}

#radius-shape-2:hover {
    border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
    bottom: -70px;
    left: -130px;
    width: 500px;
    height: 500px;
    background: radial-gradient(hsla(11.7, 50%, 50.8%, 0.9), hsla(288.9, 100%, 51.4%, 0.9));
    overflow: hidden;
}

.bg-glass {
    background-color: #E8F0FE !important;
    backdrop-filter: saturate(200%) blur(25px);
    height: 100vh;
}

input {
    padding: 10px;
    padding-right: 40px;
    height: 50px;
    font-size: 25px;
}

input:focus {
    color: #005 !important;
}

label {
    font-size: 22px;
}

button {
    height: 50px;
    font-size: 22px !important;
}

@media (width>768px) {
    .loginDiv {
        padding-left: 1px;
        border-left: 15px solid rgba(255, 235, 59, 0.7) !important;
        backdrop-filter: saturate(100%) blur(10px);
        transition: border-left 0.5s ease;
    }
}

.brand {
    font-family: BTitrBold;
}

@media (width<768px) {
    .companyDeveloper {
        text-align: center;
    }
}

.brandLink {
    text-decoration: none;
    color: #4f4f4f;
    font-family: Bhoma;
}