body{background:linear-gradient(135deg,#0a1625,#1a2844);color:#e0e6f0;font-family:'Open Sans',sans-serif;padding-top:200px}#site-header{position:relative;z-index:1000}.navbar{display:block !important;visibility:visible !important;opacity:1 !important;position:fixed !important;top:0;left:0;right:0;z-index:1000}.container{max-width:1400px;padding-left:20px;padding-right:20px}.header{text-align:center;margin:30px 0;padding:20px;border-radius:10px;background:linear-gradient(135deg,rgba(13,27,42,0.8) 0,rgba(20,39,78,0.9) 100%);box-shadow:0 0 30px rgba(64,192,240,0.2);border:1px solid rgba(64,192,240,0.3)}.header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#fff,#40c0f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(64,192,240,0.5)}.header p{font-size:1.2rem;color:#a0a0a0}.stats-overview{background:linear-gradient(135deg,rgba(13,27,42,0.8) 0,rgba(20,39,78,0.7) 100%);border-radius:15px;padding:30px;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,0.3),0 0 20px rgba(64,192,240,0.2);backdrop-filter:blur(10px);border:1px solid rgba(64,192,240,0.2);position:relative;overflow:hidden}.stats-overview::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#40c0f0,transparent);opacity:.7}.stats-overview h2{color:#fff;margin-bottom:25px;font-size:1.8rem;text-align:center;text-shadow:0 0 10px rgba(64,192,240,0.5);background:linear-gradient(90deg,#fff,#40c0f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.stat-item{padding:20px;background:linear-gradient(135deg,rgba(20,39,78,0.6) 0,rgba(13,27,42,0.8) 100%);border-radius:10px;border:1px solid rgba(64,192,240,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.2);text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(64,192,240,0.3);border-color:rgba(64,192,240,0.4)}.stat-value{font-size:2.2em;font-weight:700;color:#40c0f0;margin-bottom:10px;text-shadow:0 0 10px rgba(64,192,240,0.5)}.stat-label{font-size:.9em;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.category-title{background:linear-gradient(135deg,rgba(20,39,78,0.8) 0,rgba(13,27,42,0.9) 100%);color:#fff;padding:15px 25px;border-radius:10px;font-size:1.3em;font-weight:600;margin-bottom:25px;box-shadow:0 8px 25px rgba(0,0,0,0.3);border-left:3px solid #40c0f0;text-shadow:0 0 10px rgba(64,192,240,0.3);display:flex;align-items:center;gap:10px}.agent-card{background:linear-gradient(135deg,rgba(26,40,68,0.8) 0,rgba(13,27,42,0.9) 100%);border-radius:15px;padding:25px;box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 20px rgba(64,192,240,0.1);backdrop-filter:blur(15px);border:1px solid rgba(64,192,240,0.15);position:relative;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.agent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#40c0f0,transparent);opacity:.6}.agent-card::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(64,192,240,0.3),transparent)}.agent-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(64,192,240,0.2);border-color:rgba(64,192,240,0.3)}.agent-header{display:flex;gap:15px;margin-bottom:20px;position:relative}.agent-visual{width:60px;height:60px;position:relative;border-radius:10px;background:rgba(13,27,42,0.6);box-shadow:0 5px 15px rgba(0,0,0,0.3);border:1px solid rgba(64,192,240,0.2);overflow:hidden;flex-shrink:0}.agent-info{flex-grow:1}.agent-info h3{font-weight:600;font-size:1.4rem;margin:0 0 5px 0;color:#fff;line-height:1.3;background:linear-gradient(90deg,#fff,#40c0f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(64,192,240,0.3)}.agent-role{font-style:italic;color:#a0a0a0;font-size:.9rem}.neural-network{margin:15px 0;height:100px;position:relative;background:rgba(13,27,42,0.4);border-radius:10px;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,0.3);border:1px solid rgba(64,192,240,0.1)}.neural-container{position:relative;width:100%;height:100%}.neural-node{position:absolute;width:10px;height:10px;background:#40c0f0;border-radius:50%;box-shadow:0 0 10px rgba(64,192,240,0.8);opacity:.7;animation:pulse 3s infinite}.neural-connection{position:absolute;height:2px;background:linear-gradient(90deg,rgba(64,192,240,0.3),rgba(64,192,240,0.8));opacity:.5;box-shadow:0 0 8px rgba(64,192,240,0.5);animation:glow 4s infinite}.neural-core{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(64,192,240,0.8) 0,rgba(64,192,240,0.2) 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(64,192,240,0.8);animation:coreGlow 2s infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}@keyframes glow{0%,100%{opacity:.5;box-shadow:0 0 8px rgba(64,192,240,0.5)}50%{opacity:.8;box-shadow:0 0 15px rgba(64,192,240,0.8)}}@keyframes coreGlow{0%,100%{box-shadow:0 0 20px rgba(64,192,240,0.8)}50%{box-shadow:0 0 30px rgba(64,192,240,1)}}.agent-description{color:#ccc;font-size:.9rem;line-height:1.5;margin-bottom:20px;flex-grow:1;padding:10px;background:rgba(13,27,42,0.3);border-radius:8px;border-left:2px solid rgba(64,192,240,0.3)}.workload-info{margin-top:15px;display:flex;flex-direction:column;gap:5px}.workload-text{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#a0a0a0;display:flex;justify-content:space-between;align-items:center}.workload-bar{width:100%;height:8px;background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 0 10px rgba(0,0,0,0.2)}.workload-fill{height:100%;transition:all .6s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 15px rgba(76,175,80,0.3)}.workload-fill[data-level="high"]{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 15px rgba(76,175,80,0.3)}.workload-fill[data-level="medium"]{background:linear-gradient(90deg,#ffc107,#ffd54f);box-shadow:0 0 15px rgba(255,193,7,0.3)}.workload-fill[data-level="low"]{background:linear-gradient(90deg,#ff9800,#ffb74d);box-shadow:0 0 15px rgba(255,152,0,0.3)}.workload-fill[data-level="critical"]{background:linear-gradient(90deg,#f44336,#ef5350);box-shadow:0 0 15px rgba(244,67,54,0.3)}.workload-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2s infinite;transform:translateX(-100%)}.workload-percentage{font-weight:600;font-size:.8rem;color:rgba(255,255,255,0.9);text-shadow:0 0 10px rgba(255,255,255,0.2);text-align:right;margin-top:3px}.status-indicator{display:flex;align-items:center;gap:8px;margin-top:15px;padding:8px 12px;background:rgba(13,27,42,0.4);border-radius:8px;font-size:.85rem;color:#a0a0a0}.status-dot{width:10px;height:10px;border-radius:50%;background-color:#4caf50;box-shadow:0 0 10px rgba(76,175,80,0.8);animation:statusPulse 2s infinite}@keyframes statusPulse{0%,100%{box-shadow:0 0 10px rgba(76,175,80,0.8)}50%{box-shadow:0 0 15px rgba(76,175,80,1)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.screen-effect{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0,rgba(0,0,0,0.15),rgba(0,0,0,0.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1001;opacity:.4;animation:scanline 10s linear infinite}#site-footer{position:relative;z-index:999}footer{background:rgba(13,27,42,0.7) !important;border-top:1px solid rgba(64,192,240,0.2) !important;backdrop-filter:blur(10px);margin-top:80px !important;padding:30px 20px !important;color:#a0a0a0 !important}footer a{color:#40c0f0 !important;text-decoration:none !important;transition:color .2s ease,text-shadow .2s ease !important}footer a:hover{color:#60e0ff !important;text-shadow:0 0 10px rgba(64,192,240,0.6) !important}@keyframes scanline{0%{background-position:0 0}100%{background-position:0 100%}}@media(max-width:768px){.agents-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.header h1{font-size:2rem}.header p{font-size:1rem}.stats-overview h2{font-size:1.5rem}}@media(max-width:480px){.agents-grid{grid-template-columns:1fr}.agent-info h3{font-size:1.2rem}.neural-network{height:80px}.stat-value{font-size:1.8em}}