:root{--ink:#182f32;--muted:#657579;--line:#e2e8e8;--accent:#176d65;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#f3f6f7;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:white}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:650;letter-spacing:-.3px}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--accent);color:white;font-size:24px;font-weight:750;line-height:1}
.version-tag{border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:11px;color:var(--muted)}
main{max-width:440px;margin:0 auto;padding:24px 20px 32px}h1{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:12px 0 20px}h2{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:28px 4px 10px}p{color:var(--muted);margin:8px 0 20px}
.panel{border:1px solid var(--line);border-radius:16px;background:white;padding:22px;margin:12px 0}.login-layout{padding-top:38px}.login-panel h1{margin-top:0}
input,button{font:inherit}label{display:block;font-weight:600;margin-bottom:7px;font-size:13px}input{width:100%;min-height:46px;border:1px solid #aababb;border-radius:10px;padding:10px 12px;font-size:16px;background:white;color:var(--ink)}.field{margin-bottom:18px}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);background:var(--accent);color:white;border-radius:11px;min-height:44px;padding:10px 16px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.panel form>button{width:100%}
.icon{vertical-align:middle;flex:none}.back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--accent);font-size:13px}
.help{font-size:12px;color:var(--muted);margin-top:8px}.help ul{padding-left:17px;margin:0}.help li+li{margin-top:4px}.error,.errorlist,.alert{color:#a13229;font-size:13px}.errorlist{padding-left:17px;margin:7px 0 0}
.identity{display:flex;align-items:center;gap:14px}.identity>.icon{color:var(--accent)}.identity p{margin:3px 0 0;font-size:12px}.menu{padding:0}.menu>a{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 18px;color:var(--ink);text-decoration:none;font-weight:550}.menu form{border-top:1px solid var(--line)}.menu .signout{background:white;border:0;border-radius:0 0 16px 16px;color:#a13229;justify-content:flex-start;padding:14px 18px;min-height:56px}
.success{text-align:center;margin-top:40px}.success-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e9f3f1;color:var(--accent);font-size:24px;margin:8px}.success h1{font-size:22px}footer{text-align:center;color:var(--muted);font-size:11px;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}
:focus-visible{outline:3px solid #ac7915;outline-offset:3px}@media(min-width:800px){header{padding-inline:max(24px,calc((100% - 952px)/2))}main{padding-top:40px}}

.skip{position:absolute;top:-100px;left:16px;z-index:10;background:white;padding:12px;color:var(--accent)}.skip:focus{top:10px}

.password-control{position:relative}.password-control input{padding-right:52px}.password-control .password-toggle{position:absolute;right:1px;top:1px;bottom:1px;min-height:44px;width:44px;padding:6px;background:transparent;border:0;border-radius:0 9px 9px 0;color:var(--accent);font-size:12px}.password-toggle:focus-visible{outline-offset:-3px}