svg{fill:currentColor!important;stroke:currentColor!important;display:inline-block!important;position:relative!important}.lucide,.lucide-monitor,.lucide-chart-column,.lucide-bar-chart-3,.lucide-server,.lucide-globe,.lucide-activity,.lucide-clock,.lucide-zap,.lucide-shield,.lucide-circle-check-big,.lucide-triangle-alert,.lucide-info{flex-shrink:0;z-index:999999!important;visibility:visible!important;opacity:1!important;fill:currentColor!important;stroke:currentColor!important;display:inline-block!important;position:relative!important}:root{--primary-color:#8b5cf6;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--bg-primary:#0f0f23;--bg-gradient:linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--glass-bg:#1e293bb3;--glass-border:#94a3b81a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--transition-normal:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.site-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:var(--spacing-md) 0;border-bottom:1px solid var(--glass-border);position:fixed;top:0;left:0;right:0}.header-flex{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--text-primary);order:1;font-size:1.75rem;font-weight:900;text-decoration:none}.dot{color:var(--primary-color)}.hamburger-btn{cursor:pointer;z-index:10001;background:0 0;border:none;border-radius:8px;flex-direction:column;order:2;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;padding:4px;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:4s ease-in-out infinite breathe;position:relative;display:flex!important}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf64d}50%{transform:scale(1.02);box-shadow:0 0 0 4px #8b5cf61a}}.hamburger-btn:hover{background:#8b5cf61a;animation:none;transform:scale(1.05)}.hamburger-btn.active{animation:none}.hamburger-line{background:var(--primary-gradient);transform-origin:50%;border-radius:1px;width:20px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 0 8px #8b5cf64d}.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 #8b5cf680}.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{background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);transform:translateY(0)rotate(45deg)!important}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)!important}.hamburger-btn.active .hamburger-line:nth-child(3){background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);transform:translateY(0)rotate(-45deg)!important}.main-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--glass-border);width:320px;height:100vh;padding:var(--spacing-xl) var(--spacing-lg);justify-content:flex-start;align-items:stretch;gap:var(--spacing-md);z-index:10001;pointer-events:auto;opacity:0;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-380px;transform:translate(100%);box-shadow:-5px 0 30px #0006;display:none!important}.main-nav.active{opacity:1;animation:.5s cubic-bezier(.4,0,.2,1) forwards slideInSmooth;right:0;transform:translate(0);pointer-events:auto!important;filter:none!important;display:flex!important}.main-nav.closing{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideOutSmooth}@keyframes slideInSmooth{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutSmooth{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.nav-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);opacity:0;background:#1e293b4d;border:1px solid #94a3b81a;border-radius:12px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translate(30px)}.main-nav.active .nav-link:first-child{animation:.4s cubic-bezier(.4,0,.2,1) .1s forwards slideInStaggerSmooth}.main-nav.active .nav-link:nth-child(2){animation:.4s cubic-bezier(.4,0,.2,1) .15s forwards slideInStaggerSmooth}.main-nav.active .nav-link:nth-child(3){animation:.4s cubic-bezier(.4,0,.2,1) .2s forwards slideInStaggerSmooth}.main-nav.active .nav-link:nth-child(4){animation:.4s cubic-bezier(.4,0,.2,1) .25s forwards slideInStaggerSmooth}@keyframes slideInStaggerSmooth{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.nav-link:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf633,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:-100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#8b5cf626;border-color:#8b5cf64d;transform:translate(8px)scale(1.02);box-shadow:0 8px 25px #8b5cf633}.nav-link.active{background:var(--primary-gradient);color:#fff;font-weight:600;box-shadow:0 12px 30px #8b5cf64d}.nav-link.active:hover{background:var(--primary-gradient);transform:translate(8px)scale(1.02)}.nav-icon{color:currentColor;transition:all .3s}.nav-link:hover .nav-icon{transform:rotate(5deg)scale(1.1)}.nav-link.active .nav-icon{color:#fff}.nav-overlay{z-index:9999;opacity:0;visibility:hidden;background:#0006;width:calc(100% - 320px);height:100%;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}@media (min-width:769px){.main-nav{width:300px;padding-top:80px}}.site-footer{padding:var(--spacing-xl) 0;text-align:center;color:var(--text-secondary);border-top:1px solid var(--glass-border)}.site-footer .container{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.github-footer-link{color:var(--text-secondary);padding:var(--spacing-xs);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.github-footer-link:hover{color:var(--primary-color);background:#8b5cf61a;transform:translateY(-2px)}@media (max-width:768px){.site-footer .container{text-align:center;flex-direction:column}}
.main-hero{padding:var(--spacing-xl) 0;background:radial-gradient(at top,#8b5cf626 0%,#0000 50%);width:100%;position:relative;overflow:hidden}.hero{text-align:center;flex-direction:column;align-items:center;min-height:90vh;padding:4rem 0;display:flex;position:relative;overflow:hidden}.brand-showcase{z-index:2;margin-bottom:4rem;position:relative}.brand-main{position:relative}.brand-title{margin-bottom:2rem;position:relative}.brand-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 50%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,8rem);font-weight:900;animation:4s ease-in-out infinite alternate brandGlow;display:inline-block;position:relative}.brand-particles{pointer-events:none;position:absolute;inset:-20px}.brand-particles:before,.brand-particles:after{content:"";background:var(--primary-color);border-radius:50%;width:6px;height:6px;animation:8s ease-in-out infinite particleFloat;position:absolute}.brand-particles:before{animation-delay:0s;top:20%;left:10%}.brand-particles:after{animation-delay:4s;top:60%;right:15%}.brand-tagline{color:var(--text-secondary);margin-bottom:3rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:500}.typewriter-text{color:var(--text-primary)}.cursor-blink{color:var(--primary-color);font-weight:300;animation:1s infinite blink}.hero-bg-elements{pointer-events:none;z-index:1;position:absolute;inset:0}.floating-orb{filter:blur(1px);background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);border-radius:50%;position:absolute}.orb-1{width:120px;height:120px;animation:6s ease-in-out infinite float;top:20%;left:10%}.orb-2{width:80px;height:80px;animation:8s ease-in-out infinite reverse float;top:60%;right:15%}.orb-3{width:60px;height:60px;animation:10s ease-in-out infinite float;bottom:30%;left:60%}.grid-pattern{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite gridShift;position:absolute;inset:0}.action-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto 4rem;display:grid}.action-card{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:20px;align-items:center;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.action-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.action-card:hover:before{left:100%}.action-card:hover{border-color:#8b5cf64d;animation:.6s ease-out cardPulse;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #8b5cf633}@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);color:#fff;z-index:2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:60px;min-height:60px;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.card-icon:before{content:"";z-index:1;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-icon svg{z-index:3;color:#fff;fill:currentColor;width:32px;height:32px;display:block;position:relative}.action-card:hover .card-icon{transform:scale(1.1)rotate(5deg)}.action-card:hover .card-icon:before{opacity:0;width:200%;height:200%}.card-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.card-content{z-index:2;position:relative}.card-arrow{color:var(--primary-color);z-index:2;margin-left:auto;transition:all .3s;position:relative}.action-card:hover .card-arrow{color:#fff;transform:translate(5px)}.features-showcase{padding:6rem 0 4rem;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--text-primary);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:800}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.features-grid-modern{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #94a3b81a;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.feature-card-modern:hover{border-color:#8b5cf64d;transform:translateY(-12px);box-shadow:0 25px 50px #8b5cf633}.feature-visual{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.feature-icon-bg{background:var(--primary-gradient);color:#fff;border-radius:16px;padding:1.25rem;transition:all .3s}.feature-card-modern:hover .feature-icon-bg{transform:scale(1.1)rotate(-5deg)}.feature-stats{text-align:right}.stat-number{color:var(--primary-color);font-size:1.5rem;font-weight:900;line-height:1;display:block}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.feature-info h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.feature-info p{color:var(--text-secondary);font-size:1rem;line-height:1.6}@keyframes brandGlow{0%{filter:brightness()drop-shadow(0 0 20px #8b5cf64d)}to{filter:brightness(1.2)drop-shadow(0 0 30px #8b5cf699)}}@keyframes particleFloat{0%,to{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}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{min-height:80vh;padding:2rem 0}.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 0%, #3b82f6 100%);--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 0%, #1a1a2e 50%, #16213e 100%);--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:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #00000040;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006, 0 10px 10px -5px #0003;--shadow-glow:0 0 20px #3b82f626;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out;--glass-bg:#1e293bb3;--glass-border:#94a3b81a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);color:var(--text-primary);background:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:600;line-height:1.2}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);transition:var(--transition-fast);text-decoration:none;position:relative}a:after{content:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-cyan));width:0;height:2px;transition:var(--transition-fast);position:absolute;bottom:-2px;left:0}a:hover{color:var(--primary-light)}a:hover:after{width:100%}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto;position:relative}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.site-header{background:var(--glass-bg);z-index:10;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:var(--transition-normal);position:sticky;top:0}.site-header:before{content:"";pointer-events:none;background:linear-gradient(90deg,#3b82f60d 0%,#8b5cf60d 50%,#06b6d40d 100%);position:absolute;inset:0}.header-flex{padding:var(--spacing-md) 0;z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.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%);-webkit-text-fill-color:transparent;transition:var(--transition-normal);letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;text-decoration:none;position:relative}.logo:after{display:none}.logo:hover{filter:drop-shadow(0 0 10px #3b82f64d);transform:scale(1.05)}.logo .dot{color:var(--accent-purple);-webkit-text-fill-color:var(--accent-purple);text-shadow:0 0 10px #8b5cf680}.main-nav{gap:var(--spacing-sm);align-items:center;display:flex}.main-nav a{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);transition:var(--transition-fast);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.main-nav a:after{display:none}.main-nav a:hover,.main-nav a.active{color:var(--primary-color);background:#3b82f61a;transform:translateY(-2px)}.hamburger-line{background:var(--primary-gradient);width:100%;height:3px;transition:var(--transition-normal);transform-origin:50%;border-radius:2px}.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:hover .nav-icon,.nav-link.active .nav-icon{opacity:1}@media (max-width:768px){.main-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-left:1px solid var(--glass-border);justify-content:center;align-items:center;gap:var(--spacing-xl);z-index:1000;width:320px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;transition:right .3s;position:fixed;top:0;right:-320px}.main-nav.active{right:0}.nav-link{padding:var(--spacing-md) var(--spacing-xl);text-align:center;border-radius:var(--radius-xl);background:#8b5cf61a;border:1px solid #8b5cf633;justify-content:center;min-width:200px;font-size:1.1rem}.nav-link:hover{background:#8b5cf633;transform:scale(1.05)}.nav-overlay{z-index:999;opacity:0;visibility:hidden;width:calc(100% - 320px);height:100%;transition:var(--transition-normal);background:#0f0f23cc;position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}}.site-footer{text-align:center;padding:var(--spacing-xl) 0;color:var(--text-muted);background:var(--glass-bg);border-top:1px solid var(--glass-border);margin-top:var(--spacing-3xl);font-size:.9rem}.btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm);border:none;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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=text],input[type=email],input[type=password],input[type=search],textarea,select{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);transition:var(--transition-fast);font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.loading{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-muted);font-style:italic;display:flex}.loading:before{content:"";border:2px solid var(--text-muted);border-top:2px solid var(--primary-color);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:var(--danger-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;background:#ef44441a;border:1px solid #ef444433}.success{color:var(--success-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;background:#10b9811a;border:1px solid #10b98133}.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:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-cyan));height:4px;position:absolute;top:0;left:0;right:0}.hero-small h1{color:var(--text-primary);margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.hero-small p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.1rem}.search-row{gap:var(--spacing-sm);justify-content:center;align-items:center;max-width:700px;margin:0 auto;display:flex;position:relative}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-md);width:20px;height:20px;color:var(--text-muted);pointer-events:none;z-index:1;transition:var(--transition-fast);position:absolute}#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);transition:var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);font-size:1.1rem}#search-city:focus{border-color:var(--primary-color);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a}.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-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:var(--spacing-xs);border:none;font-weight:600;display:flex}.btn-icon{flex-shrink:0;width:16px;height:16px}.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);color:var(--primary-color);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)}.animate-spin{animation:1s linear infinite spin}.no-results{padding:var(--spacing-xl);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;font-style:italic;display:flex}.no-results .status-icon{width:32px;height:32px;margin-bottom:var(--spacing-sm);opacity:.5}#search-clear:hover{box-shadow:var(--shadow-md);background:#dc2626;transform:translateY(-2px)}.suggestions-portal{scrollbar-width:thin;scrollbar-color:#3b82f699 #3341554d;display:none;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;z-index:2147483647!important;pointer-events:auto!important;background:#1e293bf2!important;max-height:300px!important;position:fixed!important;overflow-y:auto!important}.suggestions-portal::-webkit-scrollbar{width:8px}.suggestions-portal::-webkit-scrollbar-track{background:#3341554d;border-radius:4px}.suggestions-portal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f699,#8b5cf699);border-radius:4px;transition:background .2s}.suggestions-portal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6cc,#8b5cf6cc)}.suggestions-portal.show,#suggestions-portal.show{animation:.2s ease-out slideInDown;display:block!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--glass-border);transition:var(--transition-fast);align-items:center;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:#3b82f61a;transform:translate(4px)}.suggestion-item:hover .suggestion-thumb,.suggestion-item:hover .suggestion-thumb-fallback{box-shadow:var(--shadow-md);transform:scale(1.05)}.suggestion-item:hover .name{color:var(--primary-light)}.suggestion-thumb{border-radius:var(--radius-md);object-fit:cover;background:var(--bg-tertiary);border:1px solid var(--border-color);width:80px;height:54px;box-shadow:var(--shadow-sm);flex-shrink:0}.suggestion-thumb-fallback{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);width:80px;height:54px;box-shadow:var(--shadow-sm);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.suggestion-thumb-fallback i{width:24px;height:24px}.suggestion-info{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.suggestion-info .name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.suggestion-info .meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--spacing-xs);font-size:.85rem;display:flex;overflow:hidden}.meta-icon{opacity:.7;flex-shrink:0;width:12px;height:12px}.camera-panel{gap:var(--spacing-xl);margin-top:var(--spacing-xl);z-index:1;grid-template-columns:2fr 1fr;align-items:start;display:grid;position:relative}.camera-wrap,.camera-data{z-index:1!important}.camera-wrap{border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);min-height:400px;transition:var(--transition-normal);position:relative;overflow:visible}.camera-wrap:hover{box-shadow:var(--shadow-xl);border-color:#3b82f64d}.camera-view{justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex;position:relative}.camera-view img{object-fit:contain;border-radius:var(--radius-xl);width:auto;max-width:100%;height:auto;max-height:400px;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;align-items:center;gap:var(--spacing-md);flex-direction:column;font-size:1.1rem;display:flex}.camera-empty:before{content:"📹";opacity:.5;font-size:3rem}.camera-overlay{bottom:var(--spacing-md);left:var(--spacing-md);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;font-size:.9rem;line-height:1.4;position:absolute}.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);top:calc(70px + var(--spacing-md));position:sticky}.camera-card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.camera-data h2{color:var(--text-primary);word-wrap:break-word;flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:600}.camera-meta{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem;line-height:1.5}.controls{margin-top:var(--spacing-lg);border-top:1px solid var(--glass-border);padding-top:var(--spacing-lg)}.controls label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:.9rem;font-weight:500;display:block}select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);font-size:.9rem}select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f61a}.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);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;display:flex}.weather-info h3:before{content:"🌤️";font-size:1.2rem}.weather-item{padding:var(--spacing-sm) 0;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.weather-item:last-child{border-bottom:none}.weather-label{color:var(--text-secondary)}.weather-value{color:var(--text-primary);font-weight:500}.history-panel{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);grid-column:1/-1}.history-panel h2{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:600;display:flex}.history-panel h2:before{content:"📸";font-size:1.2rem}.match-list{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.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{box-shadow:var(--shadow-lg);border-color:#3b82f64d;transform:translateY(-4px)}.match-item img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:120px;margin-bottom:var(--spacing-md);transition:var(--transition-fast)}.match-item:hover img{transform:scale(1.05)}.match-item .mi-name{color:var(--text-primary);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.match-item .mi-muni{color:var(--text-muted);font-size:.8rem}.favorite-btn{cursor:pointer;color:#95a5a6;background:0 0;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;min-width:2.5rem;padding:.5rem;font-size:1.2rem;transition:all .2s;display:inline-flex}.favorite-btn:hover{color:#f1c40f;border-color:#f1c40f}.favorite-btn.favorited{color:#f1c40f;background:#f1c40f1a;border-color:#f1c40f}.favorite-btn.small{min-width:2rem;padding:.25rem;font-size:1rem}.favorites-panel{background:#fff;border:1px solid #e1e8ed;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.favorites-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.favorites-header h3{color:#2c3e50;margin:0;font-size:1.3rem}.favorites-search{border:1px solid #ddd;border-radius:6px;flex:1;max-width:200px;padding:.5rem;font-size:.9rem}.favorites-category{margin-bottom:1.5rem}.favorites-category:last-child{margin-bottom:0}.favorites-category h4{color:#34495e;text-transform:capitalize;margin:0 0 .75rem;font-size:1rem}.favorites-list{flex-direction:column;gap:.5rem;display:flex}.favorite-item{cursor:pointer;background:#f8f9fa;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;transition:background .2s;display:flex}.favorite-item:hover{background:#e9ecef}.favorite-name{color:#2c3e50;flex:1;font-weight:500}.favorite-category{color:#7f8c8d;text-transform:capitalize;margin-left:1rem;font-size:.8rem}.remove-favorite{color:#95a5a6;cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:.25rem;font-size:1.2rem;transition:color .2s}.remove-favorite:hover{color:#e74c3c}.no-favorites{text-align:center;color:#7f8c8d;background:#f8f9fa;border-radius:6px;padding:2rem;font-style:italic}.camera-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}@media (max-width:1024px){.camera-panel{gap:var(--spacing-lg);grid-template-columns:1fr}.camera-data{order:-1;position:static}.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{gap:var(--spacing-md);flex-direction:column}#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{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.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{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.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 #00000080}.header-flex{justify-content:flex-start;align-items:center;display:flex}.logo{color:#50d4ff;letter-spacing:.5px;font-family:Segoe UI,Roboto,sans-serif;font-size:1.6rem;font-weight:700;text-decoration:none;transition:color .3s,transform .3s}.logo:hover{color:#fff;transform:scale(1.05)}.logo .dot{color:#a15eff}
.weather-hero{text-align:center;margin-bottom:2rem;padding:2rem 0}.weather-hero h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:2.5rem;display:flex}.weather-hero p{color:#666;justify-content:center;align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.hero-icon{color:#667eea;width:2.5rem;height:2.5rem}.info-icon{color:#667eea;width:1.2rem;height:1.2rem}.weather-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #1f26875e}.weather-card h2{color:#333;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.3rem;display:flex}.card-icon{color:#667eea;width:1.5rem;height:1.5rem}.location-search{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.location-search input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;flex:1;padding:.75rem;font-size:1rem}.location-search input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.location-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.location-search button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.search-icon,.btn-icon{width:1rem;height:1rem}.current-display,.forecast-display,.stations-display{justify-content:center;align-items:center;min-height:200px;display:flex}.loading{color:#666;align-items:center;gap:.5rem;font-style:italic;display:flex}.loading-icon{color:#667eea;width:1.2rem;height:1.2rem}.animate-spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-container{justify-content:center;align-items:center;width:100%;height:300px;display:flex}.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{background:var(--bg-gradient);min-height:100vh;padding-top:100px}.status-header{text-align:center;margin-bottom:3rem}.status-title{color:var(--text-primary);justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:flex}.status-title-icon{width:2.5rem;height:2.5rem;color:var(--primary-color)}.status-subtitle{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.1rem;display:flex}.status-subtitle-icon{width:1rem;height:1rem}.checking-status{color:var(--primary-color);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:2rem;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.checking-icon{width:1.25rem;height:1.25rem;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.refresh-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.refresh-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.status-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b81a;border-radius:.75rem;padding:1.5rem}.status-card.full-width{grid-column:1/-1}.status-card-title{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.status-card-icon,.card-icon{width:1.25rem;height:1.25rem;color:var(--primary-color);z-index:2;fill:currentColor;stroke:currentColor;flex-shrink:0;margin-right:.5rem;display:inline-block;position:relative}.status-card-content{color:var(--text-secondary)}.loading-state{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.loading-icon{width:1.25rem;height:1.25rem;animation:2s linear infinite spin}.service-item{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.service-item:last-child{border-bottom:none}.service-info{flex-direction:column;gap:.25rem;display:flex}.service-name{color:var(--text-primary);font-weight:500}.service-status{border-radius:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.status-operational{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.status-error{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.status-warning{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b4d}.status-timeout{color:#6b7280;background:#9ca3af33;border:1px solid #9ca3af4d}.service-response{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-family-mono)}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metric-item{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.metric-label{color:var(--text-secondary);font-size:.875rem}.metric-value{color:var(--primary-color);font-weight:600;font-family:var(--font-family-mono)}.activity-list{flex-direction:column;gap:.75rem;display:flex}.activity-item{border-bottom:1px solid #94a3b81a;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{width:1rem;height:1rem;color:var(--success-color);flex-shrink:0}.response-time-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.response-time-item{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.response-time-item .service-name{color:var(--text-primary);font-weight:500}.response-time{font-family:var(--font-family-mono);border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.response-time.good{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.response-time.poor{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.response-time.timeout{color:#6b7280;background:#9ca3af33;border:1px solid #9ca3af4d}.chart-placeholder{height:200px;color:var(--text-secondary);background:#8b5cf60d;border:2px dashed #8b5cf633;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.uptime-stats{flex-direction:column;gap:1rem;display:flex}.uptime-item{background:#10b9810d;border:1px solid #10b9811a;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.uptime-label{color:var(--text-secondary)}.uptime-value{color:var(--success-color);font-weight:600;font-family:var(--font-family-mono)}.incidents-card{margin-top:1.5rem}.all-operational{background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.operational-icon{width:2rem;height:2rem;color:var(--success-color);flex-shrink:0}.all-operational h3{color:var(--success-color);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.last-checked{color:var(--text-secondary);margin:0;font-size:.875rem}.service-status{border-radius:1rem;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:flex}.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{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.metric-icon{color:var(--primary-color);flex-shrink:0}.metric-content{flex:1}.metric-content .metric-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;display:block}.metric-content .metric-label{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem;display:block}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #0000;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px -1px #0000004d}.status-badge.operational{color:#10b981;background:linear-gradient(135deg,#10b98133 0%,#10b9811a 100%);border-color:#10b9814d;box-shadow:0 4px 20px #10b98133}.status-badge.degraded{color:#f59e0b;background:linear-gradient(135deg,#f59e0b33 0%,#f59e0b1a 100%);border-color:#f59e0b4d;box-shadow:0 4px 20px #f59e0b33}.status-badge.outage{color:#ef4444;background:linear-gradient(135deg,#ef444433 0%,#ef44441a 100%);border-color:#ef44444d;box-shadow:0 4px 20px #ef444433}.status-badge.checking{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf633 0%,#8b5cf61a 100%);border-color:#8b5cf64d;box-shadow:0 4px 20px #8b5cf633}.incident-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #94a3b81a;border-radius:1rem;margin-top:3rem;padding:2rem}.incident-section h2{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.section-icon{color:var(--primary-color)}.incident-timeline{flex-direction:column;gap:1rem;display:flex}.incident-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.incident-item:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.incident-item.operational{border-left:4px solid #10b981}.incident-status{color:#10b981;flex-shrink:0;margin-top:.25rem}.incident-content{flex:1}.incident-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.incident-time{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.time-icon{color:var(--text-secondary)}.overall-status{justify-content:center;margin-top:2rem;display:flex}.status-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.status-hero h1{color:var(--text-primary);justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:2.5rem;font-weight:700;display:flex}.hero-icon{color:var(--primary-color)}.status-hero p{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.125rem;display:flex}.info-icon{color:var(--primary-color)}@media (max-width:768px){.status-grid,.metrics-grid,.response-time-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{margin-top:2rem;padding:1.5rem}.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{stroke-width:2px;stroke:currentColor;fill:none;display:inline-block}.card-icon .lucide,.card-icon svg,.feature-icon,.feature-icon-bg .lucide,.feature-icon-bg svg,.action-card .lucide,.action-card svg{fill:none!important;stroke:currentColor!important;visibility:visible!important;opacity:1!important;z-index:10!important;width:32px!important;height:32px!important;display:inline-block!important;position:relative!important}.status-card .lucide,.status-card svg,h1 .lucide,h2 .lucide,.metric-icon,.hero-icon,.info-icon,.status-icon,.time-icon,.incident-status,.section-icon{fill:none!important;width:1.25rem!important;height:1.25rem!important}.nav-link .lucide,.nav-link svg,.nav-icon{stroke:currentColor!important;fill:none!important;visibility:visible!important;opacity:1!important;width:16px!important;height:16px!important;margin-right:.75rem!important;display:inline-block!important}.nav-overlay{z-index:9999;opacity:0;visibility:hidden;pointer-events:auto;background:#0006;width:calc(100% - 320px);height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}body.nav-open main,body.nav-open .hero-section,body.nav-open .main-content,body.nav-open .site-footer{filter:blur(4px);transition:filter .25s}body.nav-open .site-header{filter:none!important}body.nav-open .main-nav,body.nav-open .main-nav *,body.nav-open .hamburger-btn{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(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}: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)}.card-icon svg,.card-icon .lucide,.action-card .card-icon svg,.action-card .card-icon .lucide{color:#fff!important;stroke:currentColor!important;fill:none!important;visibility:visible!important;opacity:1!important;width:32px!important;height:32px!important;display:block!important}.card-icon{background:var(--primary-gradient)!important}.status-card h2 svg,.status-card h2 .lucide,h1 svg,h1 .lucide,h2 svg,h2 .lucide,.hero-icon,.info-icon,.metric-icon,.time-icon,.incident-status,.section-icon{width:1.25rem!important;height:1.25rem!important;color:inherit!important;stroke:currentColor!important;fill:none!important;visibility:visible!important;opacity:1!important;margin-right:.5rem!important;display:inline-block!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{stroke:currentColor!important;fill:none!important;width:16px!important;height:16px!important;margin-right:.5rem!important;display:inline-block!important}.activity-status-dot{border-radius:50%!important;flex-shrink:0!important;width:8px!important;height:8px!important;margin-right:.5rem!important;display:inline-block!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}svg[class*=lucide],.lucide,[class*=lucide-]{visibility:visible!important;opacity:1!important;stroke:currentColor!important;fill:none!important;stroke-width:2px!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:inline-block!important;position:relative!important}.feature-icon,.feature-icon-bg svg,.feature-icon-bg .lucide{width:40px!important;height:40px!important;color:var(--text-primary)!important}.nav-icon,.nav-link svg,.nav-link .lucide{width:16px!important;height:16px!important;color:var(--text-secondary)!important}.card-icon svg,.card-icon .lucide,.action-card svg,.action-card .lucide{width:32px!important;height:32px!important;color:var(--text-primary)!important}