*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#16233b;margin:0;font-size:14px}
.wrap{max-width:1100px;margin:42px auto;padding:20px}
.site-header{text-align:center;margin-bottom:28px}
.logo{display:block;width:min(700px,100%);height:auto;margin:0 auto 28px}
h1{font-size:30px;line-height:1.15;margin:0;letter-spacing:-.5px}
h2{font-size:30px;line-height:1.15;margin:16px 0 12px;letter-spacing:-.5px}
h3{font-size:24px;line-height:1.2;margin:0 0 16px}
p{font-size:14px;line-height:1.55;margin:0 0 12px}
a{color:#234e80}.small{color:#5a6780;font-size:14px;margin-top:20px}.contact-line{margin-top:14px}
.hero,.restore,.card{background:#fff;border:1px solid #dbe2ef;border-radius:18px;padding:28px;box-shadow:0 8px 24px rgba(22,35,59,.06);margin-bottom:24px}
.hero{border-left:7px solid #d08b1e}.badge{display:inline-block;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-warning{background:#fff3df;color:#b26c00}
.restore{display:flex;justify-content:space-between;gap:40px;align-items:center}.restore-copy{flex:1 1 auto}
.buttons{width:290px;display:flex;flex-direction:column;gap:16px;align-items:stretch;flex-shrink:0}
.btn{display:block;width:100%;background:#234e80;color:#fff;text-decoration:none;text-align:center;padding:15px 18px;border-radius:999px;font-weight:700;font-size:14px;border:none}.btn:hover{background:#1b3d66}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}ul{list-style:none;padding:0;margin:0}
li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf0f5;font-weight:700;font-size:14px}li:last-child{border-bottom:0}
.status{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-ok{background:#dff6e7;color:#177245}.status-warning{background:#fff3df;color:#b26c00}.status-outage{background:#ffe1e1;color:#b42318}.status-maintenance{background:#e5f0ff;color:#1d4ed8}
.timeline-item{border-left:4px solid #234e80;padding-left:16px;margin-bottom:22px}.timeline-item strong{font-size:14px}.timeline-item p{margin-top:8px}
footer{color:#6b778d;font-size:13px;margin:26px 0 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legend{text-align:right}
@media(max-width:900px){.restore{flex-direction:column;align-items:stretch}.buttons{width:100%}}
@media(max-width:800px){.wrap{margin:20px auto}.grid{grid-template-columns:1fr}li{display:block}.status{display:inline-block;margin-top:8px}.legend{text-align:left}}