:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#003956;font:16px/1.6 system-ui,sans-serif;padding:45px 20px}main{width:min(680px,100%);margin:auto;background:white;border:1px solid #dce5eb;border-top:4px solid #bd9556;padding:35px;border-radius:7px}.brand{font-size:30px;letter-spacing:4px;font-weight:750}.brand small{display:block;font-size:10px;letter-spacing:1.7px;font-weight:500;color:#526978}h1{font-size:27px;line-height:1.3;margin:30px 0 16px}h2{font-size:20px}p{color:#526978}label{display:block;margin:15px 0 5px;font-size:14px;font-weight:600}input,select{display:block;width:100%;border:1px solid #cbd8df;border-radius:4px;padding:11px 12px;font:inherit;color:#003956;background:white}button,.button{background:#003956;color:white;border:0;padding:12px 19px;border-radius:4px;font:600 15px system-ui;cursor:pointer;display:inline-block;text-decoration:none;margin:20px 8px 0 0}a{color:#003956}.notice{background:#f8f4eb;border-left:3px solid #bd9556;padding:14px 17px;margin:18px 0}.error{background:#fff0f1;border-color:#b42a3a}.success{background:#edf7f1;border-color:#2d8261}code{font-size:17px;overflow-wrap:anywhere}small{color:#526978}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 5px;border-bottom:1px solid #e0e7eb}@media(max-width:500px){main{padding:24px}.row{grid-template-columns:1fr}}