*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#111b31;color:#f2f5fa;font:17px Tahoma,Arial;padding:20px}main{width:min(100%,420px);background:#213553;border:1px solid #415879;border-radius:20px;padding:28px}h1{color:#75e1c5}label{display:block;margin:20px 0}input,button{width:100%;font:inherit;border-radius:9px;padding:13px;border:1px solid #627a9b}input{display:block;margin-top:8px;direction:ltr;background:#14243e;color:white}button{background:#75e1c5;color:#14243e;font-weight:bold;cursor:pointer}#status{line-height:1.7}