/* =======================================================
   KEBOCENTER LOGIN PAGE
======================================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
    font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
}

body.login-page{

    min-height:100vh;
    width:100%;

    background:url("../images/login_bg.jpg") no-repeat center center;

    /* Resmi bozmadan tamamını göster */
    background-size:contain;

    background-color:#000;

    display:flex;
    justify-content:center;
    align-items:center;

    position:relative;

    overflow:hidden;

}


/* Hafif karartma */

.overlay{

    position:absolute;
    inset:0;

    background:rgba(0,0,0,.18);

}


/* Giriş kutusunun bulunduğu alan */

.login-wrapper{

    position:relative;
    z-index:10;

    width:100%;
    max-width:460px;

    text-align:center;

    /* Kutuyu biraz aşağı indir */
    padding-top:170px;

}


/* =======================================================
   GİRİŞ PANELİ
======================================================= */

.login-card{

    background:rgba(12,12,12,.82);

    border:2px solid #d92b2b;

    border-radius:24px;

    padding:38px;

    backdrop-filter:blur(10px);

    box-shadow:

        0 0 18px rgba(255,0,0,.55),

        0 0 45px rgba(255,0,0,.25);

}


/* =======================================================
   INPUTLAR
======================================================= */

.input-group-text{

    background:#1a1a1a;

    color:white;

    border:1px solid #444;

}


.form-control{

    background:#1a1a1a;

    color:white;

    border:1px solid #444;

    height:56px;

}


.form-control:focus{

    background:#1a1a1a;

    color:white;

    border-color:#dc3545;

    box-shadow:0 0 12px rgba(220,53,69,.45);

}


.form-control::placeholder{

    color:#cfcfcf;

}


/* =======================================================
   BUTON
======================================================= */

.btn-danger{

    height:58px;

    border-radius:12px;

    font-size:20px;

    font-weight:700;

    letter-spacing:1px;

    transition:.25s;

}


.btn-danger:hover{

    transform:translateY(-2px);

}


/* =======================================================
   FOOTER
======================================================= */

.footer{

    margin-top:25px;

    color:#ffffff;

    font-size:16px;

    text-shadow:0 2px 5px #000;

}


/* =======================================================
   TABLET
======================================================= */

@media (max-width:1200px){

    body.login-page{

        background-size:cover;

    }

}


/* =======================================================
   TELEFON
======================================================= */

@media (max-width:768px){

    body.login-page{

        background-size:cover;

    }

    .login-wrapper{

        max-width:95%;

        padding-top:100px;

    }

    .login-card{

        padding:25px;

    }

    .btn-danger{

        height:54px;

        font-size:18px;

    }

}