.body{
    min-height:600px;
    display:flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(135deg,#667eea,#764ba2);
    padding:15px;
}
.container {
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(15px);
    padding:25px;
    width:100%;
    max-width:400px;
    border-radius:20px;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    text-align:center;
    color:white;
}


input {
    width:100%;
    padding:14px;
    margin:8px 0;
    border:none;
    border-radius:10px;
    outline:none;
    font-size:16px;
}

button {
    width:100%;
    padding:14px;
    margin-top:10px;
    border:none;
    border-radius:10px;
    background:#00e0ff;
    color:black;
    font-weight:bold;
    font-size:16px;
    cursor:pointer;
    transition:0.3s;
}

button:hover {
    transform:scale(1.03);
    background:#00c2e0;
}

#otpBox {
    margin-top:10px;
}

#msg {
    margin-top:15px;
    font-weight:bold;
    font-size:14px;
}

@media(max-width:480px){
    body{
        min-height:calc(100vh - 55px);
    }
    .container {
        padding:20px;
    }

    h2 {
        font-size:20px;
    }

    input, button {
        font-size:15px;
        padding:12px;
    }
}
.success { color:#00ff9c; }
.error { color:#ff4b5c; }
.genderBox {
    display:flex;
    justify-content:space-between;
    margin:10px 0;
}

.genderBtn {
    width:48%;
    padding:12px;
    text-align:center;
    border-radius:10px;
    background: rgba(255,255,255,0.2);
    cursor:pointer;
    transition:0.3s;
}


.genderActive {
    background:#c7ffd6;
    color:black;
    font-weight:bold;
}

.passBox{
position:relative;
}

.passBox input{
padding-right:40px;
}

.eye{
position:absolute;
padding: 5px;
right:10px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
font-size:18px;
user-select:none;
color: #000;
}
.container h2{
    margin-bottom:15px;
    font-size:22px;
    padding:6px 15px;
    border-radius:10px;
    background:rgba(255,255,255,0.05);
    color:#fff;
}
.container .newPassMsg{
    background: #00626b;
    margin-top: 15px;
    margin-bottom:8px;
    font-size:18px;
}

h3 a{
    text-decoration: none;
    color: #a6fcff;
    font-size:16px;
}