*{box-sizing:border-box}body{font:15px/1.7 system-ui;margin:0;color:#243d48;background:#f3f7f7}main{max-width:440px;margin:12vh auto;padding:30px;background:white;border:1px solid #d8e5e7;border-radius:18px}span{color:#087e80;font-size:12px;letter-spacing:.12em}h1{margin:8px 0;font-size:27px}p,small{color:#607781}label{display:block;margin:25px 0 15px}input{display:block;width:100%;font:inherit;padding:12px;margin-top:8px;border:1px solid #a9c3c9;border-radius:8px}button{background:#087e80;color:white;border:0;border-radius:8px;font:inherit;padding:12px;width:100%;margin-bottom:20px;cursor:pointer}small{font-size:12px}@media(max-width:500px){main{margin:10vh 16px;padding:24px}}