@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#0d0f14;--panel-bg:#ffffff08;--panel-border:#ffffff0d;--text-main:#e2e8f0;--text-muted:#94a3b8;--accent-cyan:#00e5ff;--accent-blue:#0ea5e9;--glass-blur:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:linear-gradient(#0d0f14bf,#0d0f14d9),radial-gradient(circle at 15%,#00e5ff1f,#0000 45%),radial-gradient(circle at 85% 20%,#0ea5e91f,#0000 45%),url(/bg-map.png);background-position:50%,50%,50%,50%;background-size:100% 100%,100% 100%,100% 100%,cover;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1f;border-radius:1.5rem;padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 40px #00e5ff0f,inset 0 0 20px #ffffff08}.glass-panel:hover{border-color:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 40px #00e5ff1a,inset 0 0 20px #ffffff08}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:2px;transition:transform .5s;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.glass-panel:hover:before{transform:translate(100%)}.hero-section{text-align:center;flex-direction:column;align-items:center;margin-top:2rem;margin-bottom:4rem;display:flex}.logo-wrapper{width:300px;height:300px;margin-bottom:2rem;position:relative}.logo-img{object-fit:contain;filter:drop-shadow(0 0 20px #00e5ff80);width:100%;height:100%}h1.main-title{background:linear-gradient(to right, #fff, var(--accent-cyan));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.subtitle{color:var(--text-muted);letter-spacing:2px;margin-bottom:3rem;font-size:1.25rem;font-weight:300}.grid-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.grid-layout{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-layout{grid-template-columns:repeat(3,1fr)}}.metric-title{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.metric-value{margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1.1}.metric-unit{color:var(--text-muted);font-size:1.5rem;font-weight:400}.metric-desc{color:var(--text-muted);margin-top:1rem;font-size:.95rem;line-height:1.5}.footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:3rem 0 2rem;font-size:.9rem}.status-indicator{color:#34d399;letter-spacing:.5px;background:#34d3991a;border:1px solid #34d39966;border-radius:9999px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #34d39933}.pulse-dot{background:#34d399;border-radius:50%;width:10px;height:10px;animation:2s cubic-bezier(.4,0,.2,1) infinite pulse-green;box-shadow:0 0 12px #34d399}@keyframes pulse-green{0%{opacity:1;transform:scale(1);box-shadow:0 0 12px #34d399}50%{opacity:.7;transform:scale(1.4);box-shadow:0 0 24px #34d399}to{opacity:1;transform:scale(1);box-shadow:0 0 12px #34d399}}.arch-diagram{flex-direction:column;align-items:center;gap:2rem;padding:1rem 0;display:flex;position:relative}.arch-row{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex;position:relative}.arch-node{text-align:center;z-index:2;-webkit-backdrop-filter:blur(8px);background:#0d0f1499;border:1px solid #00e5ff33;border-radius:1rem;width:100%;max-width:300px;padding:1.5rem;position:relative;box-shadow:0 0 20px #00e5ff0d}.arch-node.battery{border-color:#34d39966;box-shadow:0 0 20px #34d3991a}.arch-node h4{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.arch-node p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.arch-line-v{background:linear-gradient(to bottom, var(--accent-cyan), #00e5ff1a);z-index:1;width:2px;position:absolute;top:100%;bottom:-2rem;left:50%;transform:translate(-50%)}@media (width<=768px){.container{padding:1rem}.glass-panel{padding:1.5rem}h1.main-title{font-size:2.2rem}.logo-wrapper{width:250px;height:250px}.metric-value{font-size:2.5rem}}