/* ==================================================================
   Default-ayman — صفحة الدخول (نسخة خفيفة وسلسة)
   الكارت موحّد: أول خانة "زائر" مفتوحة افتراضيًا، وتسجيل الدخول /
   إنشاء حساب بيتبدّلوا جوّه نفس الكارت — من غير نوافذ منبثقة متراكبة.
   الكارت زجاجي شفاف غامق عشان الخلفية اللي وراه تبان كويس.
   ================================================================== */

/* ---------- الهيرو ---------- */
#login_wrap { width:100%; height:auto; min-height:100vh; background:#f6f8fd; }
#intro_top {
        width:100%; height:auto; min-height:100vh; position:relative; z-index:1;
        background:
                linear-gradient(180deg, rgba(7,11,22,.10) 0%, rgba(7,11,22,.20) 55%, rgba(7,11,22,.40) 100%),
                #292929 url('images/background.jpg');
        background-repeat:no-repeat; background-size:cover; background-position:center center;
        background-attachment:fixed;
}
/* الخلية بتاخد عرض الشاشة كله — الجدول (btable) لو ضاف النظام أي عنصر
   جوّه #intro_top ممكن يولّد عمود مجهول ياخد نص العرض ويحشر الكارت
   على الجناب. العرض الصريح هنا بيلغيده تمامًا (مجرب على المتصفح). */
#intro_top > .bcell_mid { width:100% !important; max-width:100% !important; }

/* تدرّج ناعم بيوصل الهيرو بالأقسام اللي تحته */
#intro_fade {
        position:absolute; left:0; right:0; bottom:0; height:110px; z-index:2;
        background:linear-gradient(to bottom, rgba(246,248,253,0), #f6f8fd);
        pointer-events:none;
}

/* زرار اللغة */
#intro_lang {
        position:absolute; top:14px; right:20px; width:42px; height:42px; z-index:5;
        border-radius:13px; background:rgba(255,255,255,.82);
        -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
        box-shadow:0 4px 14px rgba(20,30,70,.12);
        display:flex !important; align-items:center; justify-content:center;
        cursor:pointer; transition:transform .2s ease, background .2s ease;
}
#intro_lang:hover { transform:translateY(-2px); background:#fff; }
#intro_lang img.intro_lang { width:26px; height:26px; border-radius:6px; display:block; }

/* ---------- كارت الدخول (زجاجي شفاف غامق — الخلفية تبان من وراه) ---------- */
#login_all {
        width:430px; max-width:92%; display:block; margin:0 auto;
        padding:24px 24px 20px; box-sizing:border-box; position:relative; z-index:3;
        border-radius:22px;
        background:rgba(13,17,32,.42);
        -webkit-backdrop-filter:blur(15px) saturate(150%);
        backdrop-filter:blur(15px) saturate(150%);
        border:1px solid rgba(255,255,255,.18);
        box-shadow:0 24px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
        color:#eef1ff;
        animation:cardIn .5s cubic-bezier(.22,.9,.36,1) both;
}
@keyframes cardIn {
        from { opacity:0; transform:translateY(16px) scale(.985); }
        to   { opacity:1; transform:none; }
}
#login_logo { height:46px; width:auto; }
#login_all .login_text { padding:10px 0 2px; }
#login_all .login_hero_title { font-size:18.5px; font-weight:800; color:#fff; margin:0 0 5px; padding-bottom:0; }
#login_all .login_hero_sub   { font-size:12.5px; color:rgba(232,238,255,.85); margin:0; line-height:1.75; }
.login_not_member { text-align:center; padding-top:5px; color:rgba(232,238,255,.75); }

