body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0c1220;color:#eaf1ff;font:15px system-ui,sans-serif}main{width:min(370px,calc(100vw - 48px));padding:38px;border:1px solid #26354b;border-radius:22px;background:#141e2e;box-shadow:0 24px 70px #0005}.mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#32d8a3;color:#082821;font-weight:900}h1{font-size:27px;margin:22px 0 5px}p{color:#8d9cb0;margin:0 0 28px}label{display:block;font-size:13px;margin:17px 0 8px;color:#aab8c9}input{box-sizing:border-box;width:100%;padding:13px;background:#0e1725;border:1px solid #334158;border-radius:10px;color:#fff;font:inherit}button{width:100%;padding:14px;margin-top:26px;border:0;border-radius:10px;background:#31d5a1;color:#09251e;font:700 15px system-ui;cursor:pointer}#error{min-height:20px;margin:14px 0 0;color:#ff8f98}