.status-page{box-sizing:border-box;min-height:calc(100vh - 250px);display:grid;place-items:center;padding:clamp(3rem,6vw,6rem) 1rem;background:#f6f1e7;color:#183640;font-family:CorpDM,'DM Sans',Arial,sans-serif}
.status-card{box-sizing:border-box;width:min(100%,680px);padding:clamp(2rem,5vw,4rem);text-align:center;background:#fff;border:1px solid #d9ded9;box-shadow:0 18px 45px rgba(9,44,52,.08)}
.status-card .brand{display:none}
.status-card .icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 1.5rem;border:1px solid #bd9451;border-radius:50%;color:#22525b;font-size:2rem;font-weight:700}
.status-card.is-error .icon,.is-error .status-card .icon{color:#a54038;border-color:#a54038}
.status-card h1{font:400 clamp(2rem,4vw,3.2rem)/1.15 Georgia,serif;margin:0 0 1.2rem;color:#183640}
.status-card p{margin:0 auto 1rem;max-width:540px;line-height:1.65;color:#56696b}
.status-card .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}
.status-card .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.2rem;border:1px solid #22525b;color:#22525b;font-weight:700;text-decoration:none}
.status-card .button-primary{border-color:#bd9451;background:#bd9451;color:#142b30}
.status-card .button:hover{background:#22525b;color:#fff}.status-card .button-primary:hover{background:#e1ba72;border-color:#e1ba72;color:#142b30}
.status-card .note{margin-top:1.5rem;font-size:.9rem}
@media(max-width:700px){.status-page{padding:2.5rem 1rem}}