/* ==========================================================
   AMDigital Secure Access
   ========================================================== */

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

html,
body{
    width:100%;
    height:100%;
}

body{

    font-family:"Manrope",sans-serif;

    background:#181b1f;

    color:#ffffff;

}

.access-page{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:40px 20px;

}

.access-page .container{

    display:flex;

    justify-content:center;

}

.access-page .row{

    width:100%;

    justify-content:center;

}

.access-card{

    width:100%;

    max-width:560px;

    background:#23272d;

    border-radius:16px;

    padding:60px 55px;

    text-align:center;

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.access-logo-link{

    display:inline-block;

    text-decoration:none;

    transition:.25s ease;

}

.access-logo-link:hover{

    transform:translateY(-2px);

    opacity:.90;

}

.access-logo{

    width:260px;

    max-width:100%;

    height:auto;

    display:block;

    margin:0 auto 42px;

}

.access-title{

    font-size:2.3rem;

    font-weight:300;

    margin-bottom:18px;

    color:#ffffff;

}

.access-description{

    color:#b9bec5;

    line-height:1.8;

    margin-bottom:35px;

}

.access-error{

    background:#842029;

    color:#ffffff;

    border-radius:6px;

    padding:12px 16px;

    margin-bottom:25px;

    font-size:.90rem;

}

.access-form{

    width:100%;

}

.access-input{

    width:100%;

    height:52px;

    margin-bottom:18px;

    padding:0 18px;

    background:#f5f5f5;

    border:none;

    border-radius:6px;

    outline:none;

    color:#222;

    font-family:"Manrope",sans-serif;

    font-size:15px;

    transition:.25s;

}

.access-input:focus{

    box-shadow:0 0 0 2px rgba(217,139,43,.35);

}

.access-btn{

    width:260px;

    height:50px;

    margin:20px auto 0;

    display:block;

    border:none;

    border-radius:6px;

    background:#d98b2b;

    color:#ffffff;

    font-family:"Manrope",sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:.10em;

    cursor:pointer;

    transition:
        background .25s,
        transform .20s,
        box-shadow .20s;

}

.access-btn:hover{

    background:#c2781e;

    transform:translateY(-2px);

    box-shadow:0 10px 20px rgba(0,0,0,.25);

}

.access-btn:active{

    transform:translateY(0);

}

.access-footer{

    margin-top:40px;

    color:#8f959c;

    font-size:.75rem;

    line-height:1.8;

}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width:768px){

    .access-page{

        padding:20px;

    }

    .access-card{

        padding:40px 28px;

    }

    .access-logo{

        width:200px;

        margin-bottom:35px;

    }

    .access-title{

        font-size:1.8rem;

    }

    .access-description{

        font-size:.92rem;

    }

    .access-btn{

        width:100%;

    }

}