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

body{
    height:100vh;
    background:radial-gradient(circle at top,#0f0f0f,#000 70%);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#e5e5e5;
}

.login-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
}

.login-card{
    width:380px;
    background:#111;
    padding:45px;
    border-radius:14px;
    box-shadow:0 20px 60px rgba(0,0,0,.7);
    text-align:center;
    border:1px solid #1f1f1f;
}

.login-card h2{
    font-size:26px;
    margin-bottom:25px;
    color:#e50914;
    font-weight:700;
}

/* Inputs */
.login-card input{
    width:100%;
    height:48px;
    margin-bottom:14px;
    padding:0 16px;
    border:1px solid #222;
    border-radius:10px;
    font-size:15px;
    background:#0c0c0c;
    color:white;
}
.login-card input::placeholder{color:#777}

.login-card input:focus{
    outline:none;
    border-color:#e50914;
    background:#0a0a0a;
}

/* Remember */
.remember{
    display:flex;
    align-items:center;
    gap:10px;
    margin:15px 0 25px;
    font-size:14px;
    color:#aaa;
}
.remember input{
    width:16px;
    height:16px;
    accent-color:#e50914;
}

/* Button */
.btn{
    width:100%;
    height:48px;
    background:#e50914;
    border:none;
    border-radius:10px;
    color:white;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
}
.btn:hover{background:#ff1a25}