*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#20364d;font-family:Arial,Helvetica,sans-serif}header{background:#fff;border-bottom:3px solid #2075a8;padding:24px max(24px,5vw);display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:0;color:#175b87;font-size:32px}header p{margin:6px 0 0;color:#688096}#clock{font-size:22px;font-weight:700;text-align:right}main{max-width:1250px;margin:28px auto;padding:0 20px}.status{margin-bottom:16px;color:#60788c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #18364d18;border-top:4px solid #2d7eac}.name{font-size:17px;font-weight:700}.location{height:22px;color:#718596;font-size:13px;margin-top:4px}.value{font-size:36px;font-weight:700;color:#39749a;margin:18px 0 14px}.time{font-size:12px;color:#718596}.error{color:#a51d2d}footer{text-align:center;color:#718596;padding:30px 15px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}#clock{text-align:left}h1{font-size:26px}}