body{

margin:0;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

background:

linear-gradient(
135deg,
#6f7950,
#d9d2b5
);

font-family:Arial;

}


.card{

width:360px;

padding:40px;

border-radius:30px;

background:

rgba(255,255,255,.18);


backdrop-filter:blur(20px);


border:

1px solid rgba(255,255,255,.3);


text-align:center;

color:white;


box-shadow:

0 20px 60px rgba(0,0,0,.25);

}



input{

width:90%;

padding:15px;

margin:10px;

border-radius:20px;

border:none;

}



button,
a{

display:block;

width:80%;

margin:15px auto;

padding:15px;

border-radius:25px;

border:none;

background:#b99b52;

color:white;

text-decoration:none;

cursor:pointer;

}