*{box-sizing:border-box}body{min-height:100svh;display:grid;place-items:center;margin:0;padding:24px;background:#071722;color:#e8f7f4;font:17px/1.5 system-ui}main{width:min(100%,360px)}img{width:44px;border-radius:12px}h1{font-size:34px;margin:18px 0 0}p{margin:4px 0 20px;color:#acc9c9}label,input,button{display:block;width:100%}input,button{min-height:48px;border-radius:8px;padding:8px 12px;font:inherit}input{margin:5px 0 18px;border:1px solid #78a7a3}button{border:0;background:#b8f6e4;color:#0c302b;font-weight:bold;cursor:pointer}a{display:inline-block;color:#b8f6e4;margin-top:18px}p[role=alert]{color:#ffcbba}