input {
    background:#fff;
    color:#333;
    margin-bottom:10px;
}
body.dark-mode input{
    background:#333;
    color:#fff;
}
label {
    color:#333;
}
body.dark-mode label {
    color:#fff;
}
.subscribe-full {
    margin-top:3px!important;
    width: 100%;
    height: 100vh;
    position: relative;
    background: url('/wp-content/plugins/beyond-tube/images/bt-my-account.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
    overflow: hidden;
}

/* Gradient overlay */
.subscribe-full::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, rgba(0,0,0,0.6), rgba(0,0,0,0.4));
    z-index: 1;
}

/* Make sure the form stays above the overlay */
.form-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
}
.sign-in{
    box-sizing: border-box; 
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding-left: 30px;
    padding-right:30px;
    padding-bottom:20px;
    padding-top:40px;
    max-width:400px;
    margin: 0 auto;
}
body.dark-mode .sign-in{
    background-color: #1e1e1e;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
    padding: 30px;
    margin: 0 auto;
    color: #f0f0f0;
}
.sign-in h1{
    color:#333;
}
body.dark-mode .sign-in h1{
    color:#fff;
}
.sign-in a{
    color:#7f00ff;
}
body.dark-mode .sign-in a{
    color:#00c6ff;
}
@media screen and (max-width: 1024px) {
    .top-bar-mobile {
     padding-bottom:7px!important;
     padding-left:10px!important;
     padding-right:10px!important;
    }
}