.aph-login-wrap{
max-width:460px;
margin:40px auto;
padding:38px 34px;
background:#fff;
border-radius:18px;
box-shadow:0 10px 35px rgba(0,0,0,0.12);
font-family:inherit;
}
.aph-login-title{
margin:0 0 22px;
text-align:center;
font-size:32px;
font-weight:700;
line-height:1.2;
color:#d35400;
}
.aph-login-error{
background:#ffe8e8;
color:#b42318;
border:1px solid #ffc9c9;
padding:12px 14px;
border-radius:10px;
margin-bottom:18px;
font-size:14px;
}
.aph-login-field{
margin-bottom:14px;
}
.aph-login-field input{
width:100%;
padding:14px 16px;
border:1px solid #d9d9d9;
border-radius:10px;
font-size:16px;
box-sizing:border-box;
background:#fff;
}
.aph-login-field input:focus{
outline:none;
border-color:#d35400;
box-shadow:0 0 0 3px rgba(211,84,0,0.12);
}
.aph-login-submit{
width:100%;
padding:14px 16px;
border:0;
border-radius:10px;
background:#d35400;
color:#fff;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:0.2s ease;
}
.aph-login-submit:hover{
background:#b94600;
}
.aph-login-links{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-top:18px;
font-size:14px;
}
.aph-login-links a{
color:#d35400;
text-decoration:none;
font-weight:600;
}
.aph-login-links a:hover{
text-decoration:underline;
}
.aph-reset-btn{
display:inline-block;
padding:10px 14px;
border:1px solid #d35400;
border-radius:10px;
color:#d35400 !important;
line-height:1;
}
.aph-reset-btn:hover{
background:#d35400;
color:#fff !important;
text-decoration:none !important;
}
@media (max-width: 480px){
.aph-login-wrap{
padding:28px 20px;
margin:20px auto;
}
.aph-login-title{
font-size:28px;
}
.aph-login-links{
flex-direction:column;
align-items:flex-start;
}
}
