/* CARD */
.auth-card{
    max-width:420px;

    margin:auto;

    padding:24px;

    border-radius:24px;

    background:rgba(255,255,255,.70);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* TITLE */
.auth-title{
    font-size:24px;
    font-weight:700;

    margin-bottom:8px;
}

/* SUBTITLE */
.auth-subtitle{
    color:#666;

    margin-bottom:22px;
}

/* INPUT */
.auth-input{
    width:100%;

    padding:14px 16px;

    border-radius:16px;

    border:1px solid #ddd;

    outline:none;

    box-sizing:border-box;

    font-size:15px;

    margin-bottom:14px;
}

/* BUTTON */
.auth-btn{
    width:100%;

    padding:14px;

    border:none;

    border-radius:16px;

    background:teal;

    color:white;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    transition:all .2s ease;
}

.auth-btn:hover{
    opacity:.92;
}

/* OTP */
.otp-wrap{
    display:flex;

    justify-content:center;

    gap:10px;

    margin-bottom:24px;
}

.otp-input{
    width:52px;
    height:58px;

    border-radius:18px;

    border:1px solid #ddd;

    text-align:center;

    font-size:24px;
    font-weight:700;

    outline:none;

    transition:all .2s ease;
}

.otp-input:focus{
    border-color:teal;

    box-shadow:
        0 0 0 4px rgba(0,128,128,.10);
}