.elementor-549 .elementor-element.elementor-element-730dac4{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7037904 */*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,Helvetica,sans-serif;
}

#login-app{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
}

.login-card{
width:100%;
max-width:520px;
background:white;
padding:45px;
border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.15);
animation:fade .5s;
}

@keyframes fade{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:none;
}
}

/*.logo{*/
/*width:90px;*/
/*height:90px;*/
/*border-radius:50%;*/
/*background:#1f1814;*/
/*color:#fff;*/
/*font-size:42px;*/
/*display:flex;*/
/*align-items:center;*/
/*justify-content:center;*/
/*margin:auto;*/
/*margin-bottom:25px;*/
/*}*/

h1{
text-align:center;
font-size:48px;
margin-bottom:12px;
color:#1f1814;
}

p{
text-align:center;
color:#1f1814;
margin-bottom:30px;
font-size:18px;
}

.role-switch{
    display:flex;
    gap:10px;
    margin-bottom:25px;
    background:#f3f4f6;
    padding:6px;
    border-radius:14px;
}

.role-btn{
    flex:1;
    padding:14px;
    border:none;
    background:transparent;
    color:#6b7280;
    cursor:pointer;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.role-btn.active{
    background:#1f1814;
    color:#fff;
    box-shadow:0 8px 20px rgba(31,24,20,.25);
}

label{
display:block;
font-weight:bold;
margin-bottom:10px;
margin-top:20px;
color:#1f1814;
}

/* Username Input */
input[type=text]{
width:100%;
padding:16px;
border:2px solid #1f1814;
border-radius:14px;
font-size:16px;
outline:none;
}

/* Password Box */

.password-box{
position:relative;
width:100%;
}

.password-box input{
width:100%;
height:40px;
padding:0 75px 0 20px;
border:2px solid #1f1814;
border-radius:14px;
font-size:16px;
outline:none;
}

.password-box button{
position:absolute;
top:0;
right:0;
width:60px;
height:40px;
border:none;
background:#1f1814;
color:#fff;
border-radius:0 12px 12px 0;
cursor:pointer;
font-size:18px;
display:flex;
align-items:center;
justify-content:center;
}

.password-box button{
width:70px;
flex:0 0 70px;
border:none;
background:#1f1814;
color:#fff;
font-size:20px;
cursor:pointer;
}

input:focus{
outline:none;
}

.remember{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:18px;
font-size:14px;
}

.remember label{
display:flex;
align-items:center;
gap:8px;
margin:0;
font-weight:normal;
}

.remember a{
text-decoration:none;
color:#1f1814;
}

.login-btn{
width:100%;
margin-top:30px;
padding:18px;
border:none;
border-radius:14px;
background:#1f1814;
color:#fff;
font-size:20px;
font-weight:bold;
cursor:pointer;
transition:.3s;
}

.login-btn:hover{
background:#1f1814;
}

#message{
margin-top:20px;
text-align:center;
font-weight:bold;
color:#1f1814;
}

@media(max-width:600px){

.login-card{
padding:30px;
}

h1{
font-size:34px;
}

}/* End custom CSS */