/* ---------- التابات (زائر / تسجيل دخول / إنشاء حساب) ---------- */
.auth_tabs {
        display:flex; gap:4px; background:rgba(255,255,255,.10); padding:4px;
        border:1px solid rgba(255,255,255,.08);
        border-radius:14px; margin:12px 0 12px;
}
.auth_tab {
        flex:1 1 0; appearance:none; -webkit-appearance:none; border:0; background:transparent;
        cursor:pointer; font-family:inherit;
        display:flex; align-items:center; justify-content:center; gap:7px;
        padding:9px 4px; border-radius:11px;
        font-size:12.5px; font-weight:700; color:rgba(232,238,255,.78); white-space:nowrap;
        transition:color .22s ease, background .22s ease, box-shadow .22s ease, transform .15s ease;
}
.auth_tab i { font-size:12.5px; }
.auth_tab:hover { color:#fff; }
.auth_tab:active { transform:scale(.97); }
.auth_tab.auth_active {
        background:linear-gradient(135deg,#6d6dfb,#55c7ff);
        color:#fff;
        box-shadow:0 6px 16px rgba(109,109,251,.35);
}

/* ---------- الخانات (خانة واحدة بس ظاهرة) ---------- */
.auth_panel { display:none; }
.auth_panel.auth_on { display:block; animation:panelIn .3s cubic-bezier(.22,.9,.36,1) both; }
@keyframes panelIn {
        from { opacity:0; transform:translateY(8px); }
        to   { opacity:1; transform:none; }
}
.auth_zone { min-height:100px; color:#eef1ff; font-size:13.5px; }
.auth_zone, .auth_zone * { box-sizing:border-box; }

/* حالة التحميل */
.auth_loading {
        display:flex; flex-direction:column; align-items:center; gap:10px;
        padding:14px 8px 10px; color:rgba(232,238,255,.75); font-size:12.5px;
}
.auth_spin {
        width:24px; height:24px; border-radius:50%;
        border:3px solid rgba(255,255,255,.22); border-top-color:#8f9bff;
        animation:authSpin .8s linear infinite;
}
@keyframes authSpin { to { transform:rotate(360deg); } }

/* النموذج البديل (fallback) */
.auth_fb_btn {
        width:100%; padding:11px; border:0; border-radius:13px; cursor:pointer;
        background:linear-gradient(135deg,#6d6dfb,#55c7ff);
        color:#fff; font-size:14px; font-weight:700; font-family:inherit;
        box-shadow:0 8px 20px rgba(109,109,251,.30);
        transition:transform .18s ease, box-shadow .18s ease;
}
.auth_fb_btn:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(109,109,251,.38); }
.auth_fb_note { text-align:center; font-size:11.5px; color:rgba(232,238,255,.62); margin:8px 0 0; line-height:1.7; }

/* الدخول المباشر (بريدج) */
.auth_extra { margin-top:10px; }
.auth_divider {
        display:flex; align-items:center; gap:10px; color:rgba(232,238,255,.55);
        font-size:12px; margin:10px 0;
}
.auth_divider::before, .auth_divider::after { content:''; flex:1; height:1px; background:rgba(255,255,255,.18); }
.auth_bridge_btn {
        width:100%; padding:11px; border:1.5px solid rgba(255,255,255,.22); border-radius:13px;
        background:rgba(255,255,255,.10); color:#fff; font-weight:700; font-size:13px;
        cursor:pointer; font-family:inherit;
        display:flex; align-items:center; justify-content:center; gap:8px;
        transition:border-color .2s ease, background .2s ease, transform .15s ease;
}
.auth_bridge_btn:hover { border-color:#8f9bff; background:rgba(255,255,255,.16); }
.auth_bridge_btn:active { transform:scale(.98); }

/* ---------- الفورم الملتقط من النظام (يتحط جوّه الكارت) ----------
   بنشيل أي تمركز/خلفية من النافذة القديمة ونسلّمه شكل فاتح ناعم
   يماشي الكارت — والحقول والأزرار بتاخد نفس الهوية. */
.auth_captured {
        position:static !important;
        top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
        margin:0 !important; transform:none !important; z-index:auto !important;
        width:100% !important; max-width:100% !important;
        box-shadow:none !important; border:0 !important; border-radius:0 !important;
        background:transparent !important; padding:0 !important;
        display:block !important; visibility:visible !important; opacity:1 !important;
        float:none !important;
        animation:formIn .35s cubic-bezier(.22,.9,.36,1) both;
}
@keyframes formIn {
        from { opacity:0; transform:translateY(6px); }
        to   { opacity:1; transform:none; }
}
.auth_zone form,
.auth_zone .boom_form,
.auth_zone [class*="form_box"],
.auth_zone [class*="modal"],
.auth_zone [class*="dialog"],
.auth_zone [class*="popup"] {
        background:transparent !important; border:0 !important; box-shadow:none !important;
        padding:0 !important; margin:0 !important; width:100% !important; max-width:100% !important;
        border-radius:0 !important; color:#eef1ff !important;
}
/* عناصر نافذة النظام القديمة اللي بتوصل مع الفورم الملتقط:
   بننظّفها كلها عشان تاخد شكل الكارت النظيف */
.auth_captured .modal_close { display:none !important; }
#login_all .auth_zone .modal_content,
#login_all .auth_zone .small_modal_content,
#login_all .auth_zone .over_modal_content {
        padding:0 !important; margin:0 !important; background:none !important;
        border:0 !important; box-shadow:none !important; width:100% !important;
        max-width:100% !important;
}
#login_all .auth_zone .modal_title {
        font-size:13px; font-weight:800; color:#fff;
        padding:0 0 8px !important; margin:0 !important;
        background:none !important; border:0 !important; text-align:right;
        display:flex; align-items:center; gap:7px;
}
#login_all .auth_zone .modal_control {
        padding:10px 0 2px !important; margin:0 !important;
        background:none !important; border:0 !important;
}
#login_all .auth_zone .forgot_pass_elem {
        text-align:center; padding:8px 0 0 !important; margin:0 !important;
}
#login_all .auth_zone .forgot_password {
        color:#aab5ff !important; cursor:pointer; font-size:12.5px !important;
}
#login_all .auth_zone .forgot_password:hover { text-decoration:underline; }
/* فورم الزائر: شبكة الأفاتار */
#login_all .auth_zone .guest_avatar_label { color:rgba(232,238,255,.8) !important; }
#login_all .auth_zone .guest_avatar_choice.selected { border-color:#8f9bff !important; }
#login_all .auth_zone .guest_avatar_grid {
        max-height:128px !important; margin-bottom:10px !important;
}
.auth_zone table { width:100% !important; border:0; background:transparent; }
.auth_zone td, .auth_zone th { border:0; background:transparent; padding:4px 6px; }
.auth_zone img { max-width:100%; height:auto; }
.auth_zone a { color:#aab5ff; text-decoration:none; }
.auth_zone a:hover { text-decoration:underline; }
#login_all .auth_zone h1, #login_all .auth_zone h2, #login_all .auth_zone h3 {
        color:#fff; font-size:15px; font-weight:800; margin:0 0 10px;
}
#login_all .auth_zone [class*="error"], #login_all .auth_zone [class*="alert"] {
        color:#ff9aa2; font-size:12.5px; background:transparent; border:0;
}

