@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";@font-face{font-family:Comfortaa;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/comfortaa-400.woff2) format("woff2")}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/comfortaa-700.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #ffffff;--secondary-bg: #f8f9fa;--tertiary-bg: #f0f2f5;--primary-text: #1a1a1a;--secondary-text: #6b7280;--tertiary-text: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--success: #10b981;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:#f9fafb;color:var(--primary-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}.standard-domain-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#1a1a1a;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease}.standard-domain-input::placeholder{color:#9ca3af;opacity:1}.standard-domain-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.standard-domain-input:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--primary-text)}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{font-size:1.0625rem;line-height:1.7;color:var(--secondary-text);max-width:65ch}a{color:inherit;text-decoration:none;transition:all .2s ease}a:hover{opacity:.7}button{font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}::selection{background:var(--accent-light);color:var(--accent)}.logo-text{font-family:Comfortaa,cursive;font-weight:700;font-size:clamp(1.125rem,1.25rem + 1.2vw,2rem);letter-spacing:-.02em;color:var(--accent)}.nav-logout{background:transparent;border:none;color:var(--secondary-text);font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s ease;padding:0;font-family:inherit}.nav-logout:hover{color:var(--accent)}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-menu img{width:28px;height:28px;display:block}@media(max-width:768px){.hamburger-menu{display:block}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:0;box-shadow:-4px 0 20px #0000001a;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto}.nav-links.mobile-open{right:0}.nav-links li{width:100%;border-bottom:1px solid rgba(0,0,0,.05)}.nav-links a{display:block;padding:1rem 0 1rem 1rem;width:100%;font-size:1.125rem}.nav-links .nav-cta{display:block;text-align:center;margin-top:1rem;margin-left:1rem;margin-right:1rem;border-radius:8px;padding:.75rem 1.25rem}.nav-links button.nav-cta{width:calc(100% - 2rem)}}@media(max-width:1024px)and (min-width:769px){.nav-links{gap:1.25rem}.nav-links a{font-size:.875rem}}.home .tool-icon{width:50px!important;height:50px!important;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0;transition:transform .3s ease;margin-bottom:.5rem!important}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon img,.feature-icon svg{width:28px;height:28px;stroke:currentColor}.home{min-height:100vh;display:flex;flex-direction:column}.nav{position:fixed;top:0;left:0;right:0;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000}.logo a{text-decoration:none}a.logo-text{color:inherit!important}.logo-text{font-weight:700;letter-spacing:-.02em}.logo-text span,.arc-text,.metrics-text{display:inline}.footer-logo .arc-text,.footer-logo .metrics-text{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.nav-links{display:flex;gap:2rem;align-items:center;list-style:none}.nav-links a{font-size:.9375rem;font-weight:500;color:var(--secondary-text);transition:color .2s ease;position:relative}.nav-links a:hover{color:var(--primary-text);opacity:1}.nav-links a.active{color:var(--primary-text);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;box-shadow:0 0 8px #667eea99}.nav-links .nav-cta{padding:.625rem 1.25rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:600}.nav-links .nav-cta:hover{background:var(--accent-hover);color:#fff}.hero{margin-top:80px;padding:var(--spacing-3xl) 0 var(--spacing-2xl);background:linear-gradient(180deg,var(--primary-bg) 0%,var(--secondary-bg) 100%)}.hero-content{max-width:900px;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;padding:.5rem 1rem;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.hero-badge.green{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);color:#0d9488}.home .hero-title{margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,4rem)!important;line-height:1.1!important;color:var(--primary-text)!important}.home .hero-title-black{color:var(--primary-text)!important;-webkit-text-fill-color:var(--primary-text)!important;background:none!important;display:inline!important}.home .hero-title-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important;display:inline!important}.home .hero-description{margin:0 auto var(--spacing-xl);font-size:1.25rem;line-height:1.7;color:var(--secondary-text);max-width:700px}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.hero-trust{display:flex;gap:3rem;justify-content:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-light);flex-wrap:wrap}.trust-item{text-align:center}.trust-stat{font-size:2.5rem;font-weight:700;color:var(--primary-text);margin-bottom:.25rem}.trust-label{font-size:.875rem;color:var(--secondary-text)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:none;cursor:pointer}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.hero .btn-primary{background:#2563eb!important;color:#fff!important}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero .btn-primary:hover{background:#1d4ed8!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.hero-actions .btn-primary:hover{background:#1d4ed8!important}.btn-secondary{background:#fff;color:var(--primary-text);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--secondary-bg);border-color:var(--secondary-text)}.btn-large{padding:1.125rem 2.25rem;font-size:1rem}.features{padding:var(--spacing-3xl) 0;background:var(--primary-bg)}.features-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl)}.features-header .features-title{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:clamp(1.75rem,3.5vw,2.5rem)!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.025em!important;text-transform:none!important}.features-title-gradient{background:linear-gradient(135deg,#10b981,#14b8a6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(2rem,4vw,3.5rem)!important;display:inline-block}.features-subtitle{font-size:1.125rem;color:var(--secondary-text)}.home .tool-card-static{cursor:default;pointer-events:none;gap:.35rem!important}.home .tool-card-static .tool-icon{margin-bottom:0!important}.home .tool-card-static .tool-name{margin-top:0!important;margin-bottom:.25rem!important}.home .tool-card-static:hover{transform:none!important;box-shadow:none!important;border-color:var(--border-light)!important}.home .tool-arrow{display:none!important}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.feature-card{padding:var(--spacing-lg);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all .3s ease}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--spacing-md);color:var(--accent);background:none}.feature-icon svg{width:40px;height:40px;stroke:var(--accent);fill:none;display:block}.feature-title{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600;color:var(--primary-text)}.feature-description{font-size:.9375rem;line-height:1.6;color:var(--secondary-text)}.cta{padding:var(--spacing-3xl) 0;background:var(--secondary-bg)}.cta-card{max-width:750px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-2xl);position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6,#7c3aed);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 20px 60px #6366f14d}.cta-card:before{display:none}@keyframes shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10%,10%) rotate(5deg)}}.cta-content{color:#fff}.cta-title{margin-bottom:var(--spacing-md);color:#fff;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.cta-description{margin:0 auto var(--spacing-xl);font-size:1.125rem;opacity:.95;max-width:600px;color:#ffffffe6;line-height:1.6}.cta .btn-primary,.cta .btn-primary.btn-large{background:#fff!important;color:#8b5cf6!important;font-weight:600!important;box-shadow:0 4px 14px #0000001a,0 2px 4px #0000000d!important;border:none!important;transition:all .2s ease!important}.cta .btn-primary:hover,.cta .btn-primary.btn-large:hover,.cta .btn.btn-primary:hover,.cta .btn.btn-primary.btn-large:hover{background:#fff!important;color:#8b5cf6!important;box-shadow:0 6px 20px #00000026,0 3px 6px #00000014!important;transform:translateY(-3px)!important}.footer{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#0f172a,#020617);border-top:1px solid #1e293b;margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 500px at 90% 50%,rgba(139,92,246,.25) 0%,transparent 60%),radial-gradient(circle 400px at 85% 70%,rgba(59,130,246,.2) 0%,transparent 55%),radial-gradient(circle 450px at 95% 30%,rgba(236,72,153,.18) 0%,transparent 58%),radial-gradient(circle at 85% 65%,white 1.8px,rgba(255,255,255,.6) 3.5px,transparent 6px),radial-gradient(circle at 60% 15%,white 1.5px,rgba(255,255,255,.5) 3px,transparent 5px),radial-gradient(circle at 92% 25%,white 1.5px,rgba(255,255,255,.5) 3px,transparent 5px),radial-gradient(circle at 45% 80%,white 1.5px,rgba(255,255,255,.4) 3px,transparent 5px),radial-gradient(circle at 75% 35%,white 1.5px,rgba(255,255,255,.4) 3px,transparent 5px),radial-gradient(circle at 90% 45%,white 1.5px,rgba(255,255,255,.4) 3px,transparent 5px),radial-gradient(circle at 68% 60%,white 1.5px,rgba(255,255,255,.4) 3px,transparent 5px),radial-gradient(circle at 35% 20%,white 1px,transparent 1.5px),radial-gradient(circle at 65% 75%,white 1px,transparent 1.5px),radial-gradient(circle at 50% 40%,white 1px,transparent 1.5px),radial-gradient(circle at 80% 85%,white 1px,transparent 1.5px),radial-gradient(circle at 42% 50%,white 1px,transparent 1.5px),radial-gradient(circle at 95% 20%,rgba(255,255,255,.8) .5px,transparent 1px),radial-gradient(circle at 40% 90%,rgba(255,255,255,.8) .5px,transparent 1px),radial-gradient(circle at 70% 10%,rgba(255,255,255,.8) .5px,transparent 1px),radial-gradient(circle at 55% 55%,rgba(255,255,255,.8) .5px,transparent 1px),radial-gradient(circle at 88% 70%,rgba(255,255,255,.8) .5px,transparent 1px),radial-gradient(circle at 48% 28%,rgba(255,255,255,.8) .5px,transparent 1px);pointer-events:none;z-index:0}.footer>*{position:relative;z-index:1}.footer-logo-container{display:flex;align-items:center;gap:8px;margin-bottom:.25rem}.footer-rocket-icon{width:32px;height:32px}.footer-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;font-family:Comfortaa,cursive}.footer-tagline{font-size:.875rem;color:#d1d5db;padding-left:40px}@media(max-width:768px){.nav-content{padding:1rem 0}.nav-links{gap:1rem;font-size:.875rem}.nav-links .nav-cta{padding:.5rem 1rem}.hero{padding:var(--spacing-2xl) 0 var(--spacing-xl)}.home .hero-title{font-size:2rem!important}.hero-trust{gap:2rem}.trust-stat{font-size:1.5rem}.hero-actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.features-grid{grid-template-columns:1fr}.cta-card{padding:var(--spacing-xl)}.footer-content{flex-direction:column;text-align:center}}@media(max-width:480px){.nav-links{gap:.5rem}.home .hero-description{font-size:1rem}.feature-card{padding:var(--spacing-md)}}.platform-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.tools-section-title{font-size:2rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-xl);text-align:center}.tool-card{position:relative;background:var(--primary-bg);padding:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;text-decoration:none}.platform-page .tool-card .tool-name{font-size:1.175rem;font-weight:600;color:var(--primary-text)!important;margin:0}.tool-lock{display:flex;align-items:center;gap:8px;padding-top:12px;margin-top:auto;border-top:1px solid var(--border-light);color:var(--accent);font-weight:600;font-size:.875rem}.lock-icon{font-size:16px}.showcase-section{padding:var(--spacing-lg) 0 var(--spacing-2xl);background:var(--primary-bg);border-top:1px solid var(--border-light)}.showcase-header{text-align:center;margin-bottom:var(--spacing-lg)}.showcase-title{font-size:2rem;font-weight:700;color:var(--primary-text);margin-bottom:.5rem}.gradient-text{background:linear-gradient(135deg,#2563eb,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-subtitle{font-size:1.125rem;color:var(--secondary-text);max-width:700px;margin:0 auto}.showcase-content{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--spacing-xl);align-items:center}.showcase-image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.showcase-image-wrapper:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -10px #0003}.showcase-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.showcase-image-wrapper:hover .showcase-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.showcase-image-wrapper:hover .image-overlay{opacity:1}.overlay-text{color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563ebf2,#1d4ed8f2);border-radius:var(--radius-md);transform:translateY(10px);transition:transform .3s ease}.showcase-image-wrapper:hover .overlay-text{transform:translateY(0)}.showcase-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;box-shadow:0 4px 12px #10b9814d}.badge-icon{font-size:1.125rem}.showcase-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.feature-icon{font-size:2rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.feature-icon img{width:40px;height:40px;object-fit:contain}.feature-content{flex:1}.feature-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:.25rem}.feature-description{font-size:.9375rem;color:var(--secondary-text);line-height:1.6;margin:0}.platform-cta-section{padding:var(--spacing-2xl) 0;background:var(--primary-bg);border-top:1px solid var(--border-light)}.platform-cta-card{background:linear-gradient(to right,#2563eb,#6366f1,#7c3aed);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;color:#fff;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.platform-cta-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.cta-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.cta-description{font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-xl);color:#ffffffe6;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;border-radius:var(--radius-lg);font-weight:700;font-size:1.125rem;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-button.primary{background:#fff;color:#1e3a8a;box-shadow:0 8px 20px #0003}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000004d;background:#f9fafb}.cta-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button.secondary:hover{background:#fff3;border-color:#ffffff80}@media(max-width:768px){.page-title{font-size:1.75rem}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tool-card{padding:var(--spacing-lg)}.showcase-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.showcase-title{font-size:1.5rem}.showcase-subtitle{font-size:1rem}.footer-content{flex-direction:column;text-align:center}.platform-cta-card{padding:var(--spacing-xl)}.cta-title{font-size:1.5rem}.cta-description{font-size:1rem}.cta-button{padding:.875rem 2rem;font-size:1rem}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.auth-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.auth-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;line-height:1;color:var(--secondary-text);cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.modal-close:hover{color:var(--primary-text)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);text-align:center;margin-bottom:1rem}.modal-description{font-size:.9375rem;color:var(--secondary-text);text-align:center;line-height:1.6;margin-bottom:1.5rem}.modal-description strong{color:var(--primary-text);font-weight:600}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.modal-button{padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-align:center;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.modal-button.primary{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);color:#fff;box-shadow:0 4px 12px #2563eb4d}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.modal-button.secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}.modal-button.secondary:hover{background:var(--accent);color:#fff}.image-zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease}.image-zoom-content{position:relative;max-width:90%;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:zoomIn .4s ease}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.zoomed-image{max-width:100%;max-height:70vh;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;object-fit:contain;margin-bottom:-3rem}.zoom-modal-cta{background:linear-gradient(135deg,#1d4ed8f2,#1e40aff2);padding:1rem 1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center}.zoom-modal-cta p{color:#fff;font-size:1rem;font-weight:600;margin:0}.zoom-cta-button{background:linear-gradient(135deg,#fff,#f0f4ff);color:var(--accent);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;font-size:.9375rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.zoom-cta-button:hover{background:linear-gradient(135deg,#f0f4ff,#e0e9ff);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.image-zoom-overlay .modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;color:#1a1a1a;border:none;width:48px;height:48px;border-radius:50%;font-size:1.75rem;line-height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;box-shadow:0 4px 20px #0009,0 2px 10px #0006;z-index:10001}.image-zoom-overlay .modal-close:hover{background:#fff;box-shadow:0 6px 25px #000000b3,0 3px 12px #00000080}@media(max-width:480px){.auth-modal{padding:1.5rem}.modal-title{font-size:1.25rem}.modal-description{font-size:.9375rem}}.tools-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.tools-section{padding:var(--spacing-lg) 0 var(--spacing-2xl);flex:1}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md);margin-top:0}.tool-card{position:relative;background:var(--primary-bg);padding:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:visible}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--tool-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tier-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;z-index:10;box-shadow:var(--shadow-sm)}.tier-free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tier-premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tier-coming-soon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.tool-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff;flex-shrink:0;transition:transform .3s ease}.tool-icon img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tool-card:hover .tool-icon{transform:scale(1.1)}.tools-page .tool-card .tool-name{font-size:1.175rem;font-weight:600;color:var(--primary-text)!important;margin:0}.tools-page .tool-card .tool-name{color:var(--primary-text)!important}.tool-description{font-size:.875rem;color:var(--secondary-text);line-height:1.6;margin:0;flex:1}.tool-arrow{display:none}.tool-card.tool-card-coming-soon{cursor:not-allowed;position:relative}.tool-card.tool-card-coming-soon:hover{transform:none;border-color:var(--border-light)}.tool-card.tool-card-coming-soon .coming-soon-badge{position:absolute;top:12px;right:12px;padding:5px 12px;background:#dbeafe;color:#2563eb;font-size:10px;font-weight:600;letter-spacing:.3px;border-radius:50px;z-index:100;white-space:nowrap;text-transform:none}.tool-cta{font-size:.875rem;color:var(--accent);font-weight:600;margin-top:auto;display:flex;align-items:center;gap:.25rem}.tool-disabled{font-size:.875rem;color:var(--secondary-text);font-style:italic;margin-top:auto}.premium-cta-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-light)}.premium-cta-card{background:linear-gradient(135deg,#1e3a8a,#1e40af);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;color:#fff;box-shadow:var(--shadow-xl)}.premium-cta-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);color:#fbbf24;filter:drop-shadow(0 4px 8px rgba(251,191,36,.3))}.premium-cta-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.premium-cta-description{font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-xl);color:#ffffffe6;max-width:700px;margin-left:auto;margin-right:auto}.premium-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:900px;margin-left:auto;margin-right:auto}.premium-feature{background:#ffffff1a;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.premium-cta-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#1e3a8a;font-weight:700;font-size:1.125rem;border-radius:var(--radius-lg);transition:all .3s ease;box-shadow:0 8px 20px #0003}.premium-cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000004d;background:#f9fafb}.nav-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent)}@media(max-width:768px){.nav-links{gap:1rem;font-size:.875rem}.nav-links .nav-cta{padding:.5rem 1rem}.page-title{font-size:1.75rem}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tool-card{padding:var(--spacing-lg)}.footer-content{flex-direction:column;text-align:center}.premium-cta-card{padding:var(--spacing-xl)}.premium-cta-title{font-size:1.5rem}.premium-cta-description{font-size:1rem}.premium-features{grid-template-columns:1fr}.premium-cta-button{padding:.875rem 2rem;font-size:1rem}}.about{min-height:100vh;display:flex;flex-direction:column}.about-hero{margin-top:80px;padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#eff6ff,#fff);position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%}.about-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.about-badge{display:inline-flex;padding:.5rem 1rem;background:#dbeafe;color:#2563eb;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);animation:fadeIn .6s ease-out}.about-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-lg);color:var(--primary-text);line-height:1.1;animation:fadeIn .8s ease-out}.about-title .gradient-text{background:linear-gradient(135deg,#f97316 0% 30%,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-description{font-size:1.25rem;color:var(--secondary-text);line-height:1.7;margin:0 auto;animation:fadeIn 1s ease-out}.about-mission{padding:var(--spacing-3xl) 0;background:#fff}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.mission-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg);color:var(--primary-text)}.mission-content p{font-size:1.125rem;color:var(--secondary-text);line-height:1.8;margin-bottom:var(--spacing-md)}.mission-visual{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:320px;margin-left:auto;padding-right:var(--spacing-2xl)}.mission-visual .stat-item{text-align:left;display:flex;flex-direction:column}.mission-visual .stat-number{font-size:4rem;font-weight:900;margin-bottom:0;color:#2563eb;order:-1}.mission-visual .stat-label{font-size:1rem;line-height:1.5;color:var(--secondary-text)!important;text-transform:none!important;margin-top:-8px;order:1}.about-why{padding:var(--spacing-xl) 0;background:var(--secondary-bg)}.section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-2xl);color:var(--primary-text)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.why-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.why-icon{width:56px;height:56px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.why-icon svg{width:28px;height:28px;stroke-width:2}.why-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--primary-text)}.why-card p{font-size:1rem;color:var(--secondary-text);line-height:1.7}.about-competitive{padding:var(--spacing-3xl) 0;background:#fff}.competitive-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.competitive-text h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg);color:var(--primary-text)}.competitive-text>p{font-size:1.125rem;color:var(--secondary-text);line-height:1.8;margin-bottom:var(--spacing-xl)}.competitive-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.competitive-feature{display:flex;gap:var(--spacing-md)}.feature-check{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-check svg{width:20px;height:20px}.competitive-feature h4{font-size:1.125rem;margin-bottom:.25rem;color:var(--primary-text)}.competitive-feature p{font-size:.9375rem;color:var(--secondary-text);line-height:1.6}.competitive-visual{background:var(--secondary-bg);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:visible;max-width:600px;margin-left:auto}.comparison-chart{background:#fff;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chart-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--primary-text);text-align:center}.chart-bars{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:500px;margin:0 auto;width:100%;padding:0 var(--spacing-lg)}.chart-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-lg);padding:.5rem 0}.chart-label{font-size:1rem;font-weight:600;color:var(--primary-text);text-align:right;padding-right:var(--spacing-md)}.chart-bar-container{width:100%;background:linear-gradient(to right,#f9fafb,#f3f4f6);border-radius:12px;height:48px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f;border:1px solid #e5e7eb}.chart-bar{height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;color:#fff;font-size:1rem;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;overflow:hidden}.chart-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.chart-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent);border-radius:12px 12px 0 0}.chart-value{min-width:55px;font-weight:800;font-size:1.25rem;color:var(--primary-text);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:.375rem .5rem;box-shadow:0 2px 8px #0000001a;border:2px solid #e5e7eb;position:relative}.chart-value:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.chart-row:nth-child(1) .chart-value:after{background:#fbbf24}.chart-row:nth-child(2) .chart-value:after,.chart-row:nth-child(3) .chart-value:after,.chart-row:nth-child(5) .chart-value:after{background:#10b981}.chart-row:nth-child(4) .chart-value:after{background:#ef4444}.chart-bar.your-site{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);animation:barGrow 1.5s ease-out;box-shadow:0 4px 12px #2563eb66}.chart-bar.competitor{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);animation:barGrow 1.5s ease-out .15s backwards;box-shadow:0 4px 12px #f59e0b4d}.chart-bar.industry{background:linear-gradient(135deg,#9ca3af,#6b7280,#4b5563);animation:barGrow 1.5s ease-out .6s backwards;box-shadow:0 4px 12px #6b72804d}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes barGrow{0%{width:0}}.about-roi{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.about-roi .section-title{color:#fff;font-size:clamp(3rem,6vw,4.5rem)}.roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.roi-card{text-align:center;padding:var(--spacing-lg);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.roi-card:hover{background:#ffffff1a;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.roi-stat{font-size:3.5rem;font-weight:700;color:#10b981;margin-bottom:var(--spacing-sm)}.roi-label{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);color:#fff}.roi-card p{font-size:.9375rem;color:#ffffffb3;line-height:1.5}.about-how{padding:var(--spacing-xl) 0;background:#fff}.how-content h2{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg);color:var(--primary-text)}.how-steps{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.how-step{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--secondary-bg);border-radius:var(--radius-lg);transition:all .3s ease}.how-step:hover{box-shadow:var(--shadow-lg);transform:translate(8px)}.step-number{width:56px;height:56px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--primary-text)}.step-content p{font-size:1rem;color:var(--secondary-text);line-height:1.7}.about-cta{padding:var(--spacing-3xl) 0;background:var(--secondary-bg)}.about-cta .cta-card{max-width:800px;margin:0 auto;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);border-radius:var(--radius-2xl);text-align:center;color:#fff;box-shadow:var(--shadow-xl)}.about-cta h2{margin-bottom:var(--spacing-md);color:#fff;font-size:clamp(1.75rem,4vw,2.5rem)}.about-cta p{margin-bottom:var(--spacing-xl);font-size:1.125rem;opacity:.95;color:#fff}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.about-cta .btn-primary{background:#fff;color:#4b5563;border:2px solid white}.about-cta .btn-primary:hover{background:#f9fafb;color:#374151}.about-cta .btn-secondary{background:#fff;color:#6b7280;border:2px solid white}.about-cta .btn-secondary:hover{background:#f9fafb;color:#4b5563}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mission-grid,.competitive-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.why-grid{grid-template-columns:1fr}.how-step{flex-direction:column;text-align:center;align-items:center}.competitive-visual{order:-1}.chart-label{min-width:90px;font-size:.75rem}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}}@media(max-width:480px){.stat-number,.roi-stat{font-size:2.5rem}}.pricing-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.pricing-header{margin-top:80px;padding:var(--spacing-xl) 0 var(--spacing-lg);background:var(--primary-bg);border-bottom:1px solid var(--border-light);text-align:center}.pricing-title{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:2.5rem;font-weight:700}.pricing-subtitle{max-width:600px;margin:0 auto;color:var(--secondary-text);font-size:1.125rem;line-height:1.7}.pricing-section{padding:var(--spacing-2xl) 0;flex:1}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);max-width:1400px;margin:0 auto}.pricing-card{position:relative;background:var(--primary-bg);border-radius:var(--radius-xl);border:2px solid var(--border-light);display:flex;flex-direction:column;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pricing-card-featured{border-color:var(--accent);box-shadow:0 8px 30px #3b82f626}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);color:#fff;padding:.375rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;box-shadow:0 4px 12px #3b82f64d}.pricing-card-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);text-align:center;border-bottom:1px solid var(--border-light)}.tier-name{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.tier-price{margin-bottom:var(--spacing-sm)}.price-amount{font-size:3.5rem;font-weight:800;color:var(--accent);line-height:1}.price-period{font-size:1.125rem;color:var(--secondary-text);font-weight:500}.tier-description{color:var(--secondary-text);line-height:1.6;margin:0}.pricing-card-body{padding:var(--spacing-lg);flex:1}.features-title{font-size:.875rem;font-weight:700;color:var(--primary-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.feature-item{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);color:var(--primary-text);font-size:.9375rem;line-height:1.6;align-items:start}.feature-icon{width:20px;height:20px;flex-shrink:0;color:#10b981;margin-top:2px}.feature-item-premium .feature-icon{color:var(--accent)}.pricing-card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.checkout-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.pricing-button{width:100%;padding:1rem;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;text-align:center;transition:all .3s ease;cursor:pointer;border:none;display:block}.pricing-button-primary{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.pricing-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.pricing-button-primary:disabled{opacity:.6;cursor:not-allowed}.pricing-button-secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}.pricing-button-secondary:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.demo-section{margin-top:var(--spacing-2xl);max-width:900px;margin-left:auto;margin-right:auto}.demo-card{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid #fbbf24;text-align:center}.demo-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.demo-title{font-size:1.5rem;font-weight:700;color:#78350f;margin-bottom:var(--spacing-sm)}.demo-description{color:#78350f;font-size:1rem;margin-bottom:var(--spacing-md)}.demo-steps{text-align:left;max-width:600px;margin:0 auto var(--spacing-md);padding-left:var(--spacing-xl);color:#78350f;line-height:1.8}.demo-steps li{margin-bottom:var(--spacing-xs)}.demo-note{font-size:.875rem;color:#92400e;font-style:italic;margin:0}.faq-section{padding:var(--spacing-2xl) 0;background:var(--primary-bg);border-top:1px solid var(--border-light)}.faq-title{text-align:center;font-size:2rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-2xl)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.faq-item{padding:var(--spacing-lg);background:var(--secondary-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.faq-question{font-size:1.125rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.faq-answer{color:var(--secondary-text);line-height:1.7;margin:0}.nav-links a{color:var(--secondary-text);font-weight:500;transition:color .2s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-cta{padding:.625rem 1.25rem;background:var(--accent);color:#fff!important;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.nav-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--secondary-text)}@media(max-width:768px){.nav-links{gap:1rem;font-size:.875rem}.nav-links .nav-cta{padding:.5rem 1rem}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.pricing-grid{grid-template-columns:1fr}.price-amount{font-size:3rem}.demo-card{padding:var(--spacing-lg)}.demo-steps{padding-left:var(--spacing-lg)}.faq-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}.contact-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.contact-hero{margin-top:80px;padding:var(--spacing-xl) 0 var(--spacing-md);text-align:center;background:var(--secondary-bg)}.contact-hero-icon{width:48px;height:48px;margin:0 auto var(--spacing-xs);display:block}.contact-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:.25rem}.contact-subtitle{font-size:.9375rem;color:var(--secondary-text);max-width:600px;margin:0 auto;line-height:1.6}.contact-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md) var(--spacing-xl);background:var(--secondary-bg)}.contact-form-section>.container{width:100%;max-width:900px}.contact-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.contact-form-container{background:var(--primary-bg);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--spacing-md);box-shadow:var(--shadow-xl)}.contact-form{display:flex;flex-direction:column;gap:.625rem}.form-input,.form-textarea{padding:.625rem .875rem;font-size:.9375rem;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary-text);font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--secondary-text)}.form-textarea{resize:vertical;min-height:120px}.alert{padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;animation:slideIn .3s ease}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-error{display:flex;align-items:center;gap:var(--spacing-sm);background:#fee2e2;border:1px solid #fecaca;color:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-btn{width:100%;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;margin-top:var(--spacing-xs)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn:active:not(:disabled){transform:translateY(0)}.contact-info-sidebar{display:flex;flex-direction:column;gap:1rem}.info-card{background:var(--primary-bg);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--spacing-md);box-shadow:var(--shadow-xl)}.info-card h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--primary-text);font-weight:700}.info-card>p{color:var(--secondary-text);font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;gap:.75rem;align-items:flex-start}.info-icon{width:24px;height:24px;flex-shrink:0}.info-item strong{display:block;color:var(--primary-text);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.info-item p{color:var(--secondary-text);margin:0;font-size:.875rem}.info-item p{color:var(--secondary-text);font-size:.95rem;margin:0}@media(max-width:968px){.contact-form-grid{grid-template-columns:1fr}.contact-info-sidebar{order:-1}}@media(max-width:768px){.contact-hero{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-form-container,.info-card{padding:1.5rem}}.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.login-section{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);margin-top:80px}.login-container{width:100%;max-width:560px}.login-card{background:var(--primary-bg);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--spacing-md);box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-sm)}.login-rocket-icon{width:48px;height:48px;margin-bottom:var(--spacing-xs)}.login-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:.25rem}.login-subtitle{font-size:.9375rem;color:var(--secondary-text);margin:0}.login-form{display:flex;flex-direction:column;gap:.625rem}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;font-weight:500}.error-message svg{flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--primary-text)}.form-label .required{color:#ef4444;margin-left:2px}.form-input{padding:.625rem .875rem;font-size:.9375rem;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary-text);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--secondary-text)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--primary-text);cursor:pointer}.checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.forgot-link{font-size:.875rem;color:var(--accent);font-weight:600;transition:color .2s ease}.forgot-link:hover{color:var(--accent-hover);text-decoration:underline}.login-button{width:100%;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;margin-top:var(--spacing-xs)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button:active:not(:disabled){transform:translateY(0)}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}.spinner-circle{opacity:.25}.spinner-path{opacity:.75}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-sm) 0;color:var(--secondary-text);font-size:.875rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light)}.divider span{padding:0 var(--spacing-md)}.demo-button{width:100%;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;color:var(--accent);background:#fff;border:2px solid var(--accent);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.demo-button:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.signup-link{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--secondary-text)}.signup-link .link{color:var(--accent);font-weight:600;transition:color .2s ease}.signup-link .link:hover{color:var(--accent-hover);text-decoration:underline}.demo-info-card{margin-top:var(--spacing-xl);background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.demo-info-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.demo-info-title{font-size:1.25rem;font-weight:700;color:#78350f;margin-bottom:var(--spacing-sm)}.demo-info-text{font-size:.9375rem;color:#78350f;margin-bottom:var(--spacing-md);line-height:1.6}.demo-info-list{text-align:left;list-style:none;padding:0;margin:0 0 var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.demo-info-list li{font-size:.875rem;color:#78350f;line-height:1.6;padding-left:var(--spacing-md);position:relative}.demo-info-list li:before{content:"•";position:absolute;left:0;color:#f59e0b;font-weight:700}.demo-info-list strong{color:#92400e}.demo-info-note{font-size:.875rem;color:#92400e;font-style:italic;margin:0}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light)}.logo-text{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{color:var(--secondary-text);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--accent)}@media(max-width:768px){.login-section{padding:var(--spacing-xl) var(--spacing-md)}.login-card{padding:var(--spacing-xl)}.login-title{font-size:1.75rem}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.demo-info-card{padding:var(--spacing-lg)}.nav-links{gap:1rem;font-size:.875rem}.footer-content{flex-direction:column;text-align:center}}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#2563eb,#8b5cf6);background-attachment:fixed}.dashboard-layout-content{display:flex;flex:1;padding:20px;max-width:1200px;width:100%;margin:100px auto 40px;gap:20px;align-items:flex-start;background:#ffffff0d;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.dashboard-main-content{flex:1;min-width:0;width:100%}.dashboard-sidebar{position:sticky;top:120px;align-self:flex-start;height:fit-content;max-height:calc(100vh - 200px);width:280px;flex-shrink:0;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.15);border-radius:20px;display:flex;flex-direction:column;overflow-y:auto;margin-top:0}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-user{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 4px 12px #667eea66}.user-info{flex:1;overflow:hidden}.user-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tier{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;color:#fffc;font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.nav-item:hover:not(.disabled){background:#ffffff1a;color:#fff;transform:translate(4px)}.nav-item.active{background:#ffffff26;color:#fff;box-shadow:0 4px 12px #0000001a}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#fff;border-radius:0 4px 4px 0}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{font-size:20px;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid rgba(255,255,255,.2);animation:pulse-notification 2s ease-in-out infinite}@keyframes pulse-notification{0%,to{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.05);box-shadow:0 0 0 6px #ef444400}}.nav-label{flex:1}.coming-soon-badge{font-size:10px;padding:2px 8px;background:#fff3;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.nav-divider{height:1px;background:#ffffff1a;margin:12px 8px}.sidebar-footer{padding:16px 12px 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;color:#fffc;font-size:15px;font-weight:500;transition:all .2s ease;background:#ffffff0d}.footer-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.dashboard-main{flex:1;min-height:calc(100vh - 100px);overflow:hidden}@media(max-width:1024px){.dashboard-sidebar{width:240px}.user-avatar{width:40px;height:40px;font-size:18px}.nav-item{padding:10px 12px;font-size:14px}}@media(max-width:768px){.dashboard-layout-content{flex-direction:column;padding-left:15px;padding-right:15px}.dashboard-sidebar{position:relative;top:0;width:100%;max-height:none;margin-bottom:20px}.dashboard-main{width:100%}}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.overview-container{min-height:calc(100vh - 100px);color:#fff;padding:0;max-width:none;width:100%;flex:1}.overview-hero{margin-bottom:20px;text-align:left;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);padding:20px;width:100%}.overview-hero .hero-content{padding:0;text-align:left}.overview-hero .hero-title{font-size:36px;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);text-align:left}.overview-hero .hero-description{font-size:16px;color:#ffffffe6;max-width:600px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.quick-action-card{padding:30px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);text-align:center;transition:all .3s ease;cursor:pointer;text-decoration:none;color:#fff}.quick-action-card:hover{transform:translateY(-4px);background:#ffffff1f;box-shadow:0 12px 40px #0000004d}.action-icon{font-size:48px;margin-bottom:15px}.quick-action-card h3{font-size:20px;font-weight:600;margin-bottom:8px}.quick-action-card p{font-size:14px;color:#ffffffb3;margin:0}.stat-card{padding:20px;display:flex;align-items:flex-start;gap:16px;transition:transform .3s ease,box-shadow .3s ease;background:#ffffff14!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15)!important}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.stat-icon{font-size:40px;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.stat-content{flex:1;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left}.stat-label{font-size:14px;color:#fff!important;order:-1;text-align:left!important}.stat-value{font-size:32px;font-weight:700;color:#fff!important;line-height:1;text-align:left!important}.recent-activity-section{margin-bottom:20px}.recent-activity-section h2{font-size:24px;font-weight:600;margin-bottom:20px;color:#fff}.activity-list{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.empty-state{padding:60px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{color:#ffffffb3;font-size:16px;margin-bottom:8px}.empty-hint{font-size:14px!important;color:#ffffff80!important}.alerts-section{margin-top:20px;margin-bottom:20px}.alerts-section h2{font-size:24px;font-weight:600;margin-bottom:20px;color:#fff}.alerts-grid{display:grid;gap:20px}.alert-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15)}.alert-card.warning{border-left:4px solid #f59e0b}.alert-card.error{border-left:4px solid #ef4444}.alert-icon{font-size:32px;flex-shrink:0}.alert-content{flex:1}.alert-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.alert-text{font-size:14px;color:#ffffffb3}.dashboard-container{min-height:calc(100vh - 100px);color:#fff;padding:0;max-width:none;width:100%}.dashboard-hero{margin-bottom:20px;text-align:left;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);padding:20px}.dashboard-container .hero-content{padding:0;text-align:left}.dashboard-container .hero-title{font-size:36px;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dashboard-container .hero-description{font-size:16px;color:#ffffffe6;max-width:600px;margin:0}.quick-actions-section{margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.quick-action-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:30px;text-align:left;text-decoration:none;color:#fff;transition:all .3s ease;cursor:pointer}.quick-action-card:hover{background:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 40px #1f268780}.quick-action-card .action-icon{font-size:48px;margin-bottom:15px}.quick-action-card h3{font-size:14px;font-weight:600;margin-bottom:12px;color:#ffffffe6}.quick-action-card p{font-size:14px;color:#ffffffd9;margin:0}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #1f26875e}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.stat-card{padding:24px;display:flex;align-items:center;gap:16px;transition:transform .3s ease,box-shadow .3s ease;background:#8b5cf633;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(167,139,250,.3)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #8b5cf680;background:#8b5cf64d}.stat-icon{font-size:32px;line-height:1;background:#a78bfa4d;padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-label{font-size:14px;color:#ffffffd9;font-weight:500}.filters-section{margin-bottom:20px}.filters-container{padding:20px;display:flex;flex-direction:column;gap:15px}.search-box{width:100%}.search-input{width:100%;padding:10px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input:focus{outline:none;border-color:#fff6;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.search-input::placeholder{color:#ffffffb3}.filter-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.filter-label{font-size:14px;font-weight:600;color:#fff!important;white-space:nowrap;line-height:1;display:flex;align-items:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.tool-filter-button{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffd9;font-size:13px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:none;font-family:inherit}.tool-filter-button.tool-filter-active{background:#ffffff4d;border-color:#fff6;color:#fff;box-shadow:0 4px 12px #fff3}.analyses-section{margin-bottom:60px}.loading-state,.error-state,.empty-state{padding:60px 40px;text-align:center}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.9}.empty-state h3{font-size:20px;margin-bottom:8px;color:#fff;font-weight:600}.empty-state p{font-size:14px;color:#ffffffd9;margin-bottom:24px}.cta-button,.retry-btn{display:inline-block;padding:10px 20px;background:#ffffff40;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button:hover,.retry-btn:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.no-results-card{padding:40px;text-align:center}.no-results-card p{font-size:16px;color:#ffffffe6;margin:0}.no-results-hint{font-size:14px!important;color:#ffffffb3!important;margin-top:8px!important}.analyses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.analysis-card{padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.analysis-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #1f268780;background:#ffffff26}.card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff0d}.tool-badge{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 6px;background:#fff3;border-radius:8px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tool-icon{font-size:16px;line-height:1;margin-right:2px}.tool-name{font-size:13px;font-weight:600;color:#fff}.delete-btn{background:#ef444459;border:1px solid rgba(239,68,68,.5);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-btn:hover{background:#ef444480;transform:scale(1.1)}.card-body{padding:20px}.domain-name{font-size:18px;font-weight:600;margin-bottom:6px;color:#fff;word-break:break-all;text-shadow:0 2px 4px rgba(0,0,0,.1)}.analysis-date{font-size:13px;color:#ffffffbf;margin-bottom:16px}.notes-section{margin:16px 0;padding:12px;background:#ffffff1a;border-radius:8px;border-left:3px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notes-section strong{display:block;margin-bottom:6px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notes-section p{font-size:14px;color:#ffffffe6;line-height:1.5;margin:0}.tags-section{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.tag{display:inline-block;padding:4px 10px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:11px;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.results-preview{margin-top:16px;padding:12px;background:#0003;border-radius:8px;max-height:120px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.results-preview strong{display:block;margin-bottom:8px;color:#ffffffe6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.results-preview pre{font-size:11px;color:#ffffffbf;margin:0;font-family:Monaco,Courier New,monospace;white-space:pre-wrap;word-break:break-all}.card-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:flex-end;background:#ffffff0d}.view-btn{padding:8px 16px;background:#ffffff40;color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn:hover{background:#ffffff59;transform:translate(3px);box-shadow:0 4px 12px #fff3}.expanded-results{padding:20px;background:#0003;border-top:1px solid rgba(255,255,255,.15);animation:slideDown .3s ease}.expanded-results h4{color:#fff;font-size:16px;margin-bottom:12px;font-weight:600}.expanded-results .results-full{background:#0000004d;padding:16px;border-radius:8px;color:#ffffffe6;font-size:12px;line-height:1.6;overflow-x:auto;max-height:400px;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.footer{background:#0003;border-top:1px solid rgba(255,255,255,.2);padding:32px 20px;margin-top:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-content p{color:#ffffffd9;margin:0;font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:#ffffffd9;text-decoration:none;transition:color .2s ease;font-size:14px;font-weight:500}.footer-links a:hover{color:#fff}@media(max-width:768px){.hero-title{font-size:32px}.hero-description{font-size:16px}.filters-container{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.analyses-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.stat-value{font-size:28px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1e1e32f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:20px;font-weight:700;color:#fff;margin:0 0 6px}.modal-subtitle{font-size:13px;color:#ffffffb3;margin:0}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-body{padding:20px}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:14px;font-weight:600;color:#fff;margin-bottom:10px}.modal-section p{color:#ffffffe6;line-height:1.5;font-size:14px}.results-full{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px;color:#e0e0e0;font-family:Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.modal-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.modal-btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.monitors-container{min-height:calc(100vh - 100px);color:#fff;padding:0;max-width:none;width:100%}.monitors-hero{margin-bottom:20px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 8px 32px #1f26875e}.monitors-hero .hero-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.monitors-hero .hero-text{flex:1;text-align:left}.monitors-hero .hero-title{font-size:36px;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.monitors-hero .hero-description{font-size:16px;color:#ffffffe6;margin:0}.sort-controls-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px #1f26875e;margin-bottom:20px;display:flex;align-items:center;gap:12px}.monitors-section{margin-top:0}.monitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;align-items:start}.monitor-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 16px;box-shadow:0 8px 32px #1f26875e;transition:none}.monitor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;position:relative}.monitor-status{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:.25rem}.status-row{display:flex;align-items:center;gap:.5rem}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.pulsing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.875rem;font-weight:600;text-transform:capitalize;color:#ffffffd9;line-height:1}.last-checked-text{font-size:.7rem;color:#fff9;margin:.25rem 0 0;font-weight:400;text-align:right}.monitor-header-right{display:flex!important;align-items:flex-start!important;gap:.25rem!important;position:absolute!important;right:-.5rem!important;top:0!important}.monitor-header-left{display:flex;flex-direction:column;gap:.15rem}.monitor-domain-header{font-size:1rem;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1}.monitor-subdomain-header{font-size:.75rem;color:#ffffffb3;margin:0;font-weight:400}.action-btn{background:transparent;border:none;cursor:pointer;font-size:.85rem;padding:0;border-radius:var(--radius-sm, 6px);transition:all .2s ease;color:#ffffffe6;display:inline-flex;align-items:center;gap:.4rem;line-height:1}.action-icon{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.9;flex-shrink:0;transform:translateY(8px)}.monitor-header-right .action-btn{margin-top:-.35rem;margin-left:.5rem}.action-btn:hover{background:#ffffff26}.action-btn.delete:hover{background:#ef44444d;color:#fee2e2}.monitor-body{margin-top:.75rem}.monitor-actions{display:flex;gap:1.25rem;justify-content:flex-start;margin-top:.5rem;margin-bottom:.5rem}.monitor-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2);grid-auto-rows:1fr}.monitor-details .detail-item{display:flex;flex-direction:column;gap:.25rem;background:#ffffff14!important;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:flex-start;min-height:40px}.detail-label{font-size:.75rem;color:#ffffffb3!important;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:var(--font-sans)!important}.monitor-details .detail-item .detail-label{color:#ffffffb3!important}.detail-value{font-size:.9375rem;color:#fff!important;font-weight:600;font-family:var(--font-sans)!important}.monitor-details .detail-item .detail-value{color:#fff!important}.status-badge{display:inline-block;padding:.125rem .4rem!important;border-radius:var(--radius-full, 9999px);font-size:.65rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-sans)!important;line-height:1.2}.status-badge.enabled{background:#10b981cc;color:#fff;border:none}.status-badge.disabled{background:#ef4444cc;color:#fff;border:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg, 1.5rem)}.modal-content{background:#fff;border-radius:var(--radius-xl, 16px);padding:var(--spacing-2xl, 2rem);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content h2{font-size:1.5rem;font-weight:700;color:var(--primary-text, #111827);margin-bottom:var(--spacing-lg, 1.5rem)}.form-group{margin-bottom:var(--spacing-lg, 1.5rem)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--primary-text, #111827);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #d1d5db);border-radius:var(--radius-md, 8px);font-size:1rem;color:var(--primary-text, #111827);background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background:var(--secondary-bg, #f3f4f6);color:var(--secondary-text, #6b7280);cursor:not-allowed}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;gap:var(--spacing-md, 1rem);margin-top:var(--spacing-xl, 1.5rem)}.form-actions .btn{flex:1}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-3xl, 3rem) var(--spacing-lg, 1.5rem);background:#fff;border-radius:var(--radius-xl, 16px);box-shadow:0 1px 3px #0000001a}.spinner{width:48px;height:48px;border:4px solid var(--border-light, #e5e7eb);border-top-color:var(--accent, #2563eb);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--spacing-md, 1rem)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md, 1rem)}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--primary-text, #111827);margin-bottom:.5rem}.empty-state p{font-size:1rem;color:var(--secondary-text, #6b7280);margin-bottom:var(--spacing-lg, 1.5rem)}.add-monitor-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.add-monitor-btn:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--accent, #2563eb);color:#fff}.btn-primary:hover{background:var(--accent-hover, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:#fff;color:var(--primary-text, #111827);border:1px solid var(--border-color, #d1d5db)}.btn-secondary:hover{background:var(--secondary-bg, #f3f4f6)}@media(max-width:768px){.monitors-grid,.monitor-details{grid-template-columns:1fr}.modal-content{padding:var(--spacing-lg, 1.5rem)}}.notifications-container{min-height:calc(100vh - 100px);color:#fff;padding:0;max-width:none;width:100%}.notifications-hero{margin-bottom:20px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 8px 32px #1f26875e}.notifications-hero .hero-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.notifications-hero .hero-text{flex:1;text-align:left}.notifications-hero .hero-title{font-size:36px;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.notifications-hero .hero-description{font-size:16px;color:#ffffffe6;margin:0}.notifications-section{margin-top:0}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notifications-header h2{font-size:24px;font-weight:700;color:#fff;margin:0}.refresh-btn{padding:8px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#ffffff40}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 8px 32px #1f26875e;display:flex;gap:16px;align-items:flex-start;transition:all .2s ease}.notification-card:hover{background:#ffffff26;transform:translateY(-2px)}.notification-icon{flex-shrink:0;width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon .status-dot{width:16px;height:16px;border-radius:50%;animation:pulse-led 2s ease-in-out infinite;box-shadow:0 0 8px currentColor}@keyframes pulse-led{0%,to{opacity:1;filter:brightness(1.5);box-shadow:0 0 12px currentColor,0 0 6px currentColor}50%{opacity:.4;filter:brightness(.6);box-shadow:0 0 4px currentColor}}.notification-content{flex:1;min-width:0}.notification-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.notification-description{font-size:14px;color:#ffffffd9;margin:0 0 12px;line-height:1.6}.notification-meta{display:flex;gap:16px;font-size:12px;color:#fff9}.notification-action{flex-shrink:0;padding:8px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap}.notification-action:hover{background:#ffffff40}.empty-notifications{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 8px 32px #1f26875e}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.8}.empty-notifications h3{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.empty-notifications p{font-size:16px;color:#fffc;margin:0 0 24px}.btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.notifications-container .btn-primary,.empty-notifications .btn-primary{background:#ffffff26!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.notifications-container .btn-primary:hover,.empty-notifications .btn-primary:hover{background:#ffffff40!important;border-color:#fff6!important;transform:translateY(-2px)}@media(max-width:768px){.notification-card{flex-direction:column}.notification-action{align-self:stretch;justify-content:center}.notifications-header{flex-direction:column;align-items:flex-start;gap:12px}}.ipv6-checker{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.page-header{margin-top:80px;padding:var(--spacing-xl) 0 var(--spacing-sm);background:var(--primary-bg);border-bottom:1px solid var(--border-light)}.checker-section{padding:var(--spacing-lg) 0 var(--spacing-2xl);flex:1}.form-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#1f2937;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease}.ipv6-checker .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.ipv6-checker .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.ipv6-checker .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.ipv6-checker .save-button:disabled{opacity:.7;cursor:not-allowed}.ipv6-checker .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.ipv6-checker .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.ipv6-checker .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.ipv6-checker .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}.http3-checker .page-header{padding-bottom:var(--spacing-sm)!important}.http3-checker .checker-section{padding-top:var(--spacing-lg)!important}.http3-checker{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.form-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#1a1a1a;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:border-color .2s ease}.spinner{display:none}.result-success,.result-warning,.result-info-only{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid}.result-info-only{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.result-header{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;align-items:flex-start}.status-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.status-badge{display:inline-flex;align-items:center;gap:2rem;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem}.status-badge.info{background:#3b82f6;color:#fff}.status-badge svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;margin-right:.75rem}.records-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.record-value-wrap{word-break:break-all;text-align:left;white-space:normal}.http3-checker .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.http3-checker .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.http3-checker .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.http3-checker .save-button:disabled{opacity:.7;cursor:not-allowed}.http3-checker .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.http3-checker .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.http3-checker .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.http3-checker .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}.cdn-checker .page-header{padding-bottom:var(--spacing-sm)!important}.cdn-checker .checker-section{padding-top:var(--spacing-lg)!important}.cdn-checker{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.form-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:1rem;color:#1f2937;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#2563eb}.btn-primary{background:#16a34a!important;color:#fff!important;box-shadow:var(--shadow-sm);opacity:1!important;filter:none!important}.btn.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#15803d!important;box-shadow:var(--shadow-md);transform:translateY(-1px);opacity:1!important}.cdn-checker .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.cdn-checker .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.cdn-checker .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.cdn-checker .save-button:disabled{opacity:.7;cursor:not-allowed}.cdn-checker .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.cdn-checker .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.cdn-checker .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.cdn-checker .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}.cdn-logo{font-size:1.2rem;margin-right:.25rem;display:inline-flex;align-items:center}.cdn-logo-container{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-md)}.cdn-logo .cdn-provider-logo,.cdn-provider-logo{height:18px!important;width:auto!important;max-height:18px!important;margin-right:.5rem;vertical-align:middle}.multiple-cdns{width:100%}.cdn-providers-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) 0}.cdn-provider-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.cdn-provider-item .cdn-logo-container{flex-shrink:0}.cdn-provider-details{flex:1}.provider-name{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:.25rem}.provider-confidence{font-size:.875rem;color:var(--secondary-text);margin-bottom:var(--spacing-sm)}.provider-indicators{list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0;display:flex;flex-direction:column;gap:.5rem}.provider-indicators li{font-size:.875rem;color:var(--secondary-text);padding-left:1.25rem;position:relative}.provider-indicators li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.pagespeed-insights .page-header{padding-bottom:var(--spacing-sm)!important}.pagespeed-insights .checker-section{padding-top:var(--spacing-lg)!important}.pagespeed-insights{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.example-btn:hover{color:var(--accent)!important;background:var(--secondary-bg)!important;border-color:var(--border-light)!important;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.form-input{flex:1;padding:.875rem 1.25rem;font-size:1rem;color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af;opacity:1}.btn{padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.submit-button{padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#16a34a!important;color:#fff;box-shadow:var(--shadow-sm)}.submit-button:hover:not(:disabled){background:#15803d!important;box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#16a34a!important;color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:#15803d!important;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.alert svg{flex-shrink:0;margin-top:2px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.results{animation:fadeIn .3s ease}.result-success,.result-warning{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid}.result-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.result-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.result-header{margin-bottom:var(--spacing-lg)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;margin-bottom:var(--spacing-md)}.status-badge.success{background:#10b981;color:#fff}.status-badge.warning{background:#ef4444;color:#fff}.status-badge svg{width:20px;height:20px}.result-domain{font-size:1.75rem;font-weight:700;color:var(--primary-text);font-family:var(--font-mono);word-break:break-all}.result-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md)}.info-text{color:var(--secondary-text);line-height:1.6;margin-bottom:var(--spacing-sm)}.info-text:last-child{margin-bottom:0}.records-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.records-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.records-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.record-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-md);gap:var(--spacing-md)}.record-label{font-size:.875rem;font-weight:600;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.record-value{font-family:var(--font-mono);font-size:.9375rem;color:var(--accent);background:#fff;padding:.375rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);flex:1;text-align:right}.record-meta{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light);font-size:.875rem}.meta-label{color:var(--secondary-text);font-weight:500}.meta-value{color:var(--primary-text);font-weight:600;font-family:var(--font-mono)}.info-section{max-width:900px;margin:var(--spacing-2xl) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-card .info-text{font-size:.9375rem;margin-bottom:0}.pagespeed-insights .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.pagespeed-insights .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.pagespeed-insights .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.pagespeed-insights .save-button:disabled{opacity:.7;cursor:not-allowed}.pagespeed-insights .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.pagespeed-insights .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.pagespeed-insights .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.pagespeed-insights .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}@media(max-width:768px){.checker-card{padding:var(--spacing-lg)}.input-wrapper{flex-direction:column}.btn{width:100%;justify-content:center}.record-item{flex-direction:column;align-items:flex-start}.record-value{width:100%;text-align:left;word-break:break-all}.info-section{grid-template-columns:1fr}.result-domain{font-size:1.25rem}}.cdn-logo{font-size:1.2rem;margin-right:.25rem}.indicators-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--spacing-md)}.indicators-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.indicators-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.indicator-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--secondary-bg);border-radius:var(--radius-md);font-size:.9375rem;color:var(--primary-text)}.indicator-item svg{flex-shrink:0}.headers-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.headers-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.headers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.header-item{display:flex;flex-direction:column;gap:.25rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-md)}.header-key{font-size:.875rem;font-weight:600;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em}.header-value{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);background:#fff;padding:.375rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);word-break:break-all}.strategy-selector{display:flex;gap:var(--spacing-sm)}.strategy-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--secondary-text);cursor:pointer;transition:all .2s ease}.strategy-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.strategy-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.strategy-btn:disabled{opacity:.5;cursor:not-allowed}.strategy-btn svg{flex-shrink:0}.device-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:var(--spacing-xl)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;font-size:1.0625rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-btn:hover{color:var(--primary-text);background:#f9fafb}.tab-btn.active{color:#1d4ed8;border-bottom-color:#1d4ed8;font-weight:600}.tab-btn img{flex-shrink:0}.lighthouse-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.score-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:var(--spacing-sm)}.score-circle-container{width:120px!important;height:120px!important;flex-shrink:0;border:none!important;outline:none!important;box-shadow:none!important}.score-circle{width:100%!important;height:100%!important;transform:rotate(-90deg)!important;display:block!important;overflow:visible!important;border:none!important;outline:none!important;shape-rendering:geometricPrecision;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.score-circle circle{stroke-linecap:round!important;border:none!important;outline:none!important}.score-circle circle:first-child{opacity:1!important;border:none!important;outline:none!important}.score-circle circle:last-child{border:none!important;outline:none!important}.score-circle text{transform:rotate(90deg)!important;transform-origin:center!important;border:none!important;outline:none!important;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.score-label{font-size:1rem;font-weight:500;color:var(--secondary-text);margin:0;line-height:1.3}.score-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-align:center;margin-bottom:var(--spacing-lg)}.score-title{font-size:1.25rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-lg)}.vitals-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:1.25rem!important;font-weight:600;color:#4b5563!important;margin-bottom:var(--spacing-sm)}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.vital-card{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.vital-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.vital-name{font-size:1rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.vital-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff}.vital-value{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:.25rem}.vital-description{font-size:.875rem;color:var(--secondary-text)}.metrics-section{margin-bottom:var(--spacing-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.metric-item{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.875rem;font-weight:600;color:#3b82f6}.metric-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff}.metric-value{font-size:1.5rem;font-weight:700;color:var(--primary-text)}@media(max-width:768px){.lighthouse-scores{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.vitals-grid,.metrics-grid{grid-template-columns:1fr}.strategy-selector{flex-direction:column}.score-circle-container{width:56px;height:56px}.score-circle text{font-size:18px}.score-label{font-size:.75rem}}.dns-performance-page .page-header{padding-bottom:var(--spacing-sm)!important}.dns-performance-page .checker-section{padding-top:var(--spacing-lg)!important}.dns-performance-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.nav{position:fixed;top:0;left:0;right:0;background:var(--primary-bg);border-bottom:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.logo-text{background:linear-gradient(135deg,var(--accent) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0;align-items:center}.nav-links a{color:var(--secondary-text);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--primary-text)}.nav-links a.active{color:var(--accent)}.nav-cta{padding:.625rem 1.25rem;background:var(--accent);color:#fff!important;border-radius:var(--radius-md);transition:all .2s ease}.nav-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.page-header{margin-top:80px;padding:var(--spacing-xl) 0 var(--spacing-lg);background:var(--primary-bg);border-bottom:1px solid var(--border-light)}.checker-form{margin-bottom:var(--spacing-xl)}.ip-version-toggle{display:flex;gap:var(--spacing-xs);background:var(--secondary-bg);padding:4px;border-radius:var(--radius-md);width:fit-content}.input-wrapper{display:flex;gap:var(--spacing-sm)}.form-input,.domain-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#1a1a1a;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease}.form-input:focus,.domain-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder,.domain-input::placeholder{color:#9ca3af;opacity:1}.form-input:disabled,.domain-input:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.btn,.check-button{padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;background:#16a34a!important;color:#fff;box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled),.check-button:hover:not(:disabled){background:#15803d!important;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled,.check-button:disabled{opacity:.6;cursor:not-allowed}.alert,.error-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert svg,.error-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem}.results,.results-container{animation:fadeIn .3s ease;margin-top:var(--spacing-xl)}.results-header{margin-bottom:var(--spacing-lg)}.results-header h2{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-md)}.domain-highlight{color:var(--accent)}.fastest-server{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:var(--radius-full);font-size:.9375rem;color:#166534;font-weight:600}.trophy-icon{font-size:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-light);box-shadow:none;transition:none}.stat-card:hover{box-shadow:none;transform:none}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-text)}.stat-label{font-size:.875rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dns-performance-page .stats-grid .stat-card{background:var(--secondary-bg)!important;padding:var(--spacing-lg)!important;border-radius:var(--radius-lg)!important;text-align:center!important;border:1px solid var(--border-light)!important;box-shadow:none!important;transition:none!important}.dns-performance-page .stats-grid .stat-value,.dns-performance-page .stats-grid .stat-label,.dns-performance-page .stats-grid .stat-card .stat-label{color:var(--primary-text)!important;text-shadow:none!important}.dns-performance-page .info-section .info-card{background:var(--primary-bg)!important;color:var(--primary-text)!important;border:1px solid var(--border-light)!important;box-shadow:none!important}.dns-servers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dns-server-row{display:flex;align-items:center;gap:var(--spacing-md);background:var(--primary-bg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:all .2s ease}.dns-server-row:hover{transform:translate(4px)}.dns-server-row.failed{background:var(--secondary-bg);opacity:.7}.dns-server-row.fastest{box-shadow:0 0 0 2px #10b981}.server-rank{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;font-size:1.25rem;font-weight:700;color:var(--secondary-text);background:var(--secondary-bg);border-radius:var(--radius-md)}.dns-server-row.excellent .server-rank{color:#10b981}.dns-server-row.good .server-rank{color:#3b82f6}.dns-server-row.fair .server-rank{color:#f59e0b}.dns-server-row.slow .server-rank{color:#ef4444}.dns-server-row.fastest .server-rank{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.server-info{flex:1;min-width:0}.server-name-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.25rem}.server-name{font-size:1rem;font-weight:600;color:var(--primary-text);display:flex;align-items:center;gap:var(--spacing-xs)}.ip-version-badge{display:inline-block;font-size:.625rem;padding:.2rem .5rem;background:var(--secondary-bg);color:var(--secondary-text);border-radius:var(--radius-full);font-weight:600;border:1px solid var(--border-light)}.server-provider-badge{font-size:.625rem;padding:.25rem .5rem;background:var(--accent);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.server-ip{font-size:.8125rem;color:var(--secondary-text);font-family:var(--font-mono)}.server-performance{display:flex;align-items:center;gap:var(--spacing-md)}.response-time{font-size:1.75rem;font-weight:700;color:var(--primary-text);min-width:80px;text-align:right}.response-time .unit{font-size:.875rem;color:var(--secondary-text);margin-left:.25rem;font-weight:400}.response-time.error{opacity:.5}.performance-badge,.error-badge{display:inline-block;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:90px;text-align:center}.performance-badge.excellent{background:#10b981;color:#fff}.performance-badge.good{background:#3b82f6;color:#fff}.performance-badge.fair{background:#f59e0b;color:#fff}.performance-badge.slow{background:#ef4444;color:#fff}.error-badge{background:var(--border-color);color:var(--secondary-text)}.info-section{margin-top:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-card{background:var(--primary-bg);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.info-card h3,.info-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.info-card p,.info-text{color:var(--secondary-text);line-height:1.6;font-size:.9375rem;margin-bottom:0}.footer-section h4{font-size:1.125rem;margin-bottom:1rem;color:#f9fafb}.footer-section p{color:#d1d5db;line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#d1d5db;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#f9fafb}.footer-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:block;margin-bottom:.25rem;color:#f9fafb}.footer-tagline,.footer-text{font-size:.875rem;color:#d1d5db}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#d1d5db}.dns-performance-page .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.dns-performance-page .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.dns-performance-page .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.dns-performance-page .save-button:disabled{opacity:.7;cursor:not-allowed}.dns-performance-page .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.dns-performance-page .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.dns-performance-page .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.dns-performance-page .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}@media(max-width:768px){.nav-links{gap:1rem;font-size:.875rem}.nav-cta{padding:.5rem 1rem;font-size:.875rem}.checker-card{padding:var(--spacing-lg)}.input-wrapper{flex-direction:column}.btn,.check-button{width:100%;justify-content:center}.dns-server-row{flex-wrap:wrap;gap:var(--spacing-sm)}.server-rank{min-width:32px;height:32px;font-size:1rem}.server-info{flex:1 1 100%;order:2}.server-performance{flex:1;justify-content:flex-end}.response-time{font-size:1.5rem;min-width:60px}.performance-badge{min-width:70px;font-size:.625rem;padding:.25rem .5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.info-section{grid-template-columns:1fr}}.dns-lookup-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--secondary-text);font-size:.9375rem}.dns-lookup-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-md)}.dns-lookup-header{margin-bottom:var(--spacing-lg)}.dns-lookup-header h3{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-md)}.dns-lookup-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;font-size:.875rem;color:var(--secondary-text)}.dns-provider-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:var(--radius-full);color:#1e40af;font-weight:600}.record-count{padding:.5rem 1rem;background:var(--secondary-bg);border-radius:var(--radius-full);border:1px solid var(--border-light);color:var(--primary-text);font-weight:600}.avg-response-time{padding:.5rem 1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:var(--radius-full);color:#166534;font-weight:600}.timestamp{color:var(--secondary-text);font-size:.8125rem}.nameservers-info{padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem;color:var(--secondary-text);border:1px solid var(--border-light)}.nameservers-info strong{color:var(--primary-text);margin-right:.5rem}.nameservers-section{margin-bottom:var(--spacing-xl)}.nameservers-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.nameservers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-sm)}.nameserver-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-bg);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all .2s ease}.nameserver-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.nameserver-name{font-family:var(--font-mono);font-size:.8125rem;color:var(--primary-text);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--spacing-sm)}.nameserver-response{font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:.25rem .625rem;border-radius:var(--radius-md);border:1px solid #86efac;white-space:nowrap;flex-shrink:0}.dns-records-table{background:var(--primary-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:grid;grid-template-columns:120px 1fr 2fr 120px 140px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--secondary-bg);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary-text);border-bottom:1px solid var(--border-light)}.table-row{display:grid;grid-template-columns:120px 1fr 2fr 120px 140px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);transition:background .2s ease;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--secondary-bg)}.col-type,.col-domain,.col-value,.col-ttl,.col-response-time{word-break:break-word}.record-type-badge{display:inline-block;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center}.record-type-badge.a{background:#dbeafe;color:#1e40af}.record-type-badge.aaaa{background:#e0e7ff;color:#4338ca}.record-type-badge.cname{background:#fef3c7;color:#92400e}.record-type-badge.mx{background:#dcfce7;color:#166534}.record-type-badge.txt{background:#fce7f3;color:#9f1239}.record-type-badge.ns{background:#f3e8ff;color:#6b21a8}.record-type-badge.soa{background:#f0fdfa;color:#115e59}.col-domain{font-family:var(--font-mono);font-size:.875rem;color:var(--primary-text);font-weight:500}.col-value{font-family:var(--font-mono);font-size:.875rem;color:var(--secondary-text);line-height:1.5}.mx-priority{color:var(--accent);font-weight:600;font-size:.8125rem}.col-ttl{font-family:var(--font-mono);font-size:.875rem;color:var(--secondary-text);text-align:right}.col-response-time{font-family:var(--font-mono);font-size:.875rem;color:#166534;font-weight:600;text-align:right}@media(max-width:768px){.nameservers-grid{grid-template-columns:1fr}.nameserver-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.nameserver-response{margin-left:0}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.col-type,.col-domain,.col-value,.col-ttl,.col-response-time{display:flex;align-items:center;gap:.5rem}.col-type:before{content:"Type:";font-weight:600;color:var(--secondary-text);font-size:.8125rem}.col-domain:before{content:"Domain:";font-weight:600;color:var(--secondary-text);font-size:.8125rem}.col-value:before{content:"Value:";font-weight:600;color:var(--secondary-text);font-size:.8125rem}.col-ttl{justify-content:flex-start}.col-ttl:before{content:"TTL:";font-weight:600;color:var(--secondary-text);font-size:.8125rem}.col-response-time{justify-content:flex-start}.col-response-time:before{content:"Response Time:";font-weight:600;color:var(--secondary-text);font-size:.8125rem}}.cat-astro-easter-egg{position:fixed;left:-200px;top:30vh;width:180px;height:auto;z-index:9999;pointer-events:none;animation:cat-float-fly 10s cubic-bezier(.6,0,.4,1) forwards,cat-spin 10s linear forwards}@keyframes cat-float-fly{0%{left:-200px;top:30vh;opacity:0}5%{opacity:1}to{left:calc(100vw + 200px);top:30vh;opacity:1}}@keyframes cat-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(720deg) scale(1.1)}}.internet-outage-page .page-header{padding-bottom:var(--spacing-sm)!important}.internet-outage-page .checker-section{padding-top:var(--spacing-lg)!important}.internet-outage-page,.internet-outage-page *{box-sizing:border-box}.internet-outage-page{min-height:100vh;height:100vh;width:100vw;display:flex;flex-direction:column;background:#000;position:fixed;inset:0;margin:0;padding:0;overflow:hidden;z-index:0}.floating-logo{position:absolute;top:2rem;right:2rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(37,99,235,.3)}.floating-logo .logo-link{text-decoration:none}.floating-logo .logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.outage-section{flex:1;padding:0;margin:0;position:absolute;inset:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.top-left-logo{position:absolute;top:1.5rem;left:1rem;right:auto;max-width:500px;z-index:20;display:flex;justify-content:flex-end}.top-left-logo .logo-link{text-decoration:none}.white-logo-text,.internet-outage-page .top-left-logo .logo-text{font-family:Comfortaa,cursive;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;color:#fff!important}.internet-outage-page .top-left-logo .logo-text span{color:#fff!important}.floating-title{position:absolute;top:5rem;left:1rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:0 8px 32px #0006;max-width:450px}.floating-title .breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:var(--spacing-sm);font-size:.875rem;color:#fff9}.floating-title .breadcrumb a{color:#7ec8ff;transition:color .2s ease;text-decoration:none}.floating-title .breadcrumb a:hover{color:#a8d8ff}.floating-title .breadcrumb .separator{color:#fff6}.floating-title .breadcrumb .current{color:#ffffffe6;font-weight:500}.floating-title .page-title{margin:-.125rem 0 .5rem -.5rem;font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.2}.floating-title .page-description{margin:0 0 0 -.5rem;font-size:.875rem;color:#fffc;line-height:1.5}.floating-nav{position:absolute;top:1rem;right:1rem;z-index:100;display:flex;gap:2rem;align-items:center;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:0 8px 32px #0006}.floating-nav .nav-link{color:#fff;text-decoration:none;font-weight:600;transition:color .2s ease;position:relative}.floating-nav .nav-link:hover{color:#7ec8ff}.page-header-minimal .page-title{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:2rem}.page-header-minimal .page-description{max-width:700px;margin:0 auto;color:var(--secondary-text);line-height:1.7}.time-range-filter{margin-bottom:var(--spacing-2xl)}.filter-label{display:block;font-size:.9375rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.time-range-toggle{display:flex;gap:var(--spacing-xs);background:var(--secondary-bg);padding:4px;border-radius:var(--radius-md);width:fit-content}.toggle-btn{padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:calc(var(--radius-md) - 2px);transition:all .2s ease;border:none;cursor:pointer;background:transparent;color:var(--secondary-text);white-space:nowrap}.toggle-btn:hover:not(:disabled){color:var(--primary-text);background:#2563eb1a}.toggle-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.globe-container{margin-bottom:var(--spacing-2xl)}.globe-container-full{width:100%;height:100%;position:absolute;inset:0;margin:0;padding:0;z-index:1;display:flex;align-items:center;justify-content:center}.floating-stats{position:absolute;bottom:calc(200px + 2rem);right:1rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 8px 32px #0006;width:200px}.floating-controls{position:absolute;bottom:1rem;right:1rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 8px 32px #0006;width:200px}.floating-rotation-control{position:absolute;bottom:calc(140px + 2rem);left:1rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 8px 32px #0006;width:200px}.floating-rotation-control .rotation-btn,.floating-rotation-control .speed-btn,.floating-rotation-control .day-night-btn,.floating-rotation-control .global-view-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.continent-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;margin-bottom:0}.continent-label{font-size:.875rem;color:#ffffffb3;font-weight:500}.continent-select{width:100%;padding:.625rem 1rem;background:#1e40af33;border:1px solid rgba(126,200,255,.3);border-radius:var(--radius-md);color:#cbd5e1;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.continent-select:hover{background:#2563eb66;border-color:#7ec8ff80;color:#fff}.continent-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.continent-select option{background:#000814;color:#fff}.floating-detection-methods{position:absolute;bottom:18rem;left:1rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 8px 32px #0006;width:240px}.detection-methods-list{display:flex;flex-direction:column;gap:.5rem}.detection-method-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;background:#1e40af1a;border-radius:6px;transition:all .2s ease;cursor:help;position:relative}.detection-method-item:hover{background:#2563eb33;transform:translate(2px)}.detection-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:1.5rem;background:linear-gradient(135deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.5);border-radius:12px;padding:.75rem 1rem;font-size:.8125rem;color:#e0e7ff;max-width:320px;white-space:normal;line-height:1.5;box-shadow:0 8px 24px #0009,0 0 40px #3b82f633,inset 0 1px #ffffff1a;z-index:1000;animation:tooltipSlideIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-50%) translate(-10px) scale(.95)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.detection-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:#3b82f680}.detection-tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:7px solid transparent;border-right-color:#0f172afa;margin-right:1px}.detection-method-icon{font-size:.75rem;flex-shrink:0;line-height:1}.detection-method-name{font-size:.875rem;color:#cbd5e1;font-weight:500;flex:1}.detection-method-count{font-size:.875rem;color:#7ec8ff;font-weight:700;background:#2563eb4d;padding:.125rem .5rem;border-radius:999px;min-width:28px;text-align:center;box-shadow:0 0 8px #2563eb33}.floating-severity-legend{position:absolute;bottom:1rem;left:1rem;z-index:10;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 8px 32px #0006;width:240px}.severity-items{display:flex;flex-direction:column;gap:.5rem}.severity-item{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;-webkit-user-select:none;user-select:none}.severity-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #ffffff4d}.severity-name{font-size:.875rem;color:#cbd5e1;font-weight:500;flex:1;min-width:0}.severity-toggle{cursor:pointer;padding:.25rem;display:flex;align-items:center;flex-shrink:0}.toggle-switch{width:32px;height:18px;background:#64748b80;border-radius:9px;position:relative;transition:background-color .3s ease;border:1px solid rgba(126,200,255,.2)}.toggle-switch.active{background:#2563eb99}.toggle-slider{width:14px;height:14px;background:#cbd5e1;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s ease;box-shadow:0 2px 4px #0000004d}.toggle-switch.active .toggle-slider{transform:translate(14px);background:#7ec8ff}.severity-count{font-size:.875rem;color:#7ec8ff;font-weight:700;background:#2563eb33;padding:.125rem .5rem;border-radius:var(--radius-md);min-width:2rem;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.floating-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.floating-stats .stat-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.floating-stats .stat-label{font-size:.875rem;color:#7ec8ff;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center}.stat-divider{height:1px;background:#7ec8ff33;margin:1rem 0}.stat-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#7ec8ff;margin-bottom:.25rem;text-align:center}.breakdown-items{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:flex;align-items:center;gap:.5rem}.severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-dot.critical{background:#ef4444;box-shadow:0 0 8px #ef444499}.severity-dot.high{background:#f97316;box-shadow:0 0 8px #f9731699}.severity-dot.medium{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.severity-dot.low{background:#10b981;box-shadow:0 0 8px #10b98199}.breakdown-text{font-size:.8125rem;color:#cbd5e1;font-weight:500}.stat-update{display:flex;flex-direction:column;align-items:center;gap:.25rem}.update-label{font-size:.75rem;color:#7ec8ff;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.update-time{font-size:.875rem;color:#cbd5e1;font-weight:500}.datasource-breakdown{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.datasource-title{font-size:.75rem;color:#7ec8ff;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center;margin-bottom:.25rem}.datasource-list{display:flex;flex-direction:column;gap:.375rem}.datasource-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#1e40af1a;border-radius:6px;transition:all .2s ease}.datasource-item:hover{background:#2563eb33}.datasource-icon{font-size:1rem;flex-shrink:0}.datasource-name{font-size:.8125rem;color:#cbd5e1;font-weight:500;flex:1}.datasource-count{font-size:.875rem;color:#7ec8ff;font-weight:700;background:#2563eb33;padding:.125rem .5rem;border-radius:999px;min-width:24px;text-align:center}.control-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#7ec8ff;margin-bottom:.75rem;text-align:center}.control-buttons{display:flex;flex-direction:column;gap:.5rem}.control-btn{padding:.625rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid rgba(126,200,255,.3);background:#1e40af33;color:#cbd5e1;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.control-btn:hover:not(:disabled){background:#2563eb66;border-color:#7ec8ff80;color:#fff;transform:translate(2px)}.control-btn.active{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#3b82f6;color:#fff;box-shadow:0 0 20px #2563eb80}.control-btn:disabled{opacity:.4;cursor:not-allowed}.globe-wrapper{max-width:600px;margin:0 auto;text-align:center}.spinning-globe{width:100%;max-width:400px;margin:0 auto var(--spacing-lg);animation:spin 30s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.globe-svg{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(59,130,246,.3))}.outage-marker{cursor:pointer;transition:r .2s ease}.outage-marker:hover{r:6}.globe-stats{margin-top:var(--spacing-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-value{font-size:3rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.9375rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.outage-list-container{margin-bottom:var(--spacing-2xl);position:relative;z-index:1}.section-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-lg)}.loading-state{text-align:center;padding:var(--spacing-2xl);color:var(--secondary-text)}.spinner{width:40px;height:40px;margin:0 auto var(--spacing-md);border:4px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.error-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.error-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem}.no-outages{text-align:center;padding:var(--spacing-2xl);background:#f0fdf4;border-radius:var(--radius-lg);color:#166534;font-size:1.125rem;font-weight:500}.outage-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.outage-card{background:#000814b3;padding:var(--spacing-lg);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.outage-card:hover{transform:translateY(-2px);box-shadow:0 0 20px #2563eb4d;background:#000814d9}.outage-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-sm)}.outage-entity{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin:0}.severity-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.outage-details{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--secondary-text)}.outage-type{font-weight:500}.outage-count{padding:.25rem .5rem;background:var(--secondary-bg);border-radius:var(--radius-md)}.internet-outage-page .info-section{margin-top:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);position:relative;z-index:1}.internet-outage-page .info-card{background:#000814b3;padding:var(--spacing-lg);border:1px solid rgba(126,200,255,.2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.internet-outage-page .info-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.internet-outage-page .info-text{color:var(--secondary-text);line-height:1.6;font-size:.9375rem;margin-bottom:0}.internet-outage-page .footer,.internet-outage-page footer{display:none!important}.hamburger-menu-outage{position:absolute;top:1rem;right:1rem;z-index:1002;background:#000814cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,200,255,.2);border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hamburger-menu-outage:hover{background:#000814f2;border-color:#7ec8ff66}.hamburger-menu-outage img{width:28px;height:28px;display:block;filter:brightness(0) invert(1)}.outage-nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:#000814fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(126,200,255,.2);transition:right .3s ease-in-out;z-index:1001;overflow-y:auto;box-shadow:-4px 0 20px #00000080}.outage-nav-menu.menu-open{right:0}.outage-nav-links{list-style:none;padding:5rem 2rem 2rem;margin:0;display:flex;flex-direction:column;gap:0}.outage-nav-links li{width:100%;border-bottom:1px solid rgba(126,200,255,.1)}.outage-nav-links a{display:block;padding:1.25rem 0 1.25rem 1rem;width:100%;font-size:1.125rem;color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease}.outage-nav-links a:hover{color:#7ec8ff;background:#7ec8ff0d;padding-left:1.5rem}.outage-logout-btn{display:block;padding:1.25rem 0 1.25rem 1rem;width:100%;font-size:1.125rem;color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit}.outage-logout-btn:hover{color:#7ec8ff;background:#7ec8ff0d;padding-left:1.5rem}.floating-nav{display:none!important}@media(max-width:768px){.internet-outage-page .nav-links{gap:1rem;font-size:.875rem}.internet-outage-page .nav-cta{padding:.5rem 1rem;font-size:.875rem}.internet-outage-page .time-range-toggle{flex-wrap:wrap;width:100%}.internet-outage-page .toggle-btn{flex:1;min-width:calc(50% - 4px)}.internet-outage-page .outage-list,.internet-outage-page .info-section{grid-template-columns:1fr}}.response-time-page .page-header{padding:var(--spacing-xl) 0 var(--spacing-sm)!important}.response-time-page .content-section{padding:var(--spacing-lg) 0 var(--spacing-md)!important}.response-time-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.page-header{margin-top:80px;background:var(--primary-bg);border-bottom:1px solid var(--border-light)}.breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--secondary-text)}.breadcrumb a{color:var(--accent);transition:color .2s ease}.breadcrumb a:hover{color:var(--accent-hover)}.breadcrumb .separator{color:var(--border-color)}.breadcrumb .current{color:var(--primary-text);font-weight:500}.content-section{flex:1}.response-time-page .check-card{max-width:1200px!important;margin:0 auto var(--spacing-2xl)!important;background:var(--primary-bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);box-shadow:var(--shadow-md)}.example-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.check-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.9375rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:.875rem 1.25rem;font-size:1rem;color:var(--primary-text);background:var(--primary-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;font-family:var(--font-mono)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--tertiary-text)}.form-hint{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--secondary-text)}.form-select{width:100%;padding:.875rem 1.25rem;font-size:1rem;color:var(--primary-text);background:var(--primary-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-select:disabled{opacity:.6;cursor:not-allowed}.check-button{padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#16a34a!important;color:#fff;box-shadow:var(--shadow-sm)}.check-button:hover:not(:disabled){background:#15803d!important;box-shadow:var(--shadow-md);transform:translateY(-1px)}.check-button:disabled{opacity:.6;cursor:not-allowed}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.error-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.error-icon{flex-shrink:0;font-size:1.25rem}.response-time-page .results-section{max-width:1200px!important;margin:0 auto!important;animation:fadeIn .3s ease}.section-subtitle{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md)}.performance-score{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--primary-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.score-circle{width:200px;height:200px;margin:0 auto var(--spacing-md);border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-bg)}.rt-results-section{margin-top:-2.5rem}.rt-performance-score{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 1px 3px #0000001a;margin-bottom:32px}.rt-score-circle{width:160px;height:160px;margin:0 auto;border-radius:50%;border-width:8px;border-style:solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-bg)}.rt-score-display{display:flex;flex-direction:column;align-items:center;justify-content:center}.rt-score-number{font-size:2.5rem;font-weight:700;line-height:1;display:block;white-space:nowrap}.rt-score-unit{font-size:1rem;font-weight:500;margin-left:.25rem}.rt-score-label{font-size:.75rem;color:var(--secondary-text);margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.rt-score-rating{font-size:1.25rem;font-weight:600;margin-top:1rem}.timing-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.timing-card{background:var(--primary-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s ease;box-shadow:var(--shadow-sm)}.timing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.timing-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.timing-info{flex:1}.timing-label{font-size:.875rem;color:var(--secondary-text);margin-bottom:.25rem;font-weight:600}.timing-value{font-size:1.5rem;font-weight:700;color:var(--primary-text);line-height:1.2}.timing-rating{font-size:.75rem;color:var(--secondary-text);margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.waterfall-section{background:var(--primary-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.waterfall-chart{margin-top:var(--spacing-lg);position:relative}.waterfall-labels{display:flex;width:100%;margin-bottom:8px}.waterfall-label{font-size:.875rem;font-weight:700;text-align:center;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px}.waterfall-bars{display:flex;width:100%;height:50px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.waterfall-bar{height:100%;transition:opacity .2s}.waterfall-bar:hover{opacity:.85}.waterfall-brackets{position:relative;margin-top:24px;height:120px}.timing-bracket{position:absolute;top:0}.timing-bracket.http-ttfb{top:50px}.bracket-line{height:40px;border-left:3px solid #c62828;border-right:3px solid #c62828;border-bottom:3px solid #c62828;border-radius:0 0 8px 8px;position:relative}.bracket-line:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:3px;height:10px;background-color:#c62828}.bracket-label{margin-top:8px;font-size:.9rem;font-weight:600;color:#c62828;text-align:center}.timing-bracket.http-ttfb .bracket-line{border-color:#1565c0}.timing-bracket.http-ttfb .bracket-line:after{background-color:#1565c0}.timing-bracket.http-ttfb .bracket-label{color:#1565c0}.statistics-section{background:var(--primary-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-md)}.table-wrapper{overflow-x:auto;margin-top:var(--spacing-lg)}.stats-table{width:100%;border-collapse:collapse}.stats-table thead{background:var(--secondary-bg)}.stats-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--primary-text);border-bottom:2px solid var(--border-light);font-size:.9375rem}.stats-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--secondary-text);font-size:.9375rem}.stats-table tbody tr:hover{background:var(--hover-bg)}.stats-table tbody tr:last-child td{border-bottom:none}.phase-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.total-row{background:var(--secondary-bg)!important}.total-row td{color:var(--primary-text)!important;font-weight:600!important;font-size:1rem!important}.response-details{background:var(--primary-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-md)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:.5rem;padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-md)}.detail-label{font-size:.875rem;color:#6b7280!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;color:#1f2937!important;font-weight:600;font-family:var(--font-mono);word-break:break-word}.response-time-page .info-section{max-width:900px;margin:5rem auto 0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);padding:0;background:transparent}.response-time-page .info-grid{display:contents}.info-section{padding:var(--spacing-2xl) 0;background:var(--secondary-bg)}.info-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-card{background:var(--primary-bg);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.info-text{font-size:.9375rem;color:var(--secondary-text);line-height:1.6}.info-text strong{color:var(--primary-text);font-weight:600}.footer{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#1f2937,#111827);border-top:1px solid #374151;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-left{display:flex;flex-direction:column;gap:.25rem}.footer-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#f9fafb}.footer-tagline{font-size:.875rem;color:#d1d5db}.footer-right{display:flex;align-items:center}.footer-text{font-size:.875rem;color:#d1d5db}.response-time-page .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.response-time-page .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.response-time-page .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.response-time-page .save-button:disabled{opacity:.7;cursor:not-allowed}.response-time-page .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.response-time-page .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.response-time-page .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.response-time-page .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}@media(max-width:768px){.check-card{padding:var(--spacing-lg)}.check-button{width:100%;justify-content:center}.rt-score-circle{width:150px;height:150px;border-width:6px}.rt-score-number{font-size:2rem}.rt-score-unit{font-size:1rem}.rt-score-rating{font-size:1.25rem}.timing-cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.waterfall-labels{font-size:.75rem}.waterfall-bars{height:40px}.bar-time{font-size:.75rem}.stats-table{font-size:.875rem}.stats-table th,.stats-table td{padding:var(--spacing-sm)}.details-grid,.info-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}.page-description{font-size:.9375rem}}@media(max-width:480px){.rt-score-circle{width:120px;height:120px;border-width:5px}.rt-score-number{font-size:1.5rem}.rt-score-unit{font-size:.875rem}.timing-value{font-size:1.25rem}.timing-icon{width:40px;height:40px;font-size:1.25rem}}.image-analyzer .page-header{padding-bottom:var(--spacing-sm)!important}.image-analyzer .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.image-analyzer .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.image-analyzer .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.image-analyzer .save-button:disabled{opacity:.7;cursor:not-allowed}.image-analyzer .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.image-analyzer .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.image-analyzer .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.image-analyzer .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}.image-analyzer .checker-section{padding-top:var(--spacing-lg)!important}.image-analyzer{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg);color:var(--primary-text);font-weight:500}.image-analyzer .format-legend{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.image-analyzer .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.image-analyzer .legend-color{width:16px;height:16px;border-radius:3px;flex-shrink:0}.image-analyzer .legend-label{font-weight:600;color:var(--primary-text)}.image-analyzer .legend-formats{font-size:.875rem;color:var(--secondary-text)}.page-title{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:2rem}.page-description{max-width:700px;color:var(--secondary-text);line-height:1.7}.checker-section{padding:var(--spacing-2xl) 0;flex:1}.checker-card{max-width:1200px;margin:0 auto;background:var(--primary-bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);box-shadow:var(--shadow-md)}.examples-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.examples-label{font-size:.875rem;font-weight:600;color:var(--secondary-text);flex-shrink:0}.examples-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.example-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--accent);background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.example-btn:hover{background:var(--primary-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.example-btn:active{transform:translateY(0)}.analyzer-form{margin-bottom:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-weight:600;color:var(--primary-text);font-size:.875rem}.input-group{display:flex;gap:var(--spacing-sm)}.form-input{flex:1;padding:.75rem 1rem;background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--primary-text);font-size:.95rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61a}.form-input:disabled{opacity:.5;cursor:not-allowed}.submit-button{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.submit-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33;margin-bottom:var(--spacing-lg)}.error-icon{width:20px;height:20px;flex-shrink:0}.results-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{padding:var(--spacing-lg);background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center}.image-analyzer .summary-stats .stat-card{background:var(--secondary-bg)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}.image-analyzer .summary-stats .stat-value{color:var(--primary-text)!important}.image-analyzer .summary-stats .stat-label{color:var(--secondary-text)!important}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--secondary-text);font-weight:500}.section-card{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.section-title{font-size:1.25rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-lg)}.format-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.format-legend{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;margin-top:var(--spacing-md)}.format-legend .legend-item{display:flex;align-items:center;gap:.5rem}.format-legend .legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.04)}.format-legend .legend-label{font-weight:600;color:var(--primary-text);font-size:.875rem}.format-legend .legend-formats{font-size:.8125rem;color:var(--secondary-text)}.format-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.format-header{display:flex;justify-content:space-between;align-items:center}.format-name{font-weight:600;color:var(--primary-text);text-transform:uppercase;font-size:.875rem}.format-count{font-size:.875rem;color:var(--secondary-text);font-weight:500}.format-bar-container{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.format-bar{height:100%;border-radius:4px;transition:width .3s ease}.browser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.browser-card{padding:var(--spacing-md);background:var(--primary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center}.browser-logo{width:48px;height:48px;margin-bottom:var(--spacing-sm);object-fit:contain}.browser-name{font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md);font-size:1rem;text-align:center}.format-support-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.support-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.75rem}.support-item.supported-and-used .support-icon{background:#d1fae5;color:#10b981}.support-item.supported-and-used .format-label{color:var(--primary-text);font-weight:500}.support-item.supported-not-used .support-icon{background:#f3f4f6;color:#9ca3af}.support-item.supported-not-used .format-label{color:var(--secondary-text);opacity:.6}.support-item.not-supported .support-icon{background:#fee;color:#ef4444}.support-item.not-supported .format-label{color:var(--secondary-text);opacity:.5}.format-label{color:var(--primary-text)}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--primary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md)}.priority-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;height:fit-content;white-space:nowrap}.recommendation-content{flex:1}.recommendation-title{font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.recommendation-description{font-size:.875rem;color:var(--secondary-text);line-height:1.6}@media(max-width:768px){.checker-card{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.examples-section{flex-direction:column;align-items:flex-start}.input-group{flex-direction:column}.submit-button{width:100%}.summary-stats,.browser-grid{grid-template-columns:1fr}}.compression-checker{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.compression-checker .nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light)}.compression-checker .nav-content{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.compression-checker .logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.compression-checker .logo-text{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compression-checker .nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.compression-checker .nav-links a{color:var(--primary-text);text-decoration:none;font-weight:500;transition:color .2s ease}.compression-checker .nav-links a:hover{color:var(--accent)}.compression-checker .nav-cta{background:var(--accent);color:#fff!important;padding:.5rem 1.25rem;border-radius:var(--radius-md);transition:all .2s ease}.compression-checker .nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}.compression-checker .page-header{margin-top:80px;padding:var(--spacing-xl) 0 var(--spacing-lg);background:var(--primary-bg);border-bottom:1px solid var(--border-light)}.compression-checker .breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--secondary-text)}.compression-checker .breadcrumb a{color:var(--accent);transition:color .2s ease}.compression-checker .breadcrumb a:hover{color:var(--accent-hover)}.compression-checker .breadcrumb .separator{color:var(--border-color)}.compression-checker .breadcrumb .current{color:var(--primary-text);font-weight:500}.compression-checker .page-title{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:2rem}.compression-checker .page-description{max-width:700px;color:var(--secondary-text);line-height:1.7}.compression-checker .checker-section{padding:var(--spacing-lg) 0 var(--spacing-2xl);flex:1}.compression-checker .checker-card{background:var(--primary-bg);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.compression-checker .examples-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.compression-checker .examples-label{font-size:.875rem;font-weight:600;color:var(--secondary-text);flex-shrink:0}.compression-checker .examples-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.compression-checker .example-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--accent);background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.compression-checker .example-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.compression-checker .example-btn:active{transform:translateY(0)}.compression-checker .checker-form{margin-bottom:var(--spacing-xl)}.compression-checker .form-group{margin-bottom:var(--spacing-lg)}.compression-checker .input-wrapper{display:flex;gap:var(--spacing-md);align-items:stretch}.compression-checker .url-input{flex:1;padding:.875rem 1.25rem;font-size:.9375rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary-text);transition:all .2s ease}.compression-checker .url-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.compression-checker .submit-button{padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#16a34a!important;color:#fff;box-shadow:var(--shadow-sm)}.compression-checker .submit-button:hover:not(:disabled){background:#15803d!important;box-shadow:var(--shadow-md);transform:translateY(-1px)}.compression-checker .submit-button:disabled{opacity:.6;cursor:not-allowed}.compression-checker .alert{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.compression-checker .alert-error{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.compression-checker .alert-title{font-weight:600;margin:0 0 .25rem}.compression-checker .alert-message{margin:0;font-size:.9375rem}.compression-checker .loading-state{text-align:center;padding:var(--spacing-2xl)}.compression-checker .loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.compression-checker .loading-state p{color:var(--secondary-text);font-size:1rem}.compression-checker .results-container{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compression-checker .results-header{margin-bottom:var(--spacing-xl);text-align:center}.compression-checker .results-title{font-size:1.75rem;font-weight:700;color:var(--primary-text);margin:0 0 var(--spacing-sm) 0}.compression-checker .results-url-tag{display:inline-block;padding:.5rem 1rem;background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--accent)}.compression-checker .compression-grid{display:grid;padding:18px 16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.compression-checker .compression-card{padding:var(--spacing-lg);margin-bottom:8px;border:2px solid;border-radius:var(--radius-lg);text-align:center;transition:all .3s ease}.compression-checker .compression-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.compression-checker .compression-icon{margin-bottom:var(--spacing-sm)}.compression-checker .compression-type{font-size:1.25rem;font-weight:700;color:var(--primary-text);margin:0 0 var(--spacing-sm) 0}.compression-checker .compression-status{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.compression-checker .compression-detail{font-size:.875rem;color:var(--secondary-text);margin:0}.compression-checker .savings-card{background:var(--secondary-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--spacing-xl)}.compression-checker .section-title{font-size:1.25rem;font-weight:700;color:var(--primary-text);margin:0 0 var(--spacing-lg) 0}.compression-checker .savings-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.compression-checker .savings-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--primary-bg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.compression-checker .savings-stat.highlight{background:#fef5e7;border-color:#f59e0b}.compression-checker .savings-label{font-weight:600;color:var(--primary-text)}.compression-checker .savings-value{font-size:1.125rem;font-weight:700;color:var(--accent)}.compression-checker .savings-stat.highlight .savings-value{color:#f59e0b}.compression-checker .recommendation-card{background:var(--secondary-bg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.compression-checker .recommendation-card .section-title{margin-bottom:var(--spacing-sm)}.compression-checker .recommendation-text{font-size:1rem;color:var(--primary-text);line-height:1.6;margin:0}.compression-checker .info-section{max-width:900px;margin:var(--spacing-2xl) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.compression-checker .info-card{background:var(--primary-bg);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.compression-checker .info-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-sm)}.compression-checker .info-card .info-text{font-size:.9375rem;margin-bottom:0}.compression-checker .footer{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#1f2937,#111827);border-top:1px solid #374151;margin-top:auto}.compression-checker .footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.compression-checker .footer-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:block;margin-bottom:.25rem;color:#f9fafb}.compression-checker .footer-tagline,.compression-checker .footer-text{font-size:.875rem;color:#d1d5db}.compression-checker .save-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2);display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap}.compression-checker .save-button{padding:12px 28px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.compression-checker .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.compression-checker .save-button:disabled{opacity:.7;cursor:not-allowed}.compression-checker .save-button.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.compression-checker .save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.compression-checker .view-dashboard-link{padding:12px 24px;background:#ffffff1a;color:var(--accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;border:2px solid var(--accent)}.compression-checker .view-dashboard-link:hover{background:#3b82f61a;transform:translate(3px)}@media(max-width:768px){.compression-checker .page-title{font-size:2rem}.compression-checker .page-description{font-size:1rem}.compression-checker .checker-card{padding:var(--spacing-lg)}.compression-checker .input-wrapper{flex-direction:column}.compression-checker .submit-button{width:100%}.compression-checker .compression-grid{grid-template-columns:1fr}.compression-checker .footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.compression-checker .examples-section{flex-direction:column;align-items:flex-start}}.page-header{padding-bottom:var(--spacing-sm)!important}.checker-section{padding-top:var(--spacing-lg)!important}.cwv-examples-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.cwv-examples-section .examples-label{font-size:.875rem;font-weight:600;color:var(--secondary-text);flex-shrink:0}.cwv-examples-section .examples-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cwv-examples-section .example-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--accent);background:var(--secondary-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.cwv-examples-section .example-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cwv-examples-section .example-btn:active{transform:translateY(0)}.cwv-examples-section .example-btn:disabled{opacity:.5;cursor:not-allowed}.premium-tag{font-size:.75rem;font-weight:500;color:#f97316;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em;border:1px solid #e5e7eb;border-radius:2rem;padding:.2rem .5rem;display:inline-block;text-transform:none;background:var(--secondary-bg);margin-left:.5rem;position:relative;top:-.25rem}.query-type-selector{margin:1.5rem 0 .5rem}.query-type-fieldset{border:1px solid #e5e7eb;border-radius:.6rem;padding:1rem 1.2rem 1.2rem;margin:0}.query-type-legend{font-size:1rem;color:#444;padding:0 .5rem;margin-left:.5rem}.query-type-row{display:flex;align-items:center;gap:4.5rem;flex-wrap:wrap}.query-type-group{display:flex;align-items:center;gap:.7rem}.query-type-group .submit-btn{margin-left:8rem;padding:.6rem 2.5rem;font-size:1.05rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#16a34a!important;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.query-type-group .submit-btn:hover:not(:disabled){background:#15803d!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.query-type-group .submit-btn:active:not(:disabled){transform:translateY(0)}.query-type-group .submit-btn:disabled{opacity:.6;cursor:not-allowed}.query-type-label{font-size:1.05rem;color:#222;font-weight:500;display:flex;align-items:center}.query-type-select{font-size:1.05rem;padding:.45rem 1.1rem .45rem .7rem;border-radius:.4rem;border:1px solid #d1d5db;background:#fff;color:#222;outline:none;transition:border .2s;display:flex;align-items:center}.query-type-select:focus{border-color:var(--accent, #2563eb)}.query-type-icon{display:flex;align-items:center;margin-left:.2rem}.core-web-vitals-tool{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 3rem;background:#f9fafb;border-radius:1.5rem;box-shadow:0 2px 16px #0000000f}.tool-title{font-size:2.2rem;font-weight:700;margin-bottom:2rem;color:var(--primary-text);letter-spacing:-1px}.domain-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.domain-input-row{display:flex;align-items:center;gap:.5rem}.domain-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#1a1a1a;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .2s ease}.domain-input::placeholder{color:#9ca3af;opacity:1}.domain-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.remove-domain-btn{display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;border-radius:.5rem;width:2.8rem;height:2.8rem;min-width:2.8rem;min-height:2.8rem;font-size:1.7rem;cursor:pointer;transition:background .2s;box-shadow:0 1px 4px #0000000a;padding:0}.remove-domain-btn:hover{background:#dc2626}.domain-actions{display:flex;gap:.75rem;margin-top:.5rem}.analyze-btn-wrapper{display:flex;justify-content:flex-start;margin-top:1.5rem;margin-bottom:1.5rem}.add-domain-btn{background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-size:1rem;padding:.7rem 1.2rem;cursor:pointer;transition:all .2s ease}.add-domain-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.add-domain-btn:disabled{background:#d1d5db;color:#888;cursor:not-allowed}.submit-btn{background:#16a34a!important;color:#fff;border:none;border-radius:.5rem;font-size:1rem;padding:.7rem 1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.submit-btn:hover:not(:disabled){background:#15803d!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:disabled{background:#d1d5db;color:#888;cursor:not-allowed}.error-message{color:#dc2626;background:#fee2e2;border-radius:.5rem;padding:.7rem 1rem;margin-bottom:1.2rem;font-size:1.05rem}.results-lanes{display:flex;gap:1.2rem;margin-top:2rem;flex-wrap:wrap;justify-content:flex-start}.result-card{background:#f5fbff;border-radius:1rem;box-shadow:0 1px 6px #0000000a;padding:1.2rem 1.1rem 1.3rem;min-width:220px;flex:1 1 220px;max-width:260px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.2rem}.result-domain{font-size:1rem;font-weight:500;color:var(--accent);margin-bottom:.5rem;word-break:break-all;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em;border:1px solid #e5e7eb;border-radius:2rem;padding:.25rem .6rem;display:inline-block;background:var(--secondary-bg)}.result-tags{display:flex;gap:.5rem;margin-bottom:1.1rem}.result-tag{font-size:.75rem;font-weight:500;color:#6b7280;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em;border:1px solid #e5e7eb;border-radius:2rem;padding:.2rem .5rem;display:inline-block;text-transform:none;background:var(--secondary-bg)}.result-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;flex:1}.result-error .error-icon{font-size:2.5rem;margin-bottom:.5rem}.result-error .error-text{font-size:.9rem;color:#ef4444;line-height:1.5;margin:0}.vitals-bar{margin-bottom:1.1rem;width:100%}.vitals-label{font-size:1rem;font-weight:500;color:var(--primary-text);margin-bottom:.2rem}.vitals-value{font-size:1.3rem;font-weight:700;margin-bottom:.2rem;display:inline-block}.vitals-value.good{color:#22c55e}.vitals-value.warn{color:#eab308}.vitals-value.bad{color:#ef4444}.vitals-status-bar{display:flex;height:.6rem;border-radius:.3rem;overflow:hidden;margin-top:.1rem;box-shadow:0 0 0 1px #e5e7eb}.vitals-status-segment{flex:1;transition:background .2s}.vitals-status-segment.good{background:#bbf7d0}.vitals-status-segment.warn{background:#fef08a}.vitals-status-segment.bad{background:#fecaca}.vitals-status-segment.active{box-shadow:0 0 0 2px #0002;border-radius:.3rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem}.vitals-card{background:var(--secondary-bg);border:2px solid #e5e7eb;border-radius:.6rem;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:flex-start;transition:all .2s}.vitals-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vitals-card-good{border-color:#22c55e;background:linear-gradient(135deg,#22c55e26,#22c55e14)}.vitals-card-warn{border-color:#eab308;background:linear-gradient(135deg,#eab30826,#eab30814)}.vitals-card-bad{border-color:#ef4444;background:linear-gradient(135deg,#ef444426,#ef444414)}.vitals-card-label{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#000;text-align:left;margin-bottom:.25rem}.vitals-card-value{font-size:1.2rem;font-weight:800;color:var(--primary-text);text-align:left;margin-bottom:.4rem}.vitals-card-status{font-size:.625rem;font-weight:600;padding:.15rem .4rem;border-radius:2rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;display:inline-block}.vitals-card-status-good{background:#22c55e;color:#fff}.vitals-card-status-warn{background:#eab308;color:#fff}.vitals-card-status-bad{background:#ef4444;color:#fff}.vitals-card-good .vitals-card-value{color:#22c55e}.vitals-card-warn .vitals-card-value{color:#eab308}.vitals-card-bad .vitals-card-value{color:#ef4444}@media(max-width:900px){.results-lanes{flex-direction:column;gap:.7rem}.result-card{max-width:100%;min-width:0;width:100%}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.dialog-box{background:#fff;border-radius:.75rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}.dialog-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin:0 0 1rem}.dialog-text{font-size:1rem;line-height:1.6;color:var(--secondary-text);margin:0 0 1.5rem}.dialog-close{background:var(--accent);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.dialog-close:hover{background:var(--accent-hover)}.threshold-visual{margin:1.5rem 0;max-width:400px}.threshold-bar{display:flex;height:48px;border-radius:.25rem;overflow:visible;position:relative}.threshold-section{display:flex;align-items:center;justify-content:center;position:relative;flex:1}.threshold-good{background:#0cce6b;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.threshold-needs-improvement{background:#ffa400}.threshold-poor{background:#ff4e42;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.threshold-label{color:#000;font-weight:800;font-size:.65rem;text-align:center;line-height:1.1;letter-spacing:.5px;text-transform:uppercase}.threshold-values{display:flex;position:relative;height:40px;margin-top:0}.threshold-value{font-size:.875rem;font-weight:600;color:#000;position:absolute;top:20px}.threshold-value-left{display:none}.threshold-value:nth-child(2){left:33.33%;transform:translate(-50%)}.threshold-value:nth-child(3){left:66.66%;transform:translate(-50%)}.threshold-value:not(.threshold-value-left):before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:2px;height:16px;background:#000;margin-bottom:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.not-found-page{min-height:100vh;display:flex;flex-direction:column;background:#f3f4f6}.not-found-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.not-found-content{display:flex;align-items:center;gap:0px;max-width:1000px;justify-content:center;margin-top:60px}.not-found-text{flex:1;text-align:center}.not-found-header{margin-bottom:20px}.not-found-code{font-size:clamp(64px,15vw,120px);font-weight:800;line-height:1;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-cat{width:350px;height:auto;animation:float 3s ease-in-out infinite;margin-left:-50px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.not-found-title{font-size:36px;font-weight:700;color:#1f2937;margin:0 0 16px}.not-found-description{font-size:18px;color:#6b7280;line-height:1.6;margin:0 0 40px}.not-found-actions{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.not-found-links{padding-top:40px;border-top:1px solid #e5e7eb}.links-title{font-size:14px;color:#6b7280;margin:0 0 16px;font-weight:500}.links-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.quick-link{color:#3b82f6;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease}.quick-link:hover{color:#60a5fa;text-decoration:underline}@media(max-width:768px){.not-found-container{padding:40px 20px}.not-found-content{flex-direction:column;gap:40px}.not-found-code{font-size:clamp(48px,12vw,80px)}.not-found-cat{width:180px}.not-found-title{font-size:28px}.not-found-description{font-size:16px}.not-found-actions{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;justify-content:center}.links-grid{gap:16px}}.premium-required-page{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-bg)}.premium-header{margin-top:80px;padding:var(--spacing-xl) 0 var(--spacing-lg);background:var(--primary-bg);border-bottom:1px solid var(--border-light);text-align:center}.premium-icon-container{width:80px;height:80px;background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:40px}.premium-title{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:3rem;font-weight:700}.premium-subtitle{max-width:600px;margin:0 auto;color:var(--secondary-text);font-size:1.125rem;line-height:1.7}.premium-content{padding:var(--spacing-xl) 0;flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--spacing-lg)}.premium-card{max-width:900px;margin:0 auto;background:var(--primary-bg);border-radius:var(--radius-xl);border:2px solid var(--border-light);overflow:hidden}.premium-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--secondary-bg)}.premium-feature-card{padding:var(--spacing-lg);background:var(--primary-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all .3s ease}.premium-feature-card:hover{transform:translateY(-4px);border-color:var(--accent)}.premium-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);font-size:24px}.premium-feature-title{font-size:1.125rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-xs)}.premium-feature-description{color:var(--secondary-text);font-size:.9375rem;line-height:1.6;margin:0}.premium-action-section{padding:var(--spacing-2xl);text-align:center;background:transparent;width:100%;max-width:800px;margin:0 auto}.premium-action-title{font-size:1.5rem;font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-sm);text-align:center}.premium-action-description{color:var(--secondary-text);margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.6;text-align:center}.premium-action-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.premium-button{padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none;display:inline-block}.premium-button-primary{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);color:#fff}.premium-button-primary:hover{transform:translateY(-2px)}.premium-button-secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}.premium-button-secondary:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.premium-demo-tip{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-md);border:1px solid #fbbf24;display:inline-block;text-align:center}.premium-demo-tip-text{color:#78350f;font-size:.8125rem;font-weight:500;margin:0}@media(max-width:768px){.premium-title{font-size:2rem}.premium-subtitle{font-size:1rem}.premium-features-grid{grid-template-columns:1fr;padding:var(--spacing-lg)}.premium-action-buttons{flex-direction:column}.premium-button{width:100%}}#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}