*{box-sizing:border-box}

body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
}

.auth{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;

background:
linear-gradient(135deg,#0f2a78,#2563eb);
}

.auth-wrap{
width:100%;
max-width:420px;
text-align:center;
}

.logo{
color:white;
font-weight:900;
font-size:28px;
margin-bottom:20px;
}

.auth-card{

background:white;

padding:30px;

border-radius:16px;

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

.auth-card h2{
margin-bottom:20px;
}

.field{

width:100%;

padding:12px 14px;

margin-bottom:12px;

border-radius:10px;

border:1px solid #ddd;

font-size:14px;
}

.field:focus{
outline:none;

border-color:#2563eb;

box-shadow:0 0 0 3px rgba(37,99,235,.2);
}

.btn{

width:100%;

padding:12px;

border-radius:10px;

border:none;

background:#2563eb;

color:white;

font-weight:bold;

cursor:pointer;

transition:.2s;
}

.btn:hover{
background:#1d4ed8;
}

.msg{

background:#fff5f5;

border:1px solid #fecaca;

color:#b91c1c;

padding:10px;

border-radius:10px;

margin-bottom:12px;
}