/* الحقول */
#login_all .auth_zone input[type="text"],
#login_all .auth_zone input[type="password"],
#login_all .auth_zone input[type="email"],
#login_all .auth_zone input[type="number"],
#login_all .auth_zone input:not([type]),
#login_all .auth_zone textarea {
        width:100% !important; box-sizing:border-box !important;
        padding:10px 12px !important; margin:2px 0 10px !important;
        border:1.5px solid rgba(255,255,255,.5) !important; border-radius:12px !important;
        background:rgba(255,255,255,.94) !important; color:#232a3d !important;
        font-size:13.5px !important; font-family:inherit !important;
        outline:none !important; box-shadow:none !important;
        transition:border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
        -webkit-appearance:none; appearance:none;
}
#login_all .auth_zone select {
        width:100% !important; box-sizing:border-box !important;
        padding:10px 34px 10px 14px !important; margin:2px 0 10px !important;
        border:1.5px solid rgba(255,255,255,.5) !important; border-radius:12px !important;
        background:rgba(255,255,255,.94) !important; color:#232a3d !important;
        font-size:13.5px !important; font-family:inherit !important;
        outline:none !important; box-shadow:none !important; cursor:pointer;
        transition:border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
        -webkit-appearance:none; appearance:none;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23808aa5' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
        background-repeat:no-repeat !important;
        background-position:left 14px center !important;
}
#login_all .auth_zone input:focus,
#login_all .auth_zone select:focus,
#login_all .auth_zone textarea:focus {
        border-color:#6d6dfb !important; background:#fff !important;
        box-shadow:0 0 0 4px rgba(109,109,251,.13) !important;
}
#login_all .auth_zone input::placeholder,
#login_all .auth_zone textarea::placeholder { color:#9aa2b8; opacity:1; }
#login_all .auth_zone label {
        display:block; text-align:right; font-size:12px; font-weight:700;
        color:rgba(232,238,255,.85); margin:4px 0 2px;
}
#login_all .auth_zone input[type="checkbox"],
#login_all .auth_zone input[type="radio"] {
        width:auto !important; margin:0 6px 0 0 !important; accent-color:#6d6dfb; cursor:pointer;
}

