:root{font:16px/1.6 system-ui,sans-serif;color:#203a30;background:#f5f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:48px auto;padding:0 24px}header span,.eyebrow{font-size:12px;letter-spacing:.12em;color:#577265}h1{font-size:36px;line-height:1.2;margin:12px 0}h2{font-size:22px;margin:6px 0}p{color:#607168}section,#login{margin:24px 0;background:white;border:1px solid #dce3da;border-radius:18px;padding:24px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:none;border:0;padding:0}.modes article{background:white;border:2px solid transparent;border-radius:18px;padding:24px}.modes .selected{border-color:#365e4d;background:#eef4eb}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 18px;background:#365e4d;color:white}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eaf0e7;color:#365e4d}.notice{background:#e9eee4;padding:12px 18px;border-radius:10px}dl{display:grid;grid-template-columns:150px 1fr;gap:12px}dd{margin:0;overflow-wrap:anywhere}dt{color:#607168}input{display:block;width:100%;font:inherit;padding:12px;margin:10px 0 16px;border:1px solid #c8d4c5;border-radius:9px}.footnote{font-size:14px}#status{min-height:26px;font-weight:600}[hidden]{display:none!important}@media(max-width:600px){main{margin:24px auto}.modes{grid-template-columns:1fr}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:12px}}