*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#faf9f5;color:#141413;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#87867f;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:40px 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.header-left{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px}.header-title{font-size:22px;font-weight:600;color:#141413}.subscribe-btn{padding:8px 16px;border:1px solid #DEDCD1;border-radius:6px;background:#faf9f5;color:#141413;font-size:14px;cursor:pointer;transition:background .15s}.subscribe-btn:hover{background:#f0efe9}.status-banner{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#f0efe9;border-radius:8px;margin-bottom:40px}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.operational{background:#76ad2a}.status-text{font-size:16px;font-weight:500;color:#141413}.service-section{border-top:1px solid #DEDCD1;padding:24px 0}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.service-name{font-size:16px;font-weight:500;color:#141413}.service-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#76ad2a}.service-status .status-dot{width:10px;height:10px}.uptime-bar-container{position:relative;margin-bottom:8px}.uptime-bars{display:flex;gap:1.5px;height:34px;align-items:stretch}.uptime-bar{flex:1;border-radius:2px;cursor:pointer;transition:opacity .15s;position:relative}.uptime-bar:hover{opacity:.75}.uptime-bar.operational{background:#76ad2a}.uptime-bar.no-data{background:#dedcd1}.uptime-bar.degraded{background:#faa72a}.uptime-bar.partial-outage{background:#e86235}.uptime-bar.major-outage{background:#e04343}.uptime-labels{display:flex;justify-content:space-between;margin-top:6px}.uptime-label{font-size:12px;color:#87867f}.uptime-percentage{text-align:right;font-size:13px;color:#87867f;margin-top:2px}.tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#faf9f5;border:1px solid #DEDCD1;border-radius:6px;padding:10px 14px;font-size:13px;color:#141413;white-space:nowrap;z-index:100;box-shadow:0 2px 8px #00000014;pointer-events:none}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#dedcd1}.tooltip .tooltip-date{font-weight:600;margin-bottom:2px}.tooltip .tooltip-status{color:#76ad2a}.tooltip .tooltip-status.no-data{color:#87867f}.footer{border-top:1px solid #DEDCD1;margin-top:40px;padding:24px 0;display:flex;gap:24px;font-size:13px;color:#87867f}@media (max-width: 600px){.header{flex-direction:column;align-items:flex-start;gap:12px}.footer{flex-direction:column;gap:12px}}