*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Segoe UI",sans-serif;
}

body{
    background:#0f1117;
    min-height:100vh;

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

    padding:20px;
}

.auth-card{

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

    background:#1a1d24;

    padding:35px;

    border-radius:20px;

    border:1px solid rgba(212,175,55,.15);
}

.auth-card h1{
    color:#d4af37;
    text-align:center;
    margin-bottom:10px;
}

.auth-card p{
    text-align:center;
    color:#ccc;
    margin-bottom:25px;
}

.auth-card input{

    width:100%;

    padding:15px;

    margin-bottom:15px;

    border:none;

    border-radius:12px;

    background:#11141d;
    color:white;
}

.auth-card button{

    width:100%;

    padding:15px;

    border:none;

    border-radius:12px;

    background:#d4af37;

    color:black;

    font-weight:700;

    cursor:pointer;
}

.auth-link{

    margin-top:25px;

    text-align:center;

    color:#ffffff;

    font-size:18px;

}

.auth-link a{

    color:#d4af37;

    text-decoration:none;

    font-weight:700;

}

.auth-link a:hover{

    color:#f4d03f;

    text-decoration:underline;

}

/* =========================================
   Forgot Password
========================================= */

.forgot-password{

    margin-top:16px;

    text-align:center;

}

.forgot-password a{

    color:#d4af37;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.forgot-password a:hover{

    color:#f4d03f;

    text-decoration:underline;

}