body {
    display:         flex;
    align-items:     center;
    justify-content: center;
    min-height:      100vh;
    position:        relative;
    margin:          0;
    padding:         0;
    background:      url('bg.png') no-repeat center center fixed;
    background-size: cover;
    font-family:     Arial, sans-serif;
}
.overlay {
    position:        fixed;
    inset:           0;
    background:      rgba(0,0,0,0.45);
    z-index:         0;
}
.login-box {
    background:      rgba(255,255,255,0.1);
    padding:         40px;
    border-radius:   10px;
    backdrop-filter: blur(8px);
    width:           300px;
    display:         flex;
    flex-direction:  column;
    gap:             12px;
    z-index:         1;
}
.login-box input {
    width:           280px;
    padding:         10px;
    border:          none;
    border-radius:   5px;
}
.login-box button {
    width:          300px;
    padding:        10px;
    background:     #4CAF50;
    border:         none;
    color:          white;
    border-radius:  5px;
    cursor:         pointer;
}
.error {
    color:          #ff8080;
    margin-top:     4px;
    text-align:     center;
}