:root{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#142f3f;background:#fff;font-synthesis:none;--brand:#e30613;--line:#dce2e6}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;min-height:100svh;display:grid;grid-template-rows:96px minmax(0,1fr) 66px;background:#fff}
a{color:inherit}
a:focus-visible{outline:3px solid #1769a0;outline-offset:5px}
.skip{position:fixed;top:-80px;left:20px;z-index:10;padding:12px 14px;background:#fff}
.skip:focus{top:10px}
.site-header,main,footer{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.45px}
.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;width:43px;height:43px;border-radius:9px;background:#142f3f;color:#fff;font-size:26px;font-weight:850;letter-spacing:-1.7px}
.brand-mark>span{position:absolute;right:7px;bottom:5px;color:var(--brand);font-size:16px;line-height:1}.identity-name{display:inline-flex;letter-spacing:-.5px}.identity-name span{color:#142f3f}.identity-name strong{color:var(--brand);font-weight:750}
.login-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:130px;padding:12px 17px;border-radius:8px;background:var(--brand);color:#fff;text-decoration:none;font-size:13px;font-weight:750;transition:background .15s ease}
.login-button:hover{background:#bd0510}
main{min-height:0}
.hero{height:100%;display:flex;align-items:center;justify-content:center;padding:48px 0;text-align:center}
h1{margin:0;color:#142f3f;font-size:clamp(48px,5.4vw,72px);font-weight:760;letter-spacing:-3.4px;line-height:1.02}
.brand-title span{color:#142f3f}.brand-title strong{color:var(--brand);font-weight:inherit}
footer{display:flex;align-items:center;border-top:1px solid var(--line);color:#758590;font-size:10px}
@media(max-width:700px){body{grid-template-rows:82px minmax(0,1fr) 58px}.site-header,main,footer{width:calc(100% - 32px)}.identity{gap:10px;font-size:17px}.brand-mark{width:38px;height:38px;border-radius:8px;font-size:23px}.login-button{min-width:auto;gap:10px;padding:11px 13px}.hero{padding:32px 0}h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2.5px}}
@media(prefers-reduced-motion:reduce){.login-button{transition:none}}