:root{
    --auth-primary:#1b84ff;
    --auth-primary-dark:#0b5ed7;
    --auth-bg:#f4f7fb;
    --auth-surface:#ffffff;
    --auth-border:#e6edf5;
    --auth-text:#1f2a37;
    --auth-text-soft:#6b7280;
    --auth-sidebar:#132238;
    --auth-shadow-sm:0 6px 20px rgba(15, 23, 42, 0.06);
    --auth-shadow-md:0 16px 40px rgba(15, 23, 42, 0.10);
    --auth-radius:3px;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

html,
body{
    min-height:100%;
}

body{
    margin:0;
    font-family:Inter, Arial, Helvetica, sans-serif;
    background:var(--auth-bg);
    color:var(--auth-text);
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

button,
input,
select,
textarea{
    font:inherit;
}

.auth-page{
    min-height:100vh;
    display:flex;
}

.auth-side{
    width:50%;
    min-height:100vh;
    background:
        linear-gradient(135deg, rgba(19,34,56,.90), rgba(27,45,71,.82)),
        radial-gradient(circle at top right, rgba(27,132,255,.25), transparent 40%),
        linear-gradient(180deg, #132238 0%, #102033 100%);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:48px;
}

.auth-side-inner{
    width:100%;
    max-width:520px;
}

.auth-brand{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:38px;
}

.auth-brand-mark{
    width:46px;
    height:46px;
    border-radius:3px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, var(--auth-primary), var(--auth-primary-dark));
    color:#fff;
    font-size:20px;
    font-weight:700;
    flex-shrink:0;
}

.auth-brand-text{
    display:flex;
    flex-direction:column;
}

.auth-brand-text strong{
    font-size:20px;
    line-height:1.1;
    font-weight:700;
    color:#fff;
}

.auth-brand-text span{
    font-size:12px;
    line-height:1.3;
    color:#c4d3e6;
}

.auth-side-badge{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:3px;
    background:rgba(255,255,255,.10);
    color:#d7e3f4;
    font-size:11px;
    font-weight:600;
    margin-bottom:18px;
}

.auth-side-title{
    margin:0 0 12px;
    font-size:40px;
    line-height:1.1;
    font-weight:700;
    color:#fff;
}

.auth-side-title span{
    color:#69b1ff;
    display:block;
}

.auth-side-text{
    margin:0;
    max-width:460px;
    color:#c4d3e6;
    font-size:15px;
    line-height:1.8;
}

.auth-side-points{
    margin-top:30px;
    display:grid;
    gap:12px;
}

.auth-side-point{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#d7e3f4;
    font-size:14px;
    line-height:1.6;
}

.auth-side-point-bullet{
    width:18px;
    height:18px;
    border-radius:3px;
    background:rgba(27,132,255,.22);
    color:#8fc4ff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:700;
    flex-shrink:0;
    margin-top:2px;
}

.auth-main{
    width:50%;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:36px;
    background:#f8fbff;
}

.auth-card{
    width:100%;
    max-width:460px;
    background:var(--auth-surface);
    border:1px solid var(--auth-border);
    border-radius:3px;
    box-shadow:var(--auth-shadow-md);
    overflow:hidden;
}

.auth-card-body{
    padding:30px;
}

.auth-card-header{
    margin-bottom:24px;
}

.auth-card-title{
    margin:0 0 8px;
    font-size:28px;
    line-height:1.2;
    font-weight:700;
    color:var(--auth-text);
}

.auth-card-subtitle{
    margin:0;
    color:var(--auth-text-soft);
    font-size:13px;
    line-height:1.6;
}

.auth-alert{
    margin-bottom:18px;
    padding:10px 12px;
    border:1px solid var(--auth-border);
    border-radius:3px;
    font-size:13px;
    line-height:1.6;
}

.auth-alert-danger{
    background:#fff5f5;
    border-color:#fecaca;
    color:#b91c1c;
}

.auth-alert-success{
    background:#f0fdf4;
    border-color:#bbf7d0;
    color:#15803d;
}

.auth-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
}

.auth-form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.auth-form-group-full{
    grid-column:1 / -1;
}

.auth-label{
    color:var(--auth-text);
    font-size:12px;
    font-weight:600;
}

.auth-input,
.auth-select{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border:1px solid #dbe3ef;
    border-radius:3px;
    background:#fff;
    color:var(--auth-text);
    outline:none;
    transition:border-color .18s ease, box-shadow .18s ease;
}

.auth-input:focus,
.auth-select:focus{
    border-color:#bfd8ff;
    box-shadow:0 0 0 3px rgba(27,132,255,.08);
}

.auth-password-wrap{
    position:relative;
}

.auth-password-toggle{
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    border:none;
    background:transparent;
    color:var(--auth-text-soft);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    padding:0;
}

.auth-check{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--auth-text-soft);
    font-size:13px;
}

