body{
background:linear-gradient(180deg,#f8fafc 0%,#eef4ff 100%);
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* CARD */

.auth-card{
width:100%;
max-width:420px;
padding:40px;

background:white;
border-radius:20px;

border:1px solid #e5e7eb;

box-shadow:0 25px 70px rgba(15,23,42,.08);
}

/* TITLE */

.auth-title{
font-size:2rem;
font-weight:700;
text-align:center;
margin-bottom:28px;
}

/* FORM */

.auth-form{
display:flex;
flex-direction:column;
gap:16px;
}

.form-group{
display:flex;
flex-direction:column;
gap:6px;
}

.form-group label{
font-size:.9rem;
font-weight:500;
}

.form-group input{
padding:12px;
border-radius:10px;
border:1px solid #d1d5db;
font-size:.95rem;
}

/* BUTTON */

.btn-primary{
margin-top:10px;
padding:14px;
border:none;
border-radius:10px;

background:#2563eb;
color:white;

font-weight:600;
font-size:1rem;

cursor:pointer;
transition:.2s;
}

.btn-primary:hover{
background:#1d4ed8;
transform:translateY(-1px);
}

/* GOOGLE */

.btn-google{
margin-top:12px;
width:100%;
padding:12px;

border-radius:10px;
border:1px solid #e5e7eb;

background:white;
cursor:pointer;
font-weight:500;
}

/* FOOTER */

.auth-footer{
text-align:center;
margin-top:18px;
font-size:.9rem;
color:#6b7280;
}

.auth-footer a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}