:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10233e;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:320px;border-top:5px solid #3184d4}
.page{width:min(1240px,100%);min-height:calc(100svh - 5px);padding:0 clamp(24px,5vw,72px);margin:auto;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e3eaf1;padding:30px 0}
.site-name{margin:0;font-size:.875rem;font-weight:650;color:#394d63}
.status{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#4c6076;margin:0}
.status span{width:7px;height:7px;flex-shrink:0;background:#3184d4;border-radius:50%}
.skip-link{position:fixed;top:16px;left:16px;z-index:2;transform:translateY(-200%);background:#10233e;color:#fff;padding:14px 18px;text-underline-offset:4px}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #185f9f;outline-offset:5px}
main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:92px 0 100px}
main:focus:not(:focus-visible){outline:none}
.brand-halo{position:absolute;z-index:-1;inset:8% 12%;background:radial-gradient(ellipse at center,#eef6fd 0,transparent 68%);pointer-events:none}
.message{width:100%;max-width:760px;text-align:center}
.brand{display:block;width:min(100%,660px);height:auto;margin:0 auto}
.divider{height:3px;width:44px;border-radius:2px;background:#3184d4;margin:55px auto 32px}
h1{font-size:3.25rem;line-height:1.12;font-weight:650;margin:0 0 22px;overflow-wrap:break-word}
.intro{font-size:1.125rem;line-height:1.8;color:#53677e;margin:0}
footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e3eaf1;padding:24px 0 29px;font-size:.75rem;color:#52667c}
footer p{margin:0}
@media(max-width:800px){.header{padding:25px 0;align-items:flex-start;flex-direction:column;gap:12px}main{padding:72px 0 80px}.divider{margin-top:40px}h1{font-size:2.5rem}.intro{font-size:1rem}footer{padding-bottom:24px}}
@media(max-width:360px){main{padding:60px 0 68px}.divider{margin:34px auto 27px}h1{font-size:2.125rem}footer{flex-direction:column;gap:8px}.status{font-size:.6875rem}}