.auth-check input{
    margin:0;
}

.auth-submit{
    width:100%;
    min-height:44px;
    border:none;
    border-radius:3px;
    background:var(--auth-primary);
    color:#fff;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:background .18s ease;
}

.auth-submit:hover{
    background:var(--auth-primary-dark);
}

.auth-divider{
    margin:22px 0 18px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#94a3b8;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.auth-divider::before,
.auth-divider::after{
    content:"";
    flex:1;
    height:1px;
    background:var(--auth-border);
}

.auth-socials{
    display:grid;
    gap:10px;
}

.auth-social-btn{
    width:100%;
    min-height:42px;
    border:1px solid var(--auth-border);
    border-radius:3px;
    background:#fff;
    color:var(--auth-text);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;
    transition:all .18s ease;
}

.auth-social-btn:hover{
    background:#f8fbff;
    border-color:#cfe2ff;
    color:var(--auth-primary-dark);
}

.auth-footer-link{
    margin-top:18px;
    text-align:center;
    color:var(--auth-text-soft);
    font-size:13px;
}

.auth-footer-link a{
    color:var(--auth-primary-dark);
    font-weight:600;
}

@media (max-width: 991.98px){
    .auth-page{
        flex-direction:column;
    }

    .auth-side,
    .auth-main{
        width:100%;
        min-height:auto;
    }

    .auth-side{
        padding:32px 20px;
    }

    .auth-main{
        padding:20px;
    }

    .auth-side-title{
        font-size:30px;
    }
}

@media (max-width: 575.98px){
    .auth-card-body{
        padding:22px 18px;
    }

    .auth-form-grid{
        grid-template-columns:1fr;
    }

    .auth-side-title{
        font-size:26px;
    }
}

/* SOWBIE_AUTH_CARD_ICONS_PATCH_START */
.auth-card,
.auth-side-badge{
    position:relative;
}

.auth-card-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
}

.auth-card-title::before{
    content:"\F4D7";
    font-family:"bootstrap-icons";
    font-size:20px;
    line-height:1;
    font-weight:400;
    color:var(--auth-primary, #1b84ff);
}

.auth-side-badge::before{
    content:"\F3F2";
    font-family:"bootstrap-icons";
    font-size:13px;
    line-height:1;
    margin-right:7px;
    font-weight:400;
}
/* SOWBIE_AUTH_CARD_ICONS_PATCH_END */

/* ==================================================
   FINAL LOGIN PREMIUM PASS
   ================================================== */
.auth-premium-page{
    background:
        radial-gradient(circle at 12% 18%, rgba(27,132,255,.10), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(14,165,233,.10), transparent 30%),
        #f4f7fb;
}

.auth-premium-side{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 18%, rgba(27,132,255,.34), transparent 34%),
        radial-gradient(circle at 18% 86%, rgba(99,102,241,.22), transparent 30%),
        linear-gradient(145deg, #0f172a 0%, #132238 54%, #102033 100%);
}

.auth-premium-side::before{
    content:"";
    position:absolute;
    inset:22px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    pointer-events:none;
}

.auth-premium-side::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-92px;
    bottom:-92px;
    border-radius:50%;
    border:36px solid rgba(255,255,255,.035);
    pointer-events:none;
}

.auth-premium-side-inner{
    position:relative;
    z-index:1;
}

.auth-premium-brand{
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(10px);
}

.auth-premium-brand-mark{
    width:54px;
    height:54px;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.auth-premium-brand-mark img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:3px;
}

.auth-premium-badge{
    min-height:30px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.auth-premium-title{
    font-size:44px;
    font-weight:900;
    letter-spacing:-.04em;
}

.auth-premium-title span{
    color:#8fc4ff;
}

.auth-premium-text{
    font-size:15px;
    max-width:500px;
}

.auth-premium-points{
    gap:14px;
}

.auth-premium-points .auth-side-point{
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:rgba(255,255,255,.045);
}

.auth-premium-main{
    background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(248,251,255,.96)),
        #f8fbff;
}

