:/* ===== Moon Login Style ===== */

/* خلفية الصفحة */
#intro_top{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(rgba(8,12,40,.75), rgba(8,12,40,.9)),
        url("https//:moony.chat/chat/control/login/Darkmoon/imagesmoon-bg.jpg") center/cover no-repeat fixed;
}

/* صندوق الدخول */
#login_all{
    background:rgba(15,20,40,.75);
    backdrop-filter:blur(12px);
    border-radius:22px;
    box-shadow:0 25px 60px rgba(0,0,0,.45);
    max-width:440px;
    animation:fadeUp .8s ease;
}

/* عنوان */
.login_title_text{
    color:#fff;
    letter-spacing:.5px;
}

/* الوصف */
.login_sub_text{
    color:#d0d4ff;
}

/* أزرار */
.intro_login_btn,
.intro_guest_btn{
    background:linear-gradient(135deg,#6c63ff,#8b80ff);
    border:none;
    box-shadow:0 10px 25px rgba(108,99,255,.4);
    transition:.3s;
}

.intro_login_btn:hover,
.intro_guest_btn:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 35px rgba(108,99,255,.6);
}

/* زر الضيف */
.intro_guest_btn{
    background:rgba(255,255,255,.12);
    color:#fff;
}

/* أيقونات السوشيال */
.intro_social_btn{
    background:#fff;
    padding:8px;
    box-shadow:0 5px 15px rgba(0,0,0,.3);
    transition:.3s;
}
.intro_social_btn:hover{
    transform:scale(1.1);
}

/* الهيدر */
.background_header{
    background:rgba(10,15,30,.65);
    backdrop-filter:blur(8px);
}

/* المستخدمين النشطين */
.active_avatar{
    border:3px solid #6c63ff;
    box-shadow:0 0 15px rgba(108,99,255,.5);
}

/* أنيميشن */
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* موبايل */
@media(max-width:768px){
    #intro_top{
        background-attachment:scroll !important;
        padding:70px 0 60px;
    }
}