body{

margin:0;

height:100vh;

display:flex;

justify-content:center;

align-items:center;

background:linear-gradient(135deg,#07101f,#15283d);

font-family:Arial;

color:white;

}

.box{

width:400px;

padding:35px;

border-radius:20px;

background:rgba(255,255,255,.08);

text-align:center;

backdrop-filter:blur(10px);

}

h1{

font-size:48px;

color:#56a9ff;

margin:0;

}

input{

width:100%;

padding:14px;

margin:10px 0;

border-radius:12px;

border:1px solid #4b86ff;

background:#1d2736;

color:white;

box-sizing:border-box;

}

button{

width:100%;

padding:15px;

border:none;

border-radius:12px;

background:#2b7cff;

color:white;

font-size:18px;

cursor:pointer;

}

.message{

margin-top:20px;

padding:15px;

border-radius:10px;

background:#1f8f4d;

color:#fff;

font-weight:bold;

}

.animal{

position:absolute;

top:70px;

width:140px;

height:120px;

background:#3a3a3a;

border-radius:70px;

}

.eye{

position:absolute;

width:30px;

height:30px;

background:white;

border-radius:50%;

top:35px;

animation:blink 4s infinite;

}

.left{

left:30px;

}

.right{

right:30px;

}

.nose{

position:absolute;

width:18px;

height:14px;

background:black;

border-radius:50%;

left:61px;

top:72px;

}

@keyframes blink{

0%,90%,100%{

height:30px;

}

95%{

height:4px;

}

}