.auth-premium-card{
    max-width:470px;
    border-radius:14px;
    border-color:#dfe8f4;
    box-shadow:0 24px 80px rgba(15,23,42,.13);
}

.auth-premium-card .auth-card-body{
    padding:34px;
}

.auth-login-chip{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    margin-bottom:12px;
    border-radius:999px;
    background:rgba(27,132,255,.10);
    color:var(--auth-primary);
    font-size:11px;
    font-weight:850;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.auth-premium-card .auth-card-title{
    justify-content:flex-start;
    font-size:30px;
    font-weight:900;
    letter-spacing:-.03em;
}

.auth-premium-card .auth-card-title::before{
    display:none;
}

.auth-premium-card .auth-input{
    min-height:46px;
    border-radius:9px;
    padding:11px 13px;
    border-color:#d8e2ef;
    background:#fbfdff;
}

.auth-premium-card .auth-input:focus{
    border-color:rgba(27,132,255,.45);
    background:#fff;
    box-shadow:0 0 0 4px rgba(27,132,255,.10);
}

.auth-premium-card .auth-password-toggle{
    right:12px;
    color:var(--auth-primary);
    font-weight:850;
}

.auth-row-between{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}

.auth-premium-card .auth-submit{
    min-height:47px;
    border-radius:9px;
    font-weight:850;
    letter-spacing:.01em;
    box-shadow:0 10px 22px rgba(27,132,255,.22);
}

.auth-premium-card .auth-submit:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(27,132,255,.26);
}

.auth-premium-card .auth-social-btn{
    border-radius:9px;
    min-height:44px;
}

.auth-premium-card .auth-alert{
    border-radius:9px;
}

@media (max-width:991.98px){
    .auth-premium-side{
        min-height:auto;
        padding:28px 18px;
    }

    .auth-premium-side::before{
        inset:12px;
        border-radius:14px;
    }

    .auth-premium-brand{
        margin-bottom:24px;
    }

    .auth-premium-title{
        font-size:32px;
    }

    .auth-premium-points{
        display:none;
    }

    .auth-premium-card{
        max-width:100%;
    }
}

@media (max-width:575.98px){
    .auth-main{
        padding:14px;
    }

    .auth-premium-card .auth-card-body{
        padding:22px 18px;
    }

    .auth-premium-brand-mark{
        width:48px;
        height:48px;
    }

    .auth-premium-card .auth-card-title{
        font-size:26px;
    }
}
/* IGM_FACEBOOK_STYLE_LOGIN_START */
.auth-fb-page{
    min-height:100vh;
    background:#f0f2f5;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:32px 18px;
}

.auth-fb-shell{
    width:100%;
    max-width:1080px;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:54px;
    align-items:center;
}

.auth-fb-brand-panel{
    min-width:0;
}

.auth-fb-brand-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.auth-fb-logo{
    width:62px;
    height:62px;
    border-radius:10px;
    background:var(--auth-primary, #1877f2);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    font-size:30px;
    font-weight:900;
    box-shadow:0 10px 26px rgba(24,119,242,.20);
    flex:0 0 auto;
}

.auth-fb-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:5px;
    background:#fff;
}

