*{
box-sizing:border-box;
}


body{

margin:0;

height:100vh;

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

font-family:Arial, Helvetica, sans-serif;

display:flex;

justify-content:center;

align-items:center;

}


.card{

background:white;

width:380px;

padding:35px;

border-radius:20px;

box-shadow:
0 20px 50px #0005;

text-align:center;

}


h1{

color:#0f172a;

}


p{

color:#64748b;

}


input{

width:100%;

padding:15px;

margin:10px 0;

border-radius:12px;

border:1px solid #ddd;

font-size:16px;

}



button{

width:100%;

padding:15px;

border:none;

border-radius:12px;

background:#2563eb;

color:white;

font-size:17px;

cursor:pointer;

}


button:hover{

background:#1d4ed8;

}


a{

display:inline-block;

margin-top:20px;

color:#2563eb;

}