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

body{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    background:url("../images/background.jpg") center center/cover no-repeat;

}

body::before{

    content:"";

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

}

.register-box{

    position:relative;

    z-index:2;

    width:100%;

    max-width:550px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,.25);

    border-radius:20px;

    padding:40px;

    color:#fff;

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.register-box h2{

    text-align:center;

    margin-bottom:30px;

    color:#FFD700;

}

#registerForm{

    display:grid;

    gap:18px;

}

#registerForm input{

    padding:15px;

    border:none;

    border-radius:10px;

    outline:none;

    font-size:16px;

}

#submitRequest{

    padding:15px;

    border:none;

    border-radius:10px;

    background:#d4af37;

    color:#000;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

    transition:.3s;

}

#submitRequest:hover{

    background:#b8921d;

    transform:translateY(-2px);

}

@media(max-width:768px){

.register-box{

    width:92%;

    padding:25px;

}

}
.back-btn{

    display:block;

    width:100%;

    margin-top:15px;

    padding:14px;

    text-align:center;

    text-decoration:none;

    background:#ffffff;

    color:#333;

    border-radius:10px;

    font-size:16px;

    font-weight:600;

    transition:.3s;

}

.back-btn:hover{

    background:#f3f3f3;

    transform:translateY(-2px);

}