:root{font-family:system-ui,sans-serif;color:#20322e;background:#f5f6ef;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:7vh 20px}main{max-width:590px;margin:auto;background:#fff;padding:clamp(24px,6vw,48px);border:1px solid #dce3d9;border-radius:18px}.brand{font-weight:750;text-decoration:none;color:#225743}.brand span{font-weight:400;font-size:.75rem;margin-left:8px;color:#5e6b64}h1{font-size:2rem;letter-spacing:-.04em;line-height:1.15;margin:30px 0 16px}p,li{line-height:1.6;color:#46544d}label{display:block;font-weight:650;margin-top:22px}input[type=url],input[type=password]{display:block;width:100%;padding:13px;border:1px solid #afbeb2;border-radius:7px;font:inherit;margin-top:8px}small{display:block;color:#657268;line-height:1.5;margin-top:7px}button{background:#245b43;color:white;border:0;border-radius:8px;font:inherit;font-weight:650;padding:14px 20px;cursor:pointer;margin-top:26px;width:100%}a{color:#245b43}footer{margin-top:32px;padding-top:20px;border-top:1px solid #e5ebe5;font-size:.85rem}.notice{background:#f2f6ee;padding:14px;border-radius:8px}.error{color:#922c29;background:#fff1ef;padding:12px;border-radius:8px}code{overflow-wrap:anywhere}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin-right:8px}