:root{font-family:Arial,sans-serif;color:#183e49;background:#f3f7f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px}main{width:min(100%,560px);padding:48px;border-top:4px solid #116772;background:#fff}h1{font-size:32px;margin:38px 0 20px;letter-spacing:-.7px}p{font-size:17px;line-height:1.6;color:#4c6970}.brand{font-size:44px;font-weight:700;letter-spacing:-2px}.brand span{font-weight:300;color:#117986}.company{font-size:10px;letter-spacing:2px}.primary{display:block;border:0;text-align:center;margin-top:30px;padding:18px 24px;background:#116772;color:white;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer}.note{font-size:14px;margin-top:24px}.notice{padding:14px;background:#f7f0df;font-size:15px}label{display:block;margin:20px 0}input{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #aec5c9;font-size:16px}@media(max-width:500px){body{padding:18px}main{padding:28px}h1{font-size:28px}}