.auth-page{


min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

padding:40px 20px;

background:#F7F6F2;


}

.auth-modal{


width:100%;

max-width:520px;

background:#FFFFFF;

border-radius:32px;

padding:48px;

position:relative;

box-shadow:0 20px 60px rgba(0,0,0,.08);


}

.auth-close{


position:absolute;

top:24px;
right:24px;

text-decoration:none;

font-size:28px;

color:#222;


}

.auth-logo{


text-align:center;

margin-bottom:24px;


}

.auth-logo img{


width:64px;


}

.auth-modal h1{


text-align:center;

font-size:42px;

margin-bottom:10px;

color:#1F2328;


}

.auth-subtitle{


text-align:center;

color:#667085;

margin-bottom:32px;


}

.auth-field{


margin-bottom:20px;


}

.auth-field label{


display:block;

margin-bottom:8px;

font-weight:600;


}

.auth-field input{


width:100%;

height:56px;

border:1px solid #D0D5DD;

border-radius:14px;

padding:0 18px;

font-size:15px;


}

.auth-options{


text-align:right;

margin-bottom:20px;


}

.auth-options a{


color:#21461D;

text-decoration:none;


}

.auth-btn{


width:100%;

height:58px;

border:none;

border-radius:14px;

background:#21461D;

color:#fff;

font-size:16px;

font-weight:600;

cursor:pointer;


}

.auth-divider{


text-align:center;

margin:24px 0;

color:#98A2B3;


}

.social-btn{


width:100%;

height:56px;

border:1px solid #D0D5DD;

border-radius:14px;

background:#fff;

margin-bottom:12px;

cursor:pointer;


}

.auth-switch{


text-align:center;

margin-top:24px;


}

.auth-switch a{


color:#21461D;

font-weight:600;

text-decoration:none;


}

.auth-privacy{


display:flex;

gap:10px;

align-items:flex-start;

margin-top:24px;

padding-top:20px;

border-top:1px solid #EAECF0;


}

.auth-error{


background:#FEF3F2;

color:#B42318;

padding:12px;

border-radius:12px;

margin-bottom:20px;


}