/* الأزرار */
#login_all .auth_zone button,
#login_all .auth_zone input[type="submit"],
#login_all .auth_zone input[type="button"] {
        width:100%; box-sizing:border-box; display:block;
        margin:5px 0 3px; padding:11px 12px;
        border:0 !important; border-radius:13px !important; cursor:pointer;
        background:linear-gradient(135deg,#6d6dfb,#55c7ff) !important;
        color:#fff !important; font-size:13.5px !important; font-weight:700 !important;
        font-family:inherit !important; text-shadow:none !important;
        box-shadow:0 8px 20px rgba(109,109,251,.30) !important;
        transition:transform .18s ease, box-shadow .18s ease !important;
}
#login_all .auth_zone button:hover,
#login_all .auth_zone input[type="submit"]:hover,
#login_all .auth_zone input[type="button"]:hover {
        transform:translateY(-2px);
        box-shadow:0 12px 26px rgba(109,109,251,.38) !important;
}
#login_all .auth_zone button:active,
#login_all .auth_zone input[type="submit"]:active,
#login_all .auth_zone input[type="button"]:active { transform:translateY(0); }

/* ---------- الأقسام تحت الهيرو (ثيم فاتح وخفيف) ---------- */
#login_wrap .section { width:100%; background:#f6f8fd; color:#28304b; }
#login_wrap .section_content { width:100%; max-width:1100px; margin:0 auto; }
#login_wrap .section_inside { margin:0 auto; }
@media screen and (max-width:1120px) {
        #login_wrap .section_inside { width:96%; }
}

.login_section_block { max-width:900px; margin:0 auto; padding:52px 20px; }
#login_wrap .login_section_title {
        text-align:center; font-size:22px; font-weight:800; color:#1c2340; margin:0 0 8px;
}
#login_wrap .login_section_sub {
        text-align:center; font-size:13.5px; color:#79809a; margin:0 0 32px;
}

/* ظهور تدريجي ناعم أثناء التمرير */
.login_reveal {
        opacity:0; transform:translateY(14px);
        transition:opacity .55s ease, transform .55s cubic-bezier(.22,.9,.36,1);
}
.login_reveal.login_in { opacity:1; transform:translateY(0); }

