svg{display:inline-block!important;fill:currentColor!important;stroke:currentColor!important;position:relative!important}.lucide,.lucide-activity,.lucide-bar-chart-3,.lucide-chart-column,.lucide-circle-check-big,.lucide-clock,.lucide-globe,.lucide-info,.lucide-monitor,.lucide-server,.lucide-shield,.lucide-triangle-alert,.lucide-zap{display:inline-block!important;position:relative!important;z-index:999999!important;visibility:visible!important;opacity:1!important;fill:currentColor!important;stroke:currentColor!important;flex-shrink:0}:root{--transition-normal:350ms cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.site-header{position:fixed;left:0;right:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:var(--spacing-md) 0}.header-flex{width:100%}.logo{font-size:1.75rem;font-weight:900;color:var(--text-primary);order:1}.dot{color:var(--primary-color)}.hamburger-btn{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:transparent;border:none;cursor:pointer;z-index:10001;position:relative;margin-left:auto;order:2;padding:4px;border-radius:8px;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(139,92,246,.3)}50%{transform:scale(1.02);box-shadow:0 0 0 4px rgba(139,92,246,.1)}}.hamburger-btn:hover{background:rgba(139,92,246,.1);transform:scale(1.05);animation:none}.hamburger-btn.active{animation:none}.hamburger-line{width:20px;height:2px;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(139,92,246,.3);position:absolute}.hamburger-line:first-child{transform:translateY(-6px)}.hamburger-line:nth-child(2){transform:translateY(0)}.hamburger-line:nth-child(3){transform:translateY(6px)}.hamburger-btn:hover .hamburger-line{box-shadow:0 0 12px rgba(139,92,246,.5)}.hamburger-btn:hover .hamburger-line:first-child{transform:translateY(-6px) scaleX(1.1)}.hamburger-btn:hover .hamburger-line:nth-child(2){transform:translateY(0) scaleX(1.1)}.hamburger-btn:hover .hamburger-line:nth-child(3){transform:translateY(6px) scaleX(1.1)}.hamburger-btn.active .hamburger-line:first-child{transform:translateY(0) rotate(45deg)!important;background:linear-gradient(135deg,#ef4444,#f97316)}.hamburger-btn.active .hamburger-line:nth-child(2){transform:scale(0)!important}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(0) rotate(-45deg)!important;background:linear-gradient(135deg,#ef4444,#f97316)}.main-nav{display:none!important;position:fixed;top:0;right:-380px;width:320px;height:100vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--glass-border);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-md);z-index:10001;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:-5px 0 30px rgba(0,0,0,.4);pointer-events:auto;transform:translateX(100%);opacity:0}.main-nav.active{display:flex!important;right:0;pointer-events:auto!important;filter:none!important;transform:translateX(0);opacity:1;animation:slideInSmooth .5s cubic-bezier(.4,0,.2,1) forwards}.main-nav.closing{animation:slideOutSmooth .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInSmooth{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutSmooth{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);text-decoration:none;border-radius:12px;font-size:1.1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateX(30px);opacity:0;background:rgba(30,41,59,.3);border:1px solid rgba(148,163,184,.1)}.main-nav.active .nav-link:first-child{animation:slideInStaggerSmooth .4s cubic-bezier(.4,0,.2,1) .1s forwards}.main-nav.active .nav-link:nth-child(2){animation:slideInStaggerSmooth .4s cubic-bezier(.4,0,.2,1) .15s forwards}.main-nav.active .nav-link:nth-child(3){animation:slideInStaggerSmooth .4s cubic-bezier(.4,0,.2,1) .2s forwards}.main-nav.active .nav-link:nth-child(4){animation:slideInStaggerSmooth .4s cubic-bezier(.4,0,.2,1) .25s forwards}@keyframes slideInStaggerSmooth{0%{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),transparent);transition:left .6s cubic-bezier(.25,.46,.45,.94)}.nav-link:hover:before{left:100%}.nav-link:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.3);transform:translateX(8px) scale(1.02);box-shadow:0 8px 25px rgba(139,92,246,.2)}.nav-link.active{background:var(--primary-gradient);color:#fff;font-weight:600;box-shadow:0 12px 30px rgba(139,92,246,.3)}.nav-link.active:hover{background:var(--primary-gradient);transform:translateX(8px) scale(1.02)}.nav-icon{transition:all .3s ease;color:currentColor}.nav-link:hover .nav-icon{transform:rotate(5deg) scale(1.1)}.nav-link.active .nav-icon{color:#fff}.nav-overlay{transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.main-nav{width:300px;padding-top:80px}}.site-footer{color:var(--text-secondary)}.site-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.github-footer-link{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-xs);border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.github-footer-link:hover{color:var(--primary-color);background:rgba(139,92,246,.1);transform:translateY(-2px)}@media (max-width:768px){.site-footer .container{flex-direction:column;text-align:center}}.main-hero{padding:var(--spacing-xl) 0;width:100%;background:radial-gradient(ellipse at top,rgba(139,92,246,.15) 0,transparent 50%)}.hero,.main-hero{position:relative;overflow:hidden}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:90vh;padding:4rem 0}.brand-showcase{z-index:2;margin-bottom:4rem}.brand-main,.brand-showcase,.brand-title{position:relative}.brand-title{margin-bottom:2rem}.brand-name{font-size:clamp(4rem,12vw,8rem);font-weight:900;background:linear-gradient(135deg,#8b5cf6,#3b82f6 50%,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative;animation:brandGlow 4s ease-in-out infinite alternate}.brand-particles{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;pointer-events:none}.brand-particles:after,.brand-particles:before{content:"";position:absolute;width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:particleFloat 8s ease-in-out infinite}.brand-particles:before{top:20%;left:10%;animation-delay:0s}.brand-particles:after{top:60%;right:15%;animation-delay:4s}.brand-tagline{font-size:clamp(1.25rem,4vw,2rem);color:var(--text-secondary);font-weight:500;margin-bottom:3rem}.typewriter-text{color:var(--text-primary)}.cursor-blink{animation:blink 1s infinite;color:var(--primary-color);font-weight:300}.hero-bg-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.3) 0,transparent 70%);filter:blur(1px)}.orb-1{width:120px;height:120px;top:20%;left:10%;animation:float 6s ease-in-out infinite}.orb-2{width:80px;height:80px;top:60%;right:15%;animation:float 8s ease-in-out infinite reverse}.orb-3{width:60px;height:60px;bottom:30%;left:60%;animation:float 10s ease-in-out infinite}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 0);background-size:50px 50px;animation:gridShift 20s linear infinite}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:800px;margin:0 auto 4rem}.action-card{background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .6s;z-index:1}.action-card:hover:before{left:100%}.action-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(139,92,246,.3);box-shadow:0 20px 40px rgba(139,92,246,.2);animation:cardPulse .6s ease-out}@keyframes cardPulse{0%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-12px) scale(1.03)}to{transform:translateY(-8px) scale(1.02)}}.card-icon{background:var(--primary-gradient);border-radius:12px;padding:1rem;color:#fff;transition:all .3s ease;position:relative;overflow:hidden;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px}.card-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;z-index:1}.card-icon svg{position:relative;z-index:3;display:block;color:#fff;fill:currentColor;width:32px;height:32px}.action-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.action-card:hover .card-icon:before{width:200%;height:200%;opacity:0}.card-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.card-arrow,.card-content{position:relative;z-index:2}.card-arrow{margin-left:auto;color:var(--primary-color);transition:all .3s ease}.action-card:hover .card-arrow{transform:translateX(5px);color:#fff}.features-showcase{padding:6rem 0 4rem;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:var(--text-primary);margin-bottom:1rem;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.feature-card-modern{background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.1);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.feature-card-modern:hover{transform:translateY(-12px);border-color:rgba(139,92,246,.3);box-shadow:0 25px 50px rgba(139,92,246,.2)}.feature-visual{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.feature-icon-bg{background:var(--primary-gradient);border-radius:16px;padding:1.25rem;color:#fff;transition:all .3s ease}.feature-card-modern:hover .feature-icon-bg{transform:scale(1.1) rotate(-5deg)}.feature-stats{text-align:right}.stat-number{display:block;font-size:1.5rem;font-weight:900;color:var(--primary-color);line-height:1}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.feature-info h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.feature-info p{color:var(--text-secondary);line-height:1.6;font-size:1rem}@keyframes brandGlow{0%{filter:brightness(1) drop-shadow(0 0 20px rgba(139,92,246,.3))}to{filter:brightness(1.2) drop-shadow(0 0 30px rgba(139,92,246,.6))}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.hero{padding:2rem 0;min-height:80vh}.brand-showcase{margin-bottom:3rem}.action-grid,.features-grid-modern{grid-template-columns:1fr;gap:1.5rem}.action-card,.feature-card-modern{padding:1.5rem}}:root{--primary-color:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--primary-gradient:linear-gradient(135deg,#8b5cf6,#3b82f6);--secondary-color:#64748b;--secondary-dark:#334155;--secondary-light:#cbd5e1;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-gradient:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-light:#475569;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--accent-pink:#ec4899;--accent-orange:#f97316;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.25);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2);--shadow-glow:0 0 20px rgba(59,130,246,.15);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--glass-bg:rgba(30,41,59,.7);--glass-border:rgba(148,163,184,.1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--spacing-md)}p{color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;position:relative}a,a:after{transition:var(--transition-fast)}a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,var(--primary-color),var(--accent-cyan))}a:hover{color:var(--primary-light)}a:hover:after{width:100%}.container{padding:0 var(--spacing-lg);position:relative}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.site-header{background:var(--glass-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.site-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(59,130,246,.05),rgba(139,92,246,.05) 50%,rgba(6,182,212,.05));pointer-events:none}.header-flex{justify-content:space-between;padding:var(--spacing-md) 0;position:relative;z-index:1}.logo{font-size:2rem;font-weight:800;font-family:var(--font-family-sans);background:linear-gradient(135deg,var(--accent-cyan) 0,var(--primary-color) 50%,var(--accent-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:var(--transition-normal);position:relative;letter-spacing:-.025em}.logo:after{display:none}.logo:hover{filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}.logo .dot{color:var(--accent-purple);-webkit-text-fill-color:var(--accent-purple);text-shadow:0 0 10px rgba(139,92,246,.5)}.main-nav{display:flex;gap:var(--spacing-sm);align-items:center}.main-nav a{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-weight:500;font-size:.95rem;transition:var(--transition-fast);position:relative}.main-nav a:after{display:none}.main-nav a.active,.main-nav a:hover{color:var(--primary-color);background:rgba(59,130,246,.1);transform:translateY(-2px)}.hamburger-line{width:100%;height:3px;background:var(--primary-gradient);border-radius:2px;transition:var(--transition-normal);transform-origin:center}.hamburger-btn.active .hamburger-line:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-icon{width:18px;height:18px;margin-right:var(--spacing-xs);opacity:.8;transition:var(--transition-fast)}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{opacity:1}@media (max-width:768px){.main-nav{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-left:1px solid var(--glass-border);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);transition:right .3s ease;z-index:1000;box-shadow:var(--shadow-xl)}.main-nav.active{right:0}.nav-link{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl);text-align:center;min-width:200px;justify-content:center;border-radius:var(--radius-xl);background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.nav-link:hover{background:rgba(139,92,246,.2);transform:scale(1.05)}.nav-overlay{position:fixed;top:0;left:0;width:calc(100% - 320px);height:100%;background:rgba(15,15,35,.8);z-index:999;opacity:0;visibility:hidden;transition:var(--transition-normal)}.nav-overlay.active{opacity:1;visibility:visible}}.site-footer{text-align:center;padding:var(--spacing-xl) 0;font-size:.9rem;color:var(--text-muted);background:var(--glass-bg);border-top:1px solid var(--glass-border);margin-top:var(--spacing-3xl)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);text-decoration:none;background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn.btn-secondary:hover{background:var(--border-light)}.btn.btn-success{background:var(--success-color)}.btn.btn-warning{background:var(--warning-color)}.btn.btn-danger{background:var(--danger-color)}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.loading{justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-muted)}.loading:before{content:"";width:16px;height:16px;border-top:2px solid var(--text-muted);border:2px solid var(--text-muted);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error{color:var(--danger-color);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.error,.success{padding:var(--spacing-md);margin:var(--spacing-md) 0}.success{color:var(--success-color);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md)}.hero-small{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);position:relative;overflow:visible}.hero-small:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-cyan))}.hero-small h1{color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-small p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.search-row{gap:var(--spacing-sm);justify-content:center;max-width:700px;margin:0 auto}.search-input-wrapper,.search-row{position:relative;display:flex;align-items:center}.search-input-wrapper{flex:1 1}.search-icon{position:absolute;left:var(--spacing-md);width:20px;height:20px;color:var(--text-muted);pointer-events:none;z-index:1}#search-city,.search-icon{transition:var(--transition-fast)}#search-city{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) + 32px);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}#search-city:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1);transform:translateY(-1px)}.search-input-wrapper.active .search-icon{color:var(--primary-color);transform:scale(1.1)}#search-city::placeholder{color:var(--text-muted)}#search-clear{background:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.btn-icon{width:16px;height:16px;flex-shrink:0}.hero-icon{width:32px;height:32px;margin-right:var(--spacing-sm);color:var(--accent-cyan);vertical-align:middle}.info-icon{width:18px;height:18px;margin-right:var(--spacing-xs);color:var(--text-muted);vertical-align:middle;opacity:.8}.section-icon{width:20px;height:20px;margin-right:var(--spacing-sm);vertical-align:middle}.status-icon{width:16px;height:16px;margin-right:var(--spacing-xs);color:var(--text-muted);vertical-align:middle;opacity:.7}.empty-icon{width:48px;height:48px;color:var(--text-muted);opacity:.4;margin-bottom:var(--spacing-md)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.no-results .status-icon{width:32px;height:32px;margin-bottom:var(--spacing-sm);opacity:.5}#search-clear:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.suggestions-portal{position:fixed!important;background:rgba(30,41,59,.95)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;z-index:2147483647!important;max-height:300px!important;overflow-y:auto!important;display:none;pointer-events:auto!important;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(51,65,85,.3)}.suggestions-portal::-webkit-scrollbar{width:8px}.suggestions-portal::-webkit-scrollbar-track{background:rgba(51,65,85,.3);border-radius:4px}.suggestions-portal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(139,92,246,.6));border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.suggestions-portal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(139,92,246,.8))}#suggestions-portal.show,.suggestions-portal.show{display:block!important;animation:slideInDown .2s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--glass-border);transition:var(--transition-fast)}.suggestion-item:last-child{border-bottom:none}.suggestion-item.active,.suggestion-item:hover{background:rgba(59,130,246,.1);transform:translateX(4px)}.suggestion-item:hover .suggestion-thumb,.suggestion-item:hover .suggestion-thumb-fallback{transform:scale(1.05);box-shadow:var(--shadow-md)}.suggestion-item:hover .name{color:var(--primary-light)}.suggestion-thumb{object-fit:cover}.suggestion-thumb,.suggestion-thumb-fallback{width:80px;height:54px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);flex-shrink:0;box-shadow:var(--shadow-sm)}.suggestion-thumb-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.suggestion-thumb-fallback i{width:24px;height:24px}.suggestion-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1 1}.suggestion-info .name{font-weight:600;color:var(--text-primary);font-size:.95rem}.suggestion-info .meta,.suggestion-info .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-info .meta{color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;gap:var(--spacing-xs)}.meta-icon{width:12px;height:12px;flex-shrink:0;opacity:.7}.camera-panel{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);align-items:start;margin-top:var(--spacing-xl);position:relative;z-index:1}.camera-data,.camera-wrap{z-index:1!important}.camera-wrap{position:relative;border-radius:var(--radius-xl);overflow:visible;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);min-height:400px;transition:var(--transition-normal)}.camera-wrap:hover{box-shadow:var(--shadow-xl);border-color:rgba(59,130,246,.3)}.camera-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative}.camera-view img{max-width:100%;width:auto;height:auto;max-height:400px;object-fit:contain;border-radius:var(--radius-xl);transition:var(--transition-normal);display:block}.camera-view img:hover{transform:scale(1.02)}.camera-empty{color:var(--text-muted);padding:var(--spacing-3xl);text-align:center;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.camera-empty:before{content:"📹";font-size:3rem;opacity:.5}.camera-overlay{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);background:rgba(0,0,0,.8);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.camera-data{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);position:-webkit-sticky;position:sticky;top:calc(70px + var(--spacing-md))}.camera-card-header{align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.camera-data h2{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;flex:1 1;min-width:0;word-wrap:break-word}.camera-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg);line-height:1.5}.controls{margin-top:var(--spacing-lg);border-top:1px solid var(--glass-border);padding-top:var(--spacing-lg)}.controls label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.controls label,select{color:var(--text-primary);font-size:.9rem}select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.weather-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.weather-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.weather-info h3:before{content:"🌤️";font-size:1.2rem}.weather-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(148,163,184,.1);font-size:.9rem}.weather-item:last-child{border-bottom:none}.weather-label{color:var(--text-secondary)}.weather-value{color:var(--text-primary);font-weight:500}.history-panel{grid-column:1/-1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xl)}.history-panel h2{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.history-panel h2:before{content:"📸";font-size:1.2rem}.match-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.match-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;text-align:center;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(59,130,246,.3)}.match-item img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:var(--transition-fast)}.match-item:hover img{transform:scale(1.05)}.match-item .mi-name{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.match-item .mi-muni{font-size:.8rem;color:var(--text-muted)}.favorite-btn{background:none;border:1px solid #ddd;border-radius:4px;padding:.5rem;cursor:pointer;font-size:1.2rem;color:#95a5a6;transition:all .2s;min-width:2.5rem;display:inline-flex;align-items:center;justify-content:center}.favorite-btn.favorited,.favorite-btn:hover{color:#f1c40f;border-color:#f1c40f}.favorite-btn.favorited{background:rgba(241,196,15,.1)}.favorite-btn.small{padding:.25rem;font-size:1rem;min-width:2rem}.favorites-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e1e8ed;margin-bottom:1.5rem}.favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.favorites-header h3{margin:0;color:#2c3e50;font-size:1.3rem}.favorites-search{flex:1 1;max-width:200px;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.favorites-category{margin-bottom:1.5rem}.favorites-category:last-child{margin-bottom:0}.favorites-category h4{margin:0 0 .75rem;color:#34495e;font-size:1rem;text-transform:capitalize}.favorites-list{display:flex;flex-direction:column;gap:.5rem}.favorite-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:background .2s}.favorite-item:hover{background:#e9ecef}.favorite-name{font-weight:500;color:#2c3e50;flex:1 1}.favorite-category{font-size:.8rem;color:#7f8c8d;margin-left:1rem;text-transform:capitalize}.remove-favorite{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:1.2rem;padding:.25rem;margin-left:.5rem;transition:color .2s}.remove-favorite:hover{color:#e74c3c}.no-favorites{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem;background:#f8f9fa;border-radius:6px}.camera-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (max-width:1024px){.camera-panel{grid-template-columns:1fr;gap:var(--spacing-lg)}.camera-data{position:static;order:-1}.match-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.hero-small{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.hero-small h1{font-size:1.75rem}.search-row{flex-direction:column;gap:var(--spacing-md)}#search-city{font-size:1rem}#search-clear{width:100%;max-width:200px}.camera-view{min-height:300px}.camera-data{padding:var(--spacing-lg)}.suggestion-thumb{width:60px;height:40px}.suggestion-info .name{font-size:.9rem}.suggestion-info .meta{font-size:.8rem}.match-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.match-item img{height:100px}.favorites-header{flex-direction:column;align-items:stretch}.favorites-search{max-width:none}}@media (max-width:480px){.hero-small{padding:var(--spacing-md)}.hero-small h1{font-size:1.5rem}.hero-small p{font-size:1rem}.camera-data{padding:var(--spacing-md)}.camera-panel{gap:var(--spacing-md)}.history-panel{padding:var(--spacing-md)}.match-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.match-item{padding:var(--spacing-sm)}.match-item img{height:80px}.match-item .mi-name{font-size:.8rem}.match-item .mi-muni{font-size:.75rem}}.site-header{background:#05121a;padding:.8rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.5)}.header-flex{display:flex;align-items:center;justify-content:flex-start}.logo{font-family:Segoe UI,Roboto,sans-serif;font-size:1.6rem;font-weight:700;color:#50d4ff;text-decoration:none;letter-spacing:.5px;transition:color .3s ease,transform .3s ease}.logo:hover{color:#fff;transform:scale(1.05)}.logo .dot{color:#a15eff}.weather-hero{text-align:center;padding:2rem 0;margin-bottom:2rem}.weather-hero h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-hero h1,.weather-hero p{display:flex;align-items:center;justify-content:center;gap:.5rem}.weather-hero p{color:#666;font-size:1.1rem}.hero-icon{width:2.5rem;height:2.5rem;color:#667eea}.info-icon{width:1.2rem;height:1.2rem;color:#667eea}.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.weather-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.weather-card h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#333;font-size:1.3rem}.card-icon{width:1.5rem;height:1.5rem;color:#667eea}.location-search{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.location-search input{flex:1 1;padding:.75rem;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1rem}.location-search input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.location-search button{padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;transition:all .3s ease}.location-search button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-icon,.search-icon{width:1rem;height:1rem}.current-display,.forecast-display,.stations-display{min-height:200px;display:flex;align-items:center;justify-content:center}.loading{display:flex;align-items:center;gap:.5rem;color:#666;font-style:italic}.loading-icon{width:1.2rem;height:1.2rem;color:#667eea}.animate-spin{animation:spin 2s linear infinite}.chart-container{width:100%;height:300px;display:flex;align-items:center;justify-content:center}.chart-container canvas{max-width:100%;height:auto}@media (max-width:768px){.weather-grid{grid-template-columns:1fr;gap:1rem}.weather-hero h1{font-size:2rem}.location-search{flex-direction:column;align-items:stretch}.location-search button{justify-content:center}}.status-main{padding-top:100px;min-height:100vh;background:var(--bg-gradient)}.status-header{text-align:center;margin-bottom:3rem}.status-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.status-title-icon{width:2.5rem;height:2.5rem;color:var(--primary-color)}.status-subtitle{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.status-subtitle-icon{width:1rem;height:1rem}.checking-status{display:inline-flex;align-items:center;gap:.75rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);padding:.75rem 1.5rem;border-radius:2rem;color:var(--primary-color);font-weight:500}.checking-icon{width:1.25rem;height:1.25rem;animation:spin 2s linear infinite}.status-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.refresh-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.status-card{background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-card.full-width{grid-column:1/-1}.status-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.card-icon,.status-card-icon{width:1.25rem;height:1.25rem;color:var(--primary-color);position:relative;z-index:2;display:inline-block;fill:currentColor;stroke:currentColor;margin-right:.5rem;flex-shrink:0}.loading-state,.status-card-content{color:var(--text-secondary)}.loading-state{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.loading-icon{width:1.25rem;height:1.25rem;animation:spin 2s linear infinite}.service-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.service-item:last-child{border-bottom:none}.service-info{display:flex;flex-direction:column;gap:.25rem}.service-name{font-weight:500;color:var(--text-primary)}.status-operational{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-error{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-warning{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-timeout{background:rgba(156,163,175,.2);color:#6b7280;border:1px solid rgba(156,163,175,.3)}.service-response{font-size:.875rem;color:var(--text-secondary);font-family:var(--font-family-mono)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.metric-item{justify-content:space-between;background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.1)}.metric-label{font-size:.875rem;color:var(--text-secondary)}.metric-value{font-weight:600;color:var(--primary-color);font-family:var(--font-family-mono)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.activity-item:last-child{border-bottom:none}.activity-icon{width:1rem;height:1rem;color:var(--success-color);flex-shrink:0}.response-time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.response-time-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(139,92,246,.05);border-radius:.5rem;border:1px solid rgba(139,92,246,.1)}.response-time-item .service-name{font-weight:500;color:var(--text-primary)}.response-time{font-family:var(--font-family-mono);font-size:.875rem;padding:.25rem .75rem;border-radius:.25rem;font-weight:600}.response-time.good{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.response-time.poor{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.response-time.timeout{background:rgba(156,163,175,.2);color:#6b7280;border:1px solid rgba(156,163,175,.3)}.chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.05);border:2px dashed rgba(139,92,246,.2);border-radius:.5rem;color:var(--text-secondary)}.uptime-stats{display:flex;flex-direction:column;gap:1rem}.uptime-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:rgba(16,185,129,.05);border-radius:.5rem;border:1px solid rgba(16,185,129,.1)}.uptime-label{color:var(--text-secondary)}.uptime-value{font-weight:600;color:var(--success-color);font-family:var(--font-family-mono)}.incidents-card{margin-top:1.5rem}.all-operational{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:.75rem}.operational-icon{width:2rem;height:2rem;color:var(--success-color);flex-shrink:0}.all-operational h3{font-size:1.125rem;font-weight:600;color:var(--success-color);margin:0 0 .25rem}.last-checked{font-size:.875rem;color:var(--text-secondary);margin:0}.service-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.25rem .75rem;border-radius:1rem;font-weight:500}.status-icon{flex-shrink:0}.status-icon.operational{color:#10b981}.status-icon.degraded{color:#f59e0b}.status-icon.outage{color:#ef4444}.status-icon.checking{color:#8b5cf6}.metric-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:hsla(0,0%,100%,.05);border-radius:.5rem;border:1px solid hsla(0,0%,100%,.1)}.metric-icon{color:var(--primary-color);flex-shrink:0}.metric-content{flex:1 1}.metric-content .metric-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.metric-content .metric-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.3);transition:all .3s ease}.status-badge.operational{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));border-color:rgba(16,185,129,.3);color:#10b981;box-shadow:0 4px 20px rgba(16,185,129,.2)}.status-badge.degraded{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.1));border-color:rgba(245,158,11,.3);color:#f59e0b;box-shadow:0 4px 20px rgba(245,158,11,.2)}.status-badge.outage{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));border-color:rgba(239,68,68,.3);color:#ef4444;box-shadow:0 4px 20px rgba(239,68,68,.2)}.status-badge.checking{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.1));border-color:rgba(139,92,246,.3);color:#8b5cf6;box-shadow:0 4px 20px rgba(139,92,246,.2)}.incident-section{margin-top:3rem;padding:2rem;background:rgba(30,41,59,.6);border-radius:1rem;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.incident-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.section-icon{color:var(--primary-color)}.incident-timeline{display:flex;flex-direction:column;gap:1rem}.incident-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:hsla(0,0%,100%,.05);border-radius:.75rem;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.incident-item:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.incident-item.operational{border-left:4px solid #10b981}.incident-status{color:#10b981;margin-top:.25rem;flex-shrink:0}.incident-content{flex:1 1}.incident-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.incident-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.incident-time,.time-icon{color:var(--text-secondary)}.overall-status{display:flex;justify-content:center;margin-top:2rem}.status-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.status-hero h1{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.hero-icon{color:var(--primary-color)}.status-hero p{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.info-icon{color:var(--primary-color)}@media (max-width:768px){.metrics-grid,.response-time-grid,.status-grid{grid-template-columns:1fr}.status-hero h1{font-size:2rem}.status-card{padding:1rem}.status-actions{margin-top:1rem}.refresh-btn{padding:.5rem 1rem;font-size:.8rem}.incident-section{padding:1.5rem;margin-top:2rem}.incident-item{padding:1rem}.status-badge{padding:.5rem 1rem;font-size:.875rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.lucide{display:inline-block;stroke-width:2;stroke:currentColor;fill:none}.action-card .lucide,.action-card svg,.card-icon .lucide,.card-icon svg,.feature-icon,.feature-icon-bg .lucide,.feature-icon-bg svg{width:32px!important;height:32px!important;fill:none!important;stroke:currentColor!important;display:inline-block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important}.hero-icon,.incident-status,.info-icon,.metric-icon,.section-icon,.status-card .lucide,.status-card svg,.status-icon,.time-icon,h1 .lucide,h2 .lucide{width:1.25rem!important;height:1.25rem!important;fill:none!important}.nav-icon,.nav-link .lucide,.nav-link svg{stroke:currentColor!important;fill:none!important;display:inline-block!important;visibility:visible!important;opacity:1!important;margin-right:.75rem!important}.nav-overlay{position:fixed;top:0;left:0;width:calc(100% - 320px);height:100%;background:rgba(0,0,0,.4);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:auto}body.nav-open .hero-section,body.nav-open .main-content,body.nav-open .site-footer,body.nav-open main{filter:blur(4px);transition:filter .25s ease}body.nav-open .site-header{filter:none!important}body.nav-open .hamburger-btn,body.nav-open .main-nav,body.nav-open .main-nav *{filter:none!important;pointer-events:auto!important;z-index:10002!important}.nav-overlay.active{opacity:1;visibility:visible}.hamburger-menu{z-index:10001!important}.main-nav{z-index:10000!important}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width:768px){.container{padding:0 .75rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.action-card .card-icon .lucide,.action-card .card-icon svg,.card-icon .lucide,.card-icon svg{width:32px!important;height:32px!important;color:#fff!important;stroke:currentColor!important;fill:none!important;display:block!important;visibility:visible!important;opacity:1!important}.card-icon{background:var(--primary-gradient)!important}.hero-icon,.incident-status,.info-icon,.metric-icon,.section-icon,.status-card h2 .lucide,.status-card h2 svg,.time-icon,h1 .lucide,h1 svg,h2 .lucide,h2 svg{width:1.25rem!important;height:1.25rem!important;color:inherit!important;stroke:currentColor!important;fill:none!important;display:inline-block!important;visibility:visible!important;opacity:1!important;margin-right:.5rem!important}.status-icon.operational{color:#10b981!important}.status-icon.degraded{color:#f59e0b!important}.status-icon.outage{color:#ef4444!important}.status-icon.checking{color:#8b5cf6!important}.status-icon{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}.activity-status-dot,.status-icon{display:inline-block!important;margin-right:.5rem!important}.activity-status-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important}.activity-status-dot.operational{background-color:#10b981!important}.activity-status-dot.degraded{background-color:#f59e0b!important}.activity-status-dot.outage{background-color:#ef4444!important}.activity-status-dot.checking{background-color:#8b5cf6!important}.lucide,[class*=lucide-],svg[class*=lucide]{display:inline-block!important;visibility:visible!important;opacity:1!important;position:relative!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.feature-icon,.feature-icon-bg .lucide,.feature-icon-bg svg{width:40px!important;height:40px!important;color:var(--text-primary)!important}.nav-icon,.nav-link .lucide,.nav-link svg{width:16px!important;height:16px!important;color:var(--text-secondary)!important}.action-card .lucide,.action-card svg,.card-icon .lucide,.card-icon svg{width:32px!important;height:32px!important;color:var(--text-primary)!important}