[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f2f1eb;color:#1d302e;font:15px/1.8 "Yu Gothic UI","Meiryo",sans-serif;padding:28px}main{width:min(460px,100%);padding:38px 40px;background:#fffef9;border:1px solid #d8dfd5;border-top:5px solid #206555;box-shadow:0 20px 80px #142e2410}.mark{font:700 26px Bahnschrift,sans-serif;letter-spacing:-3px;display:inline-block;border:1px solid #bdcfc6;padding:3px 14px}.mark span{color:#2d8a70}.eyebrow{font:11px Bahnschrift,sans-serif;letter-spacing:2px;color:#4e7267;margin:25px 0 12px}h1{font-size:32px;letter-spacing:.08em;line-height:1.4;margin:0 0 18px}.intro{color:#61736b;font-size:14px}form{margin-top:30px}label{display:block;font-weight:600;font-size:13px}input{display:block;width:100%;font:inherit;padding:11px 13px;border:1px solid #a6b8ae;border-radius:4px;background:#fff;margin:8px 0 16px}input:focus{outline:2px solid #468f77;outline-offset:2px}button{width:100%;display:flex;justify-content:space-between;background:#245c4c;color:white;border:0;border-radius:4px;padding:13px 18px;font:600 14px inherit;cursor:pointer}button:disabled{opacity:.6}#message{color:#a03132;min-height:26px;font-size:13px}.setup{padding:12px;border-left:3px solid #bc8838;background:#fbf4de;font-size:13px}footer{border-top:1px solid #d8dfd5;padding-top:18px;color:#61736b;font-size:11px;letter-spacing:.07em}footer span{float:right}footer a{display:inline-block;color:#839189;font-size:10px;margin-top:8px;text-decoration:none}@media(max-width:500px){body{padding:18px}main{padding:26px}h1{font-size:28px}}