/* -------------------- مميزات الموقع -------------------- */
.login_features_grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.login_feature_card {
        padding:24px 18px; border-radius:18px; background:#fff;
        border:1px solid #e9edf7; box-shadow:0 2px 10px rgba(35,52,120,.04);
        text-align:center;
        transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.login_feature_card:hover {
        transform:translateY(-4px); border-color:#d9e0fb;
        box-shadow:0 16px 34px rgba(55,80,180,.10);
}
.login_feature_icon {
        width:52px; height:52px; border-radius:16px;
        display:flex; align-items:center; justify-content:center;
        margin:0 auto 14px; font-size:20px; color:#fff;
        background:linear-gradient(135deg,#6d6dfb,#55c7ff);
        box-shadow:0 8px 20px rgba(109,109,251,.28);
}
#login_wrap .login_feature_title { font-size:14.5px; font-weight:800; color:#212a45; margin-bottom:7px; }
#login_wrap .login_feature_desc { font-size:12.5px; color:#7d84a0; line-height:1.75; margin:0; }
@media screen and (max-width:720px) { .login_features_grid { grid-template-columns:repeat(2,1fr); } }
@media screen and (max-width:460px) { .login_features_grid { grid-template-columns:1fr; } }

/* -------------------- إزاي تبدأ؟ (خطوات) -------------------- */
.login_steps { display:flex; align-items:stretch; justify-content:center; gap:10px; }
.login_step {
        flex:1 1 0; background:#fff; border:1px solid #e9edf7; border-radius:18px;
        padding:20px 14px; text-align:center; box-shadow:0 2px 10px rgba(35,52,120,.04);
        transition:transform .22s ease, box-shadow .22s ease;
}
.login_step:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(55,80,180,.10); }
.login_step_num {
        width:38px; height:38px; margin:0 auto 10px; border-radius:12px;
        display:flex; align-items:center; justify-content:center;
        background:linear-gradient(135deg,#6d6dfb,#55c7ff);
        color:#fff; font-weight:800; font-size:15px;
        box-shadow:0 6px 14px rgba(109,109,251,.28);
}
#login_wrap .login_step b { display:block; font-size:14px; color:#212a45; margin-bottom:5px; }
#login_wrap .login_step span { display:block; font-size:12px; color:#7d84a0; line-height:1.7; }
.login_step_arrow { align-self:center; color:#b9c1da; font-size:16px; flex:0 0 auto; }
@media screen and (max-width:720px) {
        .login_steps { flex-direction:column; }
        .login_step_arrow { transform:rotate(90deg); align-self:center; }
}

/* -------------------- الأسئلة الشائعة -------------------- */
.login_faq_list { display:flex; flex-direction:column; gap:10px; }
.login_faq_item {
        border-radius:14px; background:#fff; border:1px solid #e9edf7; overflow:hidden;
        transition:border-color .25s ease, box-shadow .25s ease;
}
.login_faq_item.login_faq_open { border-color:#cdd7fc; box-shadow:0 10px 26px rgba(70,95,200,.08); }
#login_wrap .login_faq_q {
        display:flex; align-items:center; justify-content:space-between; gap:10px;
        padding:16px 18px; cursor:pointer; font-size:14px; font-weight:700; color:#232b48;
}
#login_wrap .login_faq_q i { transition:transform .25s ease; color:#6d6dfb; opacity:.9; flex-shrink:0; }
.login_faq_item.login_faq_open .login_faq_q i { transform:rotate(45deg); }
#login_wrap .login_faq_a {
        max-height:0; overflow:hidden;
        transition:max-height .32s ease, padding .32s ease;
        font-size:13px; color:#79809a; line-height:1.85; padding:0 18px;
}
#login_wrap .login_faq_item.login_faq_open .login_faq_a { max-height:260px; padding:0 18px 16px; }

/* -------------------- كارت المبرمج -------------------- */
.login_dev_card {
        display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:center;
        padding:26px; border-radius:20px; background:#fff;
        border:1px solid #e9edf7; box-shadow:0 2px 10px rgba(35,52,120,.04);
        max-width:480px; margin:0 auto;
}
.login_dev_photo_ring {
        width:84px; height:84px; border-radius:50%; padding:3px;
        background:linear-gradient(135deg,#6d6dfb,#55c7ff,#f472b6); flex-shrink:0;
}
.login_dev_photo {
        width:100%; height:100%; border-radius:50%; object-fit:cover; display:block;
        border:3px solid #fff; background:#eef1f9;
}
#login_wrap .login_dev_name { font-weight:800; font-size:16px; color:#1e2540; text-align:center; }
#login_wrap .login_dev_status { font-size:12.5px; color:#79809a; margin-top:3px; text-align:center; }
.login_dev_social { display:flex; gap:10px; margin-top:12px; justify-content:center; }
.login_dev_social a {
        width:34px; height:34px; border-radius:50%;
        display:flex; align-items:center; justify-content:center;
        color:#fff; font-size:14px; box-shadow:0 6px 16px rgba(30,45,110,.18);
        transition:transform .18s ease;
}
.login_dev_social a:hover { transform:translateY(-3px) scale(1.06); }
.login_dev_tg { background:linear-gradient(135deg,#34b7f1,#0088cc); }
.login_dev_wa { background:linear-gradient(135deg,#25d366,#128c4a); }

/* -------------------- مساحات إعلانات أدسنس -------------------- */
.login_ad_slot { max-width:900px; margin:4px auto 8px; padding:0 20px; }
.login_ad_box {
        display:flex; align-items:center; justify-content:center;
        min-height:100px; border:1.5px dashed #d5dcef; border-radius:16px;
        background:rgba(255,255,255,.6); overflow:hidden;
        transition:border-color .25s ease;
}
.login_ad_box:empty::after {
        content:'مساحة إعلانية';
        font-size:12px; color:#a7aec6; letter-spacing:.5px;
}
.login_ad_box.login_ad_filled {
        border-style:solid; border-color:#e9edf7; background:#fff; min-height:0;
}

/* -------------------- روابط السياسات -------------------- */
.login_legal_wrap { padding:6px 0 34px; }
.login_legal { text-align:center; padding:0 20px; }
#login_wrap .login_legal a {
        color:#5d6684; font-size:12.5px; text-decoration:none; margin:0 6px;
        transition:color .2s ease;
}
#login_wrap .login_legal a:hover { color:#6d6dfb; }
.login_legal .dot {
        width:3px; height:3px; border-radius:50%; background:#c3cadf;
        display:inline-block; vertical-align:middle;
}
#login_wrap .login_legal_note {
        text-align:center; font-size:11.5px; color:#9aa1b8; margin:10px 0 0; line-height:1.8;
}

/* -------------------- إشعار تحميل التطبيق (فاتح) -------------------- */
#login_gplay_toast {
        position:fixed; bottom:-160px; left:50%; transform:translateX(-50%);
        width:340px; max-width:92%;
        background:rgba(255,255,255,.94);
        -webkit-backdrop-filter:blur(16px) saturate(180%);
        backdrop-filter:blur(16px) saturate(180%);
        border:1px solid rgba(255,255,255,.9);
        border-radius:18px; box-shadow:0 20px 45px rgba(25,40,90,.18);
        padding:14px 16px; display:flex; align-items:center; gap:12px;
        z-index:9999;
        transition:bottom .6s cubic-bezier(.34,1.56,.64,1);
        text-decoration:none;
}
#login_gplay_toast.login_gplay_show { bottom:18px; }
.login_gplay_icon {
        width:44px; height:44px; border-radius:12px;
        background:linear-gradient(135deg,#34d399,#059669);
        display:flex; align-items:center; justify-content:center;
        font-size:20px; color:#fff; flex-shrink:0;
}
.login_gplay_text { flex:1; min-width:0; }
#login_gplay_toast .login_gplay_title { font-size:13px; font-weight:800; color:#1d2436; }
#login_gplay_toast .login_gplay_sub { font-size:11px; color:#6d748f; margin-top:2px; }
.login_gplay_close {
        width:22px; height:22px; border-radius:50%;
        display:flex; align-items:center; justify-content:center;
        background:rgba(30,42,80,.08); color:#3a4361; font-size:11px;
        flex-shrink:0; cursor:pointer;
}

/* ---------- موبايل وخفة الحركة ---------- */
@media screen and (max-width:720px) {
        #intro_top { background-attachment:scroll; }
}
@media screen and (max-width:640px) {
        .login_section_block { padding:34px 16px; }
        #login_wrap .login_section_title { font-size:18px; }
        #login_wrap .login_section_sub { font-size:12px; margin-bottom:22px; }
        .login_dev_card { flex-direction:column; text-align:center; padding:20px; }
        .login_dev_social { justify-content:center; }
        #login_gplay_toast { width:92%; padding:12px; }
        #login_gplay_toast.login_gplay_show { bottom:12px; }
        .login_ad_slot { padding:0 16px; }
}
@media screen and (max-width:480px) {
        #login_all { padding:18px 15px 16px; }
        #login_all .login_hero_title { font-size:16.5px; }
        .auth_tabs { gap:3px; padding:3px; }
        .auth_tab { font-size:12px; padding:8px 3px; gap:5px; }
}
@media screen and (max-width:360px) {
        .auth_tab i { display:none; }
}

@media (prefers-reduced-motion: reduce) {
        #login_all, .auth_panel.auth_on, .auth_captured, .login_reveal,
        #login_gplay_toast, .auth_spin, .login_feature_card, .login_step,
        .login_faq_a, .login_faq_q i {
                animation:none !important; transition:none !important;
        }
        .login_reveal { opacity:1 !important; transform:none !important; }
        .auth_spin { border-top-color:#6d6dfb; }
}