.auth-page{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

background:#f5f7f6;

padding:20px;

}


.auth-box{

background:white;

width:100%;

max-width:420px;

padding:40px;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.1);

text-align:center;

}


.auth-logo{

width:90px;

height:90px;

border-radius:50%;

}


.auth-box h1{

color:#0b3d2e;

}


.auth-box input{

width:100%;

padding:14px;

margin:10px 0;

border:1px solid #ddd;

border-radius:10px;

font-size:15px;

}


.auth-box button{

width:100%;

padding:15px;

border:none;

border-radius:10px;

background:#0b3d2e;

color:white;

font-size:16px;

cursor:pointer;

}


.auth-box button:hover{

background:#d4af37;

color:black;

}


.auth-footer{

margin-top:20px;

}


.auth-footer a{

color:#0b3d2e;

font-weight:bold;

}


@media(max-width:500px){

.auth-box{

padding:25px;

}

}

.book-form{

max-width:600px;

margin:40px auto;

}



.book-form .auth-logo{

display:block;

margin:auto;

}



.book-form h1{

text-align:center;

color:#0b3d2e;

}



.book-form p{

text-align:center;

}



.book-form form{

margin-top:25px;

}



.book-form textarea{

width:100%;

padding:14px;

border-radius:10px;

border:1px solid #ddd;

height:120px;

margin-bottom:15px;

resize:none;

}



.book-form select{

width:100%;

padding:14px;

border-radius:10px;

border:1px solid #ddd;

margin-bottom:15px;

}