:root{font-family:system-ui,sans-serif;color:#214560;background:#f5f4f0}*{box-sizing:border-box}body{margin:0}main{width:min(460px,calc(100% - 32px));margin:8vh auto;padding:32px;background:white;border:1px solid #e0e4e4;border-radius:16px}.brand{font-size:11px;letter-spacing:2px;border-bottom:1px solid #e0e4e4;padding-bottom:24px}.brand strong{display:block;font-family:Georgia,serif;font-size:36px;letter-spacing:0;margin-top:5px}h1{font-size:25px;margin-top:26px}p,small{line-height:1.6;color:#6b7d87}label{display:block;font-size:13px;margin:16px 0 7px}input{width:100%;padding:12px;border:1px solid #ccd6db;border-radius:7px;font:inherit}button{cursor:pointer;font:inherit;border:0;border-radius:7px;background:#214560;color:white;padding:12px 16px}form button{width:100%;margin-top:22px}button:disabled{opacity:.6;cursor:wait}#message{color:#9e3f3f}small{font-size:12px}.session{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#17364d;color:white;padding:8px 4%;font-size:12px}.session button{background:#ffffff15;border:1px solid #ffffff50;padding:6px 10px;font-size:12px}iframe{display:block;border:0;width:100%;height:calc(100dvh - 48px)}[hidden]{display:none!important}