*{box-sizing:border-box;margin:0;padding:0}
body{background:#2b2b2b;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:'VT323',monospace;padding:10px}
.phone{width:100%;max-width:390px;height:780px;max-height:92vh;background:#fff;border:6px solid #000;box-shadow:8px 8px 0 #000;display:flex;flex-direction:column;overflow:hidden}
.header{background:#ff3e3e;border-bottom:6px solid #000;padding:12px;color:#fff;display:flex;justify-content:space-between;align-items:center}
.header h1{font-family:'Press Start 2P',cursive;font-size:10px}
.form{flex:1;overflow:auto;padding:16px;background:#5eb8f7}
.input{width:100%;border:3px solid #000;padding:10px 36px 10px 10px;font-family:'VT323',monospace;font-size:18px;margin-top:6px}
.field{margin-bottom:12px;position:relative}
.field label{font-family:'Press Start 2P',cursive;font-size:7px;background:#000;color:#ffd028;padding:3px 6px}
.eye{position:absolute;right:8px;top:34px;cursor:pointer;background:#fff;border:2px solid #000;padding:2px 6px}
.btn{width:100%;background:#ffd028;border:4px solid #000;padding:12px;font-family:'Press Start 2P',cursive;font-size:10px;box-shadow:4px 4px 0 #000;cursor:pointer;margin-top:10px}
.btn:active{transform:translate(4px,4px);box-shadow:none}
.link{font-size:16px;text-align:center;margin-top:10px}