.auth-body{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:2rem;
    position:relative;
}

.auth-wrapper{
    width:min(92vw,460px);
}

.login-card{
    background:rgba(17,24,39,.94);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:2rem;
    box-shadow:var(--shadow);
}

.login-card-header h1{
    margin:.2rem 0 .5rem;
    font-size:2rem;
}

.login-card-header p{
    margin:0 0 1.5rem;
    color:var(--muted);
    line-height:1.6;
}

.login-form{
    display:grid;
    gap:1rem;
}

.form-group{
    display:grid;
    gap:.5rem;
}

.form-group label{
    font-weight:600;
    color:#dbe4f0;
}

.form-group input{
    width:100%;
    border:1px solid var(--line);
    border-radius:14px;
    background:#0b1220;
    color:var(--text);
    padding:.9rem 1rem;
    outline:none;
    transition:.2s ease;
}

.form-group input:focus{
    border-color:#3b82f6;
    box-shadow:0 0 0 3px rgba(59,130,246,.15);
}

.login-card-footer{
    margin-top:1rem;
    color:var(--muted);
    line-height:1.5;
}

#installAppBtnAuth{
    position:fixed;
    top:1rem;
    right:1rem;
    z-index:20;
}

@media (max-width: 640px){
    .auth-body{
        padding:1rem;
    }

    .login-card{
        padding:1.25rem;
    }

    .login-card-header h1{
        font-size:1.65rem;
    }
}