:root{--primary-orange: #E42D00;--light-orange: #FA7200;--white: #ffffff;--black: #000000;--bg-dark: #151515;--bg-darker: #121212;--bg-darkest: #101010;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--spacing-unit: 8px;--spacing-xs: var(--spacing-unit);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--font-size-base: 16px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--breakpoint-sm: 600px;--breakpoint-md: 960px;--breakpoint-lg: 1280px;--breakpoint-xl: 1920px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px}.footer{background-color:var(--bg-darkest);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-xl) 0 var(--spacing-lg);bottom:0}.footer .footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.footer .footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.footer .footer-brand{padding-left:30px}.footer .footer-brand .footer-logo{height:50px;width:auto;margin-bottom:var(--spacing-md)}.footer .footer-brand .footer-description{color:var(--text-secondary);max-width:300px;line-height:1.6}.footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.footer .footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.footer .footer-links{grid-template-columns:1fr}}.footer .footer-section h4{color:var(--light-orange);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.footer .footer-section ul{list-style:none;padding:0;margin:0}.footer .footer-section ul li{margin-bottom:var(--spacing-sm)}.footer .footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer .footer-section ul li a:hover{color:var(--primary-orange)}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-left:30px;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer .footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}.footer .footer-bottom p{color:var(--text-secondary);margin:0}.footer .footer-bottom .social-links{display:flex;gap:var(--spacing-md)}.footer .footer-bottom .social-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer .footer-bottom .social-links a:hover{color:var(--primary-orange)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family, system-ui, sans-serif);background:var(--bg-dark, #151515);color:var(--text-primary, #ffffff)}.main-container{max-width:800px;margin:0 auto}.service-card{border:1px solid #2a2a2a;border-radius:var(--border-radius-md, 8px);padding:var(--spacing-md, 24px);margin-bottom:var(--spacing-md, 24px);background:var(--bg-darker, #222222);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .6));transition:border-color .2s ease}.service-card.operational{border-left:4px solid #2ecc71}.service-card.degraded{border-left:4px solid var(--light-orange, #FA7200)}.service-card.outage{border-left:4px solid var(--primary-orange, #E42D00)}.service-card h2{margin:0 0 var(--spacing-xs, 8px);font-size:var(--font-size-lg, 18px);color:var(--text-primary, #ffffff)}.service-card p{margin:var(--spacing-xs, 8px) 0;line-height:1.5;color:var(--text-secondary, rgba(255, 255, 255, .7))}.uptime{font-size:.9rem;color:#333}.page-title{font-size:var(--font-size-2xl, 32px);margin-bottom:var(--spacing-md, 24px);background:linear-gradient(135deg,#F47200 0%,#E42D00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status{font-weight:600}.status.operational{color:#2ecc71}.status.degraded{color:var(--light-orange, #FA7200)}.status.outage{color:var(--primary-orange, #E42D00)}.service-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.service-description{margin-top:var(--spacing-xs, 8px);font-size:var(--font-size-sm, 14px)}.service-meta{display:flex;align-items:center;gap:var(--spacing-md, 24px)}.toggle-icon{font-size:1.2rem;-webkit-user-select:none;user-select:none;border:1px solid #333;padding:2px;border-radius:4px;background-color:#333}.incident-log{margin-top:var(--spacing-md, 24px);border-top:1px solid #333;padding-top:var(--spacing-md, 24px)}.incident-item{margin-bottom:var(--spacing-md, 24px)}.incident-item h3{margin:0 0 var(--spacing-xs, 8px);font-size:var(--font-size-md, 16px);color:var(--text-primary, #ffffff)}.incident-dates{margin:0 0 var(--spacing-xs, 8px);font-size:var(--font-size-sm, 14px);color:var(--text-secondary, rgba(255, 255, 255, .6))}.incident-details{margin:0;font-size:var(--font-size-sm, 14px);color:var(--text-secondary, rgba(255, 255, 255, .8))}.timeline-row{display:flex;gap:1px;margin:var(--spacing-md, 24px) 0 2px}.timeline-labels{display:flex;gap:1px;font-size:10px;color:var(--light-orange, #FA7200);margin-bottom:2px}.timeline-label{flex:1 1 0%;text-align:center}.timeline-bar{flex:1 1 0%;height:26px;background:currentColor;opacity:.25;border-radius:2px;transition:opacity .2s ease,transform .2s ease;position:relative}.timeline-bar.operational{color:#2ecc71}.timeline-bar.degraded{color:var(--light-orange, #FA7200)}.timeline-bar.outage{color:var(--primary-orange, #E42D00)}.timeline-bar:hover{opacity:1;transform:scaleY(1.3)}.timeline-bar:hover:after,.timeline-bar:focus:after{content:attr(data-tooltip);white-space:pre;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-darker, #222222);color:var(--text-primary, #ffffff);border:1px solid var(--primary-orange, #E42D00);padding:6px 8px;font-size:12px;font-family:var(--font-family, "Inter", sans-serif);border-radius:6px;box-shadow:0 2px 6px #0009;z-index:20;pointer-events:none}.timeline-bar:hover:before,.timeline-bar:focus:before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-darker, #222222);filter:drop-shadow(0 -1px 1px rgba(0,0,0,.6));z-index:19;pointer-events:none}.search-input{width:100%;max-width:400px;margin:0 auto var(--spacing-md, 24px);display:block;padding:10px 14px;border:1px solid #444;border-radius:6px;background:#1a1a1a;color:var(--text-primary, #ffffff);font-size:15px;transition:border var(--transition-fast, .2s ease),background var(--transition-fast, .2s ease)}.search-input:focus{outline:none;border-color:var(--primary-orange, #E42D00);background:#222222}.search-input::placeholder{color:var(--text-secondary, rgba(255, 255, 255, .5))}.no-incidents-msg{margin:var(--spacing-sm, 16px) 0;color:var(--text-secondary, rgba(255, 255, 255, .7));font-style:italic}.hero-section{padding:var(--spacing-lg, 32px) 0;text-align:center;background:linear-gradient(135deg,rgba(244,114,0,.05) 0%,rgba(228,45,0,.05) 100%);margin-bottom:var(--spacing-lg, 32px);border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width: 600px){.service-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, 16px)}.service-meta{gap:var(--spacing-xs, 8px);width:100%}.timeline-bar{height:12px}.timeline-labels{font-size:9px}}