.auth-fb-brand-row h1{
    margin:0;
    color:var(--auth-primary, #1877f2);
    font-size:52px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.04em;
}

.auth-fb-brand-row p{
    margin:5px 0 0;
    color:#606770;
    font-size:14px;
    font-weight:600;
}

.auth-fb-brand-panel h2{
    max-width:560px;
    margin:0 0 24px;
    color:#1c1e21;
    font-size:28px;
    line-height:1.28;
    font-weight:500;
    letter-spacing:-.02em;
}

.auth-fb-hero-image{
    width:100%;
    max-width:520px;
    height:230px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #dde2ea;
    background:#fff;
    box-shadow:0 18px 42px rgba(15,23,42,.10);
}

.auth-fb-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.auth-fb-hero-card{
    max-width:480px;
    min-height:120px;
    border-radius:12px;
    background:#fff;
    border:1px solid #dde2ea;
    box-shadow:0 18px 42px rgba(15,23,42,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:24px;
}

.auth-fb-hero-card strong{
    color:#1c1e21;
    font-size:20px;
    font-weight:800;
}

.auth-fb-hero-card span{
    margin-top:7px;
    color:#606770;
    font-size:14px;
}

.auth-fb-card-panel{
    width:100%;
}

.auth-fb-card{
    width:100%;
    max-width:396px;
    margin-left:auto;
    background:#fff;
    border-radius:8px;
    padding:16px;
    box-shadow:0 2px 4px rgba(0,0,0,.10), 0 8px 24px rgba(0,0,0,.10);
}

.auth-fb-input{
    width:100%;
    height:52px;
    border:1px solid #dddfe2;
    border-radius:6px;
    padding:14px 16px;
    margin-bottom:12px;
    color:#1c1e21;
    font-size:16px;
    outline:none;
    background:#fff;
}

.auth-fb-input:focus{
    border-color:var(--auth-primary, #1877f2);
    box-shadow:0 0 0 2px rgba(24,119,242,.12);
}

.auth-fb-password-wrap{
    position:relative;
}

.auth-fb-password-wrap .auth-fb-input{
    padding-right:64px;
}

.auth-fb-password-wrap button{
    position:absolute;
    top:16px;
    right:14px;
    border:0;
    background:transparent;
    color:var(--auth-primary, #1877f2);
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

.auth-fb-login-btn{
    width:100%;
    height:48px;
    border:0;
    border-radius:6px;
    background:var(--auth-primary, #1877f2);
    color:#fff;
    font-size:20px;
    font-weight:800;
    cursor:pointer;
}

.auth-fb-login-btn:hover{
    filter:brightness(.95);
}

.auth-fb-divider{
    margin:16px 0;
    text-align:center;
    color:#606770;
    font-size:13px;
}

.auth-fb-line{
    height:1px;
    background:#dadde1;
    margin:18px 0;
}

.auth-fb-create-btn{
    width:max-content;
    max-width:100%;
    min-height:48px;
    margin:0 auto;
    padding:0 18px;
    border-radius:6px;
    background:#42b72a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:16px;
    font-weight:800;
}

.auth-fb-create-btn:hover{
    filter:brightness(.95);
}

.auth-fb-card-note{
    max-width:396px;
    margin:22px 0 0 auto;
    color:#1c1e21;
    text-align:center;
    font-size:14px;
    line-height:1.5;
}

@media (max-width: 900px){
    .auth-fb-shell{
        grid-template-columns:1fr;
        gap:24px;
        max-width:520px;
    }

    .auth-fb-brand-panel{
        text-align:center;
    }

    .auth-fb-brand-row{
        justify-content:center;
    }

    .auth-fb-brand-panel h2{
        margin-left:auto;
        margin-right:auto;
        font-size:22px;
    }

    .auth-fb-hero-image,
    .auth-fb-hero-card,
    .auth-fb-card,
    .auth-fb-card-note{
        margin-left:auto;
        margin-right:auto;
    }
}

@media (max-width: 575.98px){
    .auth-fb-page{
        padding:20px 12px;
    }

    .auth-fb-brand-row{
        align-items:center;
    }

    .auth-fb-logo{
        width:50px;
        height:50px;
        font-size:24px;
    }

    .auth-fb-brand-row h1{
        font-size:34px;
    }

    .auth-fb-brand-panel h2{
        font-size:19px;
    }

    .auth-fb-hero-image{
        height:170px;
    }

    .auth-fb-card{
        padding:14px;
    }

    .auth-fb-input{
        height:48px;
        font-size:15px;
    }
}
/* IGM_FACEBOOK_STYLE_LOGIN_END */
/* IGM_LOGIN_IMAGE_BEHIND_TEXT_START */
.auth-fb-brand-panel{
    position:relative;
    min-height:480px;
    border-radius:16px;
    overflow:hidden;
    padding:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(135deg, var(--auth-primary, #1877f2), #0f172a);
    box-shadow:0 18px 42px rgba(15,23,42,.14);
}

.auth-fb-brand-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(15,23,42,.88), rgba(15,23,42,.58), rgba(15,23,42,.25)),
        url('/storage/theme/auth-login-bg.webp');
    background-size:cover;
    background-position:center;
    opacity:.95;
    z-index:0;
}

.auth-fb-brand-panel::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.20), transparent 34%);
    z-index:1;
    pointer-events:none;
}

.auth-fb-brand-panel > *{
    position:relative;
    z-index:2;
}

.auth-fb-brand-row h1{
    color:#fff;
    text-shadow:0 3px 18px rgba(0,0,0,.28);
}

.auth-fb-brand-row p,
.auth-fb-brand-panel h2{
    color:rgba(255,255,255,.92);
    text-shadow:0 3px 18px rgba(0,0,0,.25);
}

.auth-fb-hero-image{
    display:none;
}

.auth-fb-hero-card{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.20);
    backdrop-filter:blur(10px);
    box-shadow:none;
}

.auth-fb-hero-card strong{
    color:#fff;
}

.auth-fb-hero-card span{
    color:rgba(255,255,255,.82);
}

@media (max-width: 900px){
    .auth-fb-brand-panel{
        min-height:360px;
        padding:30px 22px;
    }
}

@media (max-width: 575.98px){
    .auth-fb-brand-panel{
        min-height:310px;
        border-radius:12px;
    }
}
/* IGM_LOGIN_IMAGE_BEHIND_TEXT_END */
/* IGM_FB_REAL_LAYOUT_START */
.auth-fb-page{
    min-height:100vh;
    background:#fff;
    padding:0;
    display:flex;
    flex-direction:column;
}

.auth-fb-shell{
    width:100%;
    max-width:none;
    min-height:calc(100vh - 120px);
    display:grid;
    grid-template-columns:1.9fr 1fr;
    gap:0;
    align-items:stretch;
}

.auth-fb-brand-panel{
    position:relative;
    min-height:auto;
    border-radius:0;
    box-shadow:none;
    padding:56px 64px;
    background:#fff;
    overflow:hidden;
    display:block;
}

.auth-fb-brand-panel::before,
.auth-fb-brand-panel::after{
    display:none;
}

.auth-fb-logo{
    position:absolute;
    top:42px;
    left:46px;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--auth-primary, #1877f2);
    color:#fff;
    z-index:5;
    box-shadow:none;
}

.auth-fb-brand-row{
    position:static;
    margin:0;
}

.auth-fb-brand-row > div{
    position:absolute;
    left:46px;
    bottom:64px;
    max-width:310px;
    z-index:5;
}

.auth-fb-brand-row h1{
    color:#101010;
    font-size:48px;
    line-height:.98;
    font-weight:900;
    letter-spacing:-.05em;
    text-shadow:none;
}

.auth-fb-brand-row p{
    display:none;
}

.auth-fb-brand-panel h2{
    position:absolute;
    left:46px;
    bottom:54px;
    max-width:330px;
    margin:0;
    color:#101010;
    font-size:48px;
    line-height:.98;
    font-weight:900;
    letter-spacing:-.05em;
    text-shadow:none;
    z-index:5;
}

.auth-fb-brand-panel h2::after{
    content:" you love.";
    color:var(--auth-primary, #1877f2);
    display:block;
}

.auth-fb-hero-card{
    position:absolute;
    top:105px;
    left:52%;
    width:310px;
    height:430px;
    transform:translateX(-50%);
    border-radius:18px;
    background:#dfe8f7;
    border:0;
    box-shadow:0 18px 45px rgba(15,23,42,.16);
    padding:0;
    overflow:hidden;
    z-index:2;
}

.auth-fb-hero-card::before{
    content:"";
    position:absolute;
    inset:28px 30px 0;
    border-radius:15px 15px 0 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.25), transparent 40%),
        url('/storage/theme/auth-login-bg.webp');
    background-size:cover;
    background-position:center;
}

.auth-fb-hero-card::after{
    content:"16:45";
    position:absolute;
    right:-26px;
    top:78px;
    background:#6964e9;
    color:#fff;
    font-weight:800;
    font-size:16px;
    border-radius:10px;
    padding:11px 18px;
    box-shadow:0 12px 24px rgba(105,100,233,.24);
}

.auth-fb-hero-card strong,
.auth-fb-hero-card span{
    display:none;
}

.auth-fb-brand-panel .auth-fb-hero-image{
    display:block;
    position:absolute;
    top:225px;
    left:39%;
    width:310px;
    height:170px;
    border-radius:16px;
    border:0;
    box-shadow:0 14px 34px rgba(15,23,42,.18);
    z-index:3;
    background:#eef2f7;
}

.auth-fb-brand-panel .auth-fb-hero-image img{
    object-fit:cover;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
    content:"";
    display:block;
    position:absolute;
    top:420px;
    left:48%;
    width:170px;
    height:170px;
    border-radius:50%;
    border:6px solid var(--auth-primary, #1877f2);
    background:
        linear-gradient(135deg, #facc15, #f97316);
    box-shadow:0 14px 34px rgba(15,23,42,.20);
    z-index:4;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::before{
    content:"❤";
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:330px;
    left:62%;
    width:72px;
    height:72px;
    border-radius:50%;
    background:#ff2d75;
    color:#fff;
    font-size:34px;
    z-index:5;
    box-shadow:0 14px 34px rgba(255,45,117,.24);
}

.auth-fb-card-panel{
    border-left:1px solid #dfe3ea;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px 64px;
    background:#fff;
}

.auth-fb-card{
    max-width:420px;
    margin:0 auto;
    padding:0;
    box-shadow:none;
    border-radius:0;
    background:transparent;
}

.auth-fb-card::before{
    content:"Log into " attr(data-site-name);
    display:block;
    margin-bottom:28px;
    color:#1c1e21;
    font-size:18px;
    font-weight:800;
}

.auth-fb-input{
    height:50px;
    border:1px solid #d9dce3;
    border-radius:999px;
    padding:13px 18px;
    font-size:15px;
    margin-bottom:12px;
}

.auth-fb-login-btn{
    height:48px;
    border-radius:999px;
    font-size:16px;
}

.auth-fb-create-btn{
    width:100%;
    height:48px;
    border-radius:999px;
    background:#fff;
    color:var(--auth-primary, #1877f2);
    border:1px solid #97bff3;
    font-size:15px;
}

.auth-fb-line{
    margin:22px 0;
}

.auth-fb-card-note{
    display:none;
}

.auth-social-btn{
    border-radius:999px;
}

@media (max-width: 900px){
    .auth-fb-shell{
        min-height:100vh;
        grid-template-columns:1fr;
    }

    .auth-fb-brand-panel{
        min-height:520px;
        padding:34px 24px;
    }

    .auth-fb-card-panel{
        border-left:0;
        border-top:1px solid #dfe3ea;
        padding:30px 20px;
    }

    .auth-fb-brand-row > div,
    .auth-fb-brand-panel h2{
        left:24px;
        bottom:34px;
    }

    .auth-fb-logo{
        left:24px;
        top:26px;
    }
}
/* IGM_FB_REAL_LAYOUT_END */
/* IGM_FB_LAYOUT_ADJUST_START */
.auth-fb-brand-row > div{
    display:none !important;
}

.auth-fb-brand-panel h2{
    left:48px !important;
    bottom:72px !important;
    max-width:300px !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:1 !important;
}

.auth-fb-brand-panel h2::before{
    content:"Explore\A the\A things";
    white-space:pre;
    display:block;
    color:#111;
    font-size:54px;
    line-height:.98;
    font-weight:900;
    letter-spacing:-.055em;
}

.auth-fb-brand-panel h2::after{
    content:"you love.";
    display:block;
    margin-top:6px;
    color:var(--auth-primary, #1877f2);
    font-size:54px;
    line-height:.98;
    font-weight:900;
    letter-spacing:-.055em;
}

.auth-fb-logo{
    width:54px !important;
    height:54px !important;
    left:48px !important;
    top:48px !important;
}

.auth-fb-brand-panel .auth-fb-hero-image{
    top:210px !important;
    left:48% !important;
    width:350px !important;
    height:190px !important;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::before{
    top:318px !important;
    left:62% !important;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
    top:425px !important;
    left:51% !important;
}

.auth-fb-card::before{
    content:"Log into {{SITE}}" !important;
}

@media (max-width: 900px){
    .auth-fb-brand-panel h2{
        left:26px !important;
        bottom:42px !important;
    }

    .auth-fb-brand-panel h2::before,
    .auth-fb-brand-panel h2::after{
        font-size:42px;
    }
}
/* IGM_FB_LAYOUT_ADJUST_END */
/* IGM_RESTORE_MESSAGE_LARGE_IMAGES_START */
.auth-fb-brand-row > div{
    display:none !important;
}

.auth-fb-brand-panel h2{
    left:48px !important;
    bottom:70px !important;
    max-width:390px !important;
    color:#101010 !important;
    font-size:48px !important;
    line-height:1.04 !important;
    font-weight:900 !important;
    letter-spacing:-.055em !important;
    text-shadow:none !important;
}

.auth-fb-brand-panel h2::before,
.auth-fb-brand-panel h2::after{
    content:none !important;
}

.auth-fb-logo{
    width:56px !important;
    height:56px !important;
    left:48px !important;
    top:48px !important;
}

.auth-fb-hero-card{
    top:105px !important;
    left:58% !important;
    width:390px !important;
    height:500px !important;
}

.auth-fb-brand-panel .auth-fb-hero-image{
    top:245px !important;
    left:42% !important;
    width:430px !important;
    height:235px !important;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::before{
    top:360px !important;
    left:66% !important;
    width:86px !important;
    height:86px !important;
    font-size:40px !important;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
    top:492px !important;
    left:54% !important;
    width:195px !important;
    height:195px !important;
}

@media (max-width: 900px){
    .auth-fb-brand-panel h2{
        left:26px !important;
        bottom:42px !important;
        max-width:340px !important;
        font-size:38px !important;
    }

    .auth-fb-hero-card{
        left:58% !important;
        width:310px !important;
        height:390px !important;
    }

    .auth-fb-brand-panel .auth-fb-hero-image{
        width:320px !important;
        height:175px !important;
    }
}
/* IGM_RESTORE_MESSAGE_LARGE_IMAGES_END */
/* IGM_FB_IMAGE_POSITION_FIX_START */

/* MAIN BIG CARD (TOP RIGHT - pinaka focus) */
.auth-fb-hero-card{
    position:absolute;
    top:80px !important;
    left:58% !important;
    width:460px !important;
    height:560px !important;
    transform:translateX(-50%);
    border-radius:22px;
    z-index:5;
}

/* IMAGE INSIDE BIG CARD */
.auth-fb-hero-card::before{
    inset:20px 20px 0 !important;
    border-radius:18px;
}

/* SMALL CARD (BOTTOM LEFT overlap) */
.auth-fb-brand-panel .auth-fb-hero-image{
    position:absolute;
    top:260px !important;
    left:42% !important;
    width:300px !important;
    height:200px !important;
    border-radius:16px;
    z-index:6;
}

/* PROFILE CIRCLE (BOTTOM CENTER overlap) */
.auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
    position:absolute;
    top:480px !important;
    left:52% !important;
    width:160px !important;
    height:160px !important;
    border-radius:50%;
    border:6px solid var(--auth-primary, #1877f2);
    z-index:7;
}

/* HEART ICON (RIGHT SIDE FLOAT) */
.auth-fb-brand-panel:has(.auth-fb-hero-image)::before{
    position:absolute;
    top:320px !important;
    left:68% !important;
    width:70px !important;
    height:70px !important;
    font-size:34px;
    z-index:8;
}

/* EMOJI FLOAT (TOP LEFT STYLE) */
.auth-fb-logo{
    top:60px !important;
    left:80px !important;
    width:48px !important;
    height:48px !important;
}

/* RESPONSIVE */
@media (max-width: 900px){

    .auth-fb-hero-card{
        width:320px !important;
        height:400px !important;
        left:55% !important;
    }

    .auth-fb-brand-panel .auth-fb-hero-image{
        width:240px !important;
        height:160px !important;
        top:220px !important;
    }

    .auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
        width:120px !important;
        height:120px !important;
        top:380px !important;
    }

}

/* IGM_FB_IMAGE_POSITION_FIX_END */
/* IGM_FB_IMAGE_BIGGER_START */
.auth-fb-hero-card{
    top:70px !important;
    left:61% !important;
    width:500px !important;
    height:610px !important;
    border-radius:24px !important;
    z-index:5 !important;
}

.auth-fb-brand-panel .auth-fb-hero-image{
    top:250px !important;
    left:39% !important;
    width:390px !important;
    height:255px !important;
    border-radius:20px !important;
    z-index:6 !important;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
    top:485px !important;
    left:50% !important;
    width:210px !important;
    height:210px !important;
    z-index:7 !important;
}

.auth-fb-brand-panel:has(.auth-fb-hero-image)::before{
    top:345px !important;
    left:72% !important;
    width:88px !important;
    height:88px !important;
    font-size:42px !important;
    z-index:8 !important;
}
/* IGM_FB_IMAGE_BIGGER_END */
/* IGM_FB_700PX_LAYOUT_START */

/* MASTER CLUSTER WIDTH CONTROL */
.auth-fb-brand-panel{
    position:relative;
}

/* MAIN BIG IMAGE */
.auth-fb-hero-card{
    top:60px !important;
    left:50% !important;
    width:700px !important;
    height:520px !important;
    transform:translateX(-50%) !important;
    border-radius:24px !important;
    z-index:5 !important;
}

/* INNER IMAGE */
.auth-fb-hero-card::before{
    inset:20px 20px 0 !important;
    border-radius:20px !important;
}

/* SMALL OVERLAY CARD */
.auth-fb-brand-panel .auth-fb-hero-image{
    top:260px !important;
    left:32% !important;
    width:380px !important;
    height:240px !important;
    border-radius:18px !important;
    z-index:6 !important;
}

/* PROFILE CIRCLE */
.auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
    top:440px !important;
    left:50% !important;
    width:180px !important;
    height:180px !important;
    transform:translateX(-50%);
    border-radius:50%;
    z-index:7 !important;
}

/* HEART ICON */
.auth-fb-brand-panel:has(.auth-fb-hero-image)::before{
    top:300px !important;
    left:75% !important;
    width:80px !important;
    height:80px !important;
    font-size:38px !important;
    z-index:8 !important;
}

/* RESPONSIVE (important para hindi masira mobile) */
@media (max-width: 1200px){

    .auth-fb-hero-card{
        width:520px !important;
        height:400px !important;
    }

    .auth-fb-brand-panel .auth-fb-hero-image{
        width:280px !important;
        height:180px !important;
    }

    .auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
        width:140px !important;
        height:140px !important;
    }
}

@media (max-width: 900px){

    .auth-fb-hero-card{
        width:420px !important;
        height:320px !important;
    }

    .auth-fb-brand-panel .auth-fb-hero-image{
        display:none !important;
    }

    .auth-fb-brand-panel:has(.auth-fb-hero-image)::before,
    .auth-fb-brand-panel:has(.auth-fb-hero-image)::after{
        display:none !important;
    }
}

/* IGM_FB_700PX_LAYOUT_END */
/* IGM_CENTER_LOGIN_START */

/* REMOVE LEFT PANEL */
.auth-fb-brand-panel{
    display:none !important;
}

/* FULL WIDTH CENTER */
.auth-fb-shell{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:100vh;
}

/* CARD CENTER */
.auth-fb-card-panel{
    border:0 !important;
    padding:0 !important;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

/* LOGIN CARD STYLE */
.auth-fb-card{
    width:100%;
    max-width:420px;
    margin:0 auto;
    padding:0;
    background:transparent;
    box-shadow:none;
}

/* TITLE FIX */
.auth-fb-card::before{
    content:"Log into your account";
    display:block;
    margin-bottom:28px;
    color:#1c1e21;
    font-size:20px;
    font-weight:800;
    text-align:center;
}

/* INPUT STYLE */
.auth-fb-input{
    height:54px;
    border-radius:999px;
    font-size:15px;
}

/* BUTTON STYLE */
.auth-fb-login-btn{
    height:50px;
    border-radius:999px;
    font-size:16px;
}

/* CREATE BUTTON */
.auth-fb-create-btn{
    width:100%;
    height:50px;
    border-radius:999px;
    font-size:15px;
}

/* DIVIDER */
.auth-fb-line{
    margin:20px 0;
}

/* CLEAN BG */
.auth-fb-page{
    background:#f5f7fa;
}

/* IGM_CENTER_LOGIN_END */
/* IGM_WHITE_BACKGROUND_START */

/* FULL WHITE PAGE */
.auth-fb-page{
    background:#ffffff !important;
}

/* REMOVE ANY GRADIENT / OVERLAY */
body,
.auth-fb-shell,
.auth-fb-card-panel{
    background:#ffffff !important;
}

/* OPTIONAL: subtle center spacing */
.auth-fb-shell{
    min-height:100vh;
}

/* IGM_WHITE_BACKGROUND_END */
/* IGM_CLEAN_LOGIN_TITLE_START */
.auth-fb-card::before{
    display:none !important;
    content:none !important;
}

.auth-fb-real-title{
    margin:0 0 24px;
    color:#0f172a;
    text-align:center;
    font-size:24px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:-.02em;
}
/* IGM_CLEAN_LOGIN_TITLE_END */