:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202a30;background:#f7f9fa;font-synthesis:none;letter-spacing:0;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;font-size:14px}
button,input{font:inherit;letter-spacing:0}
button,a,input{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:default}
.topbar{height:98px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e3e8eb}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:8px;background:#153d35;color:#fff;display:grid;place-items:center}
.brand-mark svg{width:24px;height:24px}
.brand-name{font-size:20px;font-weight:650;line-height:1.2}
.brand-caption{display:block;font-size:12px;font-weight:400;color:#6a7780;margin-top:4px}
.connection{display:flex;align-items:center;gap:8px;color:#66757c;font-size:12px}
.connection svg{width:16px;height:16px;color:#367565}
main{padding:64px 24px 72px;display:flex;align-items:center;justify-content:center}
.login{width:100%;max-width:440px;padding:38px 34px 30px;border:1px solid #dfe5e8;border-radius:8px;background:#fff;box-shadow:0 5px 24px #1c303908}
.storage-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;background:#edf5f2;color:#2c705a;margin-bottom:28px}
.storage-mark svg{width:30px;height:30px;stroke-width:1.6}
.eyebrow{font-size:10px;font-weight:650;color:#73858a;margin:0 0 9px;line-height:1.5}
h1{font-size:26px;line-height:1.25;font-weight:620;margin:0 0 10px;overflow-wrap:anywhere}
.host{font-size:13px;color:#7c898f;margin:0 0 31px}
.field{margin-bottom:20px}
label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}
.input-wrap{height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #d7dfe3;border-radius:5px;background:#fff;transition:border-color .15s,box-shadow .15s}
.input-wrap:focus-within{border-color:#2a7b63;box-shadow:0 0 0 3px #e6f2ed}
.input-wrap>span{display:flex;flex:none;color:#8a979f}
.input-wrap svg{width:17px;height:17px}
input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:#202a30;outline:0;font-size:13px}
input::placeholder{color:#9aa5aa}
.icon-button{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-right:-6px;border:0;border-radius:4px;background:transparent;color:#839299}
.icon-button span{display:flex}
.icon-button:hover{background:#f0f4f5;color:#345749}
.icon-button:focus-visible,.submit:focus-visible,.brand:focus-visible{outline:2px solid #178467;outline-offset:4px}
.submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;margin-top:6px;border:1px solid #236449;border-radius:5px;background:#276f53;color:#fff;font-weight:600;font-size:14px;transition:background .15s}
.submit svg{width:17px;height:17px}
.submit span{display:flex;align-items:center}
.submit:hover{background:#1c5d43}
.submit:disabled{opacity:.6}
.error{font-size:12px;line-height:1.5;background:#fcf1ef;color:#a34b3f;border:1px solid #f1d6d0;border-radius:5px;padding:10px 11px;margin:0 0 15px;display:flex;align-items:flex-start;gap:8px}
.error[hidden]{display:none}
.error>span:first-child{display:flex;flex:none;margin-top:1px}
.error svg{width:16px;height:16px}
.access-note{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #edf0f2;margin-top:27px;padding-top:21px;color:#859199;font-size:12px}
.access-note svg{width:13px;height:13px}
.access-note>span{display:flex}
footer{min-height:66px;margin:0 5%;border-top:1px solid #e3e8eb;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8b969d;font-size:11px}
.footer-label{display:flex;gap:7px;align-items:center}
.footer-label>span{display:flex}
.footer-label svg{width:13px;height:13px}
.noscript{font-size:12px;color:#a34b3f}
@media(max-width:540px){.topbar{height:80px;margin:0 24px}.connection{font-size:0;gap:0}.connection svg{width:20px;height:20px}.brand-name{font-size:18px}main{padding:36px 20px 48px}.login{padding:28px 24px 26px}h1{font-size:24px}.storage-mark{margin-bottom:24px}footer{margin:0 24px;min-height:72px;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 0}.footer-label{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}