/* FULL PAGE BACKGROUND */

.auth-page{
min-height:100vh;
width:100%;
display:flex;
align-items:center;
justify-content:center;
background:#0b2d4d;
padding:40px 20px;
font-family:'Poppins',sans-serif;
}

/* CENTER CONTAINER */

.auth-container{
width:100%;
max-width:420px;
}

/* WHITE FORM BOX */

.auth-box{
background:#ffffff;
padding:40px;
border-radius:25px;
box-shadow:0 20px 40px rgba(0,0,0,0.25);
}

/* LOGO */

.auth-logo{
text-align:center;
margin-bottom:15px;
}

.auth-logo img{
height:60px;
}

/* TITLE */

.auth-title{
text-align:center;
font-family:'Fredoka',sans-serif;
font-size:28px;
color:#ff6a00;
margin-bottom:25px;
}

/* INPUT */

.auth-input{
width:100%;
padding:13px;
margin-bottom:15px;
border-radius:10px;
border:1px solid #ddd;
font-size:14px;
}

/* BUTTON */

.auth-button{
width:100%;
padding:14px;
border:none;
border-radius:40px;
background:#ff6a00;
color:#fff;
font-weight:600;
cursor:pointer;
}

/* SWITCH LINK */

.auth-switch{
text-align:center;
margin-top:18px;
font-size:14px;
}

.auth-switch span{
color:#ff6a00;
cursor:pointer;
font-weight:600;
}

/* FORM SWITCH */

.auth-form{
display:none;
}

.auth-form.active{
display:block;
}