:root{color:#f4f7fff5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#2356ce29,#0000 30%),linear-gradient(#050812 0%,#070b17 50%,#04070f 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#0000;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px),radial-gradient(circle at top,#00ffff14,#0000 35%),linear-gradient(#05070f 0%,#070b18 55%,#05070f 100%);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:140px 140px,140px 140px,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 35%,#ffffff03);position:fixed;inset:0}#root{min-height:100vh}img{max-width:100%;display:block}button,a{color:inherit}a{text-decoration:none}.app-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:32px 0 72px}.section{padding:28px 0 16px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:end;gap:28px;padding-top:24px;display:grid}.eyebrow{letter-spacing:.26em;text-transform:uppercase;color:#bbc6dfbf;margin-bottom:14px;font-size:.8rem;display:inline-block}h1,h2,h3,p,ul{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(2.5rem,4vw,4rem);line-height:1.05}h2{margin-bottom:0;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.15}h3{margin-bottom:8px;font-size:1.45rem;line-height:1.2}.hero-text,.section-header p,.project-summary,.project-subtitle,.status-description,.detail-description,.detail-subtitle,figcaption,.detail-list,.empty-state,.status-card p{color:#dce2eec7}.hero-text{max-width:62ch;margin-bottom:24px;font-size:1.08rem}.hero-actions,.detail-links{flex-wrap:wrap;gap:12px;display:flex}.button{color:#edf4ff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:.82rem 1.15rem;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{border-color:#fff3;transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#50aeff4d,#2b68eb66);border-color:#7ab7ff47}.button.secondary{background:#ffffff05}.button.small{padding:.7rem 1rem;font-size:.96rem}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card,.project-card,.status-card,.detail-card,.gallery-card,.empty-state{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff14;box-shadow:0 20px 50px #00000040}.stat-card{border-radius:24px;padding:18px}.stat-label,.metric-label,.status-label{letter-spacing:.22em;text-transform:uppercase;color:#bdc6dbb3;margin-bottom:10px;font-size:.76rem;display:block}.stat-value{color:#f4f7fff5;font-size:1.08rem;font-weight:600}.section-header{grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);align-items:start;gap:28px;margin-bottom:24px;display:grid}.project-grid,.status-grid,.gallery-grid,.access-grid{gap:22px;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.access-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.access-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff14;border-radius:28px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;box-shadow:0 20px 50px #00000040}.access-card:hover{border-color:#82baff42;transform:translateY(-4px);box-shadow:0 26px 60px #0000004d}.access-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.project-card,.status-card,.detail-card,.gallery-card,.empty-state{border-radius:30px}.project-card{min-height:100%;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s}.project-card:hover{border-color:#82baff42;transform:translateY(-4px);box-shadow:0 26px 60px #0000004d}.card-top,.status-head,.detail-card-header,.detail-heading,.detail-nav{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-top h3{margin-bottom:0}.card-arrow{color:#c1d4fcdb;margin-top:4px}.icon-wrap{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.icon-wrap.large{border-radius:16px;width:52px;height:52px;margin-bottom:0}.icon-wrap.cyan{color:#6be4ff;background:#38b4ff24}.icon-wrap.emerald{color:#67f7be;background:#2dc47824}.icon-wrap.violet{color:#d18bff;background:#af6dff24}.icon-wrap.amber{color:#ffd079;background:#ffb84124}.icon-wrap.blue{color:#7dc2ff;background:#4384ff24}.icon-wrap.orange{color:#ffae70;background:#ff730024}.icon-wrap.rose{color:#ffa1bc;background:#ff547924}.project-subtitle{margin-bottom:10px;font-size:1rem}.project-summary{margin-bottom:18px}.tag-row{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#eef3ffed;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;min-height:34px;padding:.35rem .7rem;font-size:.88rem;display:inline-flex}.view-link{color:#b7d0ff;align-items:center;gap:8px;margin-top:18px;font-weight:600;display:inline-flex}.status-card{flex-direction:column;gap:14px;min-height:100%;padding:24px;display:flex}.status-head{align-items:center}.status-pill{color:#78f8bf;background:#29ad6c26;border:1px solid #5ff1ab1f;border-radius:999px;align-items:center;gap:8px;padding:.55rem .9rem;font-weight:600;display:inline-flex}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px;display:grid}.metric-box{background:#00000029;border:1px solid #ffffff14;border-radius:18px;min-width:0;padding:14px}.metric-label{margin-bottom:8px}.metric-value{word-break:break-word;overflow-wrap:anywhere;font-size:.96rem;font-weight:700}.project-detail-page .detail-nav{justify-content:flex-start;margin-bottom:18px}.detail-heading{justify-content:flex-start;align-items:center;margin-bottom:18px}.detail-subtitle{margin-bottom:0}.detail-description{max-width:78ch;margin-bottom:18px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.detail-card{padding:22px}.detail-card-header{color:#dceafff2;justify-content:flex-start;align-items:center;margin-bottom:14px}.detail-card-header h2{font-size:1.15rem}.detail-list{margin-bottom:0;padding-left:1.2rem}.detail-list li+li{margin-top:10px}.gallery-card{overflow:hidden}.gallery-card img{aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid #ffffff14;width:100%}.gallery-card figcaption{padding:16px 18px 18px;font-size:.96rem}.empty-state{align-items:center;gap:10px;padding:26px 22px;display:inline-flex}@media (width<=1024px){.hero,.section-header,.detail-grid,.project-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(100% - 30px,1180px)}h1{font-size:clamp(2.1rem,8vw,3rem)}.hero-stats,.metrics-grid,.gallery-grid{grid-template-columns:1fr}.button{justify-content:center;width:100%}}.gallery-button{text-align:left;cursor:zoom-in;background:0 0;padding:0}.gallery-button figure{margin:0}.gallery-card img{aspect-ratio:auto;object-fit:contain;background:#040810d1;border-bottom:1px solid #ffffff14;width:100%;max-height:420px;padding:10px}.lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#040810d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.lightbox-content{background:linear-gradient(#0d1220fa,#080b14fa);border:1px solid #ffffff1a;border-radius:22px;width:min(1200px,100%);max-height:90vh;padding:20px;position:relative;overflow:auto;box-shadow:0 20px 80px #00000073}.lightbox-content img{object-fit:contain;background:#040810e6;border-radius:14px;width:100%;max-height:75vh;display:block}.lightbox-content p{color:#e1e8f4d1;margin-top:16px;font-size:1rem}.lightbox-close{color:#ecf1f8eb;cursor:pointer;background:#0f1420d1;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:14px;right:14px}.lightbox-close:hover{background:#171f2ff2}.status-pill.checking{color:#d6e3ff;background:#63779a2e;border-color:#b4c6e429}.status-pill.degraded{color:#ffd98c;background:#b477162e;border-color:#ffbc4229}.status-pill.offline{color:#ffb4bf;background:#a2364d2e;border-color:#ff7e9829}.status-footnote{color:#c4cee2ad;margin-top:14px;font-size:.94rem}.status-endpoint{color:#b7d0ffeb;align-self:flex-start;align-items:center;gap:8px;margin-top:2px;font-weight:600;display:inline-flex}.status-endpoint:hover{color:#deebfffa}.metrics-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid-compact .metric-box:last-child{grid-column:span 1}.status-card h3{margin-bottom:0;font-size:1.15rem;line-height:1.15}.status-description{min-height:92px;margin-bottom:0}@media (width<=1180px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.status-grid{grid-template-columns:1fr}.metrics-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid-compact .metric-box:last-child{grid-column:span 2}.status-description{min-height:0}}