:root{font-family:system-ui,-apple-system,sans-serif;color:#172e4e;background:#f5f8fb}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#102b4a;color:white;padding:22px 5%;display:flex;gap:24px;align-items:center}header a{font-weight:800;font-size:28px;color:white;text-decoration:none}header span{flex:1}main{max-width:1080px;margin:40px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1px}p{line-height:1.6;color:#526780}#login,#change{max-width:480px;margin:64px auto}label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin:16px 0}input,textarea{font:inherit;color:inherit;padding:13px;border:1px solid #b9c9d8;border-radius:8px;width:100%;background:white}button{font:inherit;font-weight:600;background:#087f9f;color:white;border:0;padding:13px 20px;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #14b8d2;outline-offset:3px}.secondary{background:#e6eef4;color:#172e4e}.danger{background:#a52c46}.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{justify-content:flex-start;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.wide{grid-column:1/-1}fieldset{border:1px solid #d0dce7;border-radius:12px;padding:20px;margin:24px 0}legend{font-size:18px;font-weight:700}article,#editor,#credential{background:white;border:1px solid #d5e0e9;border-radius:14px;padding:24px;margin:20px 0}article h2{margin-top:0}article p{overflow-wrap:anywhere}#notice:not(:empty){background:#e4f1f7;padding:16px;border-radius:10px}#credential{border:2px solid #087f9f}footer{text-align:center;color:#526780;padding:32px}#temporary{font-family:monospace;font-size:20px}@media(max-width:640px){.grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}header span{font-size:13px}main{padding:0 16px}fieldset{padding:16px}}