/*
Theme Name: DERKAUFMANN
Theme URI: https://derkaufmann.eu
Author: Martin Kaufmann
Author URI: https://derkaufmann.eu
Description: Ultraschnelles WordPress-Template für IT & Webdesign. Lokale Fonts, Async CSS, 100/100 PageSpeed.
Version: 5.2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: derkaufmann
Tags: one-column, custom-colors, custom-menu, featured-images, translation-ready, blog

DERKAUFMANN Theme - Maximum PageSpeed Performance
- Lokale Fonts (kein Google Fonts CDN)
- Async CSS Loading
- Critical CSS Inline
*/
:root{--color-primary:#0066ff;--color-primary-dark:#0052cc;--color-primary-light:#3385ff;--color-secondary:#00d4aa;--color-accent:#ff6b35;--color-dark:#0a1628;--color-dark-lighter:#132039;--color-gray-900:#1a2744;--color-gray-800:#2d3a52;--color-gray-700:#4a5568;--color-gray-600:#9ca3af;--color-gray-500:#b0b8c4;--color-gray-400:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-white:#ffffff;--font-heading:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--text-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-2xl:clamp(1.5rem,1.25rem + 1.25vw,2rem);--text-3xl:clamp(1.875rem,1.5rem + 1.875vw,2.5rem);--text-4xl:clamp(2.25rem,1.75rem + 2.5vw,3.5rem);--text-5xl:clamp(3rem,2rem + 5vw,5rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--container-max:1280px;--container-narrow:720px;--header-height:80px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--shadow-glow:0 0 40px rgb(0 102 255 / 0.3);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-gray-100);background-color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.screen-reader-text,.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.screen-reader-text:focus,.sr-only:focus{position:static !important;width:auto !important;height:auto !important;padding:inherit !important;margin:inherit !important;overflow:visible !important;clip:auto !important;white-space:normal !important}:focus{outline:2px solid var(--color-secondary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@media (prefers-contrast:high){:root{--color-gray-400:#d0d0d0;--color-gray-600:#b0b0b0}.btn--primary{border:2px solid var(--color-white)}.btn--secondary{border:2px solid var(--color-white)}}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:not(.btn):not(.nav-link):not(.site-logo):not(.mobile-nav-link){text-decoration-skip-ink:auto}.legal-content a{text-decoration:underline;text-decoration-color:rgba(255,255,255,0.3);text-underline-offset:2px}.legal-content a:hover{text-decoration-color:var(--color-primary)}.footer-links a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:var(--space-xs) 0}.footer-links a:hover{color:var(--color-white)}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-white)}h1{font-size:var(--text-4xl);font-weight:800;letter-spacing:-0.02em}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:700}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-5xl) 0}.section--dark{background-color:var(--color-dark-lighter)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:rgba(10,22,40,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05);transition:background var(--transition-base)}.site-header.scrolled{background:rgba(10,22,40,0.95)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-white);letter-spacing:-0.01em}.site-logo svg{width:36px;height:36px}.site-logo .logo-der{color:var(--color-primary);font-weight:600}.site-logo .logo-kaufmann{color:var(--color-white);font-weight:600}.site-logo .logo-accent{color:var(--color-primary)}.main-nav{display:none}@media (min-width:1024px){.main-nav{display:flex;align-items:center;gap:var(--space-xl)}}.nav-list{display:flex;gap:var(--space-xl)}.nav-link{position:relative;font-size:var(--text-sm);font-weight:500;color:var(--color-gray-400);transition:color var(--transition-fast);padding:var(--space-sm) var(--space-xs);min-height:44px;display:inline-flex;align-items:center}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-white)}.nav-link:hover::after,.nav-link.active::after{width:100%}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:10px;border-radius:var(--radius-lg);background:transparent;transition:background var(--transition-fast)}.menu-toggle:hover{background:rgba(255,255,255,0.05)}.menu-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@media (min-width:1024px){.menu-toggle{display:none}}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-white);border-radius:2px;transition:all var(--transition-fast)}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-dark);padding:var(--space-2xl);transform:translateX(100%);transition:transform var(--transition-base);overflow-y:auto;z-index:1001;-webkit-overflow-scrolling:touch;visibility:hidden}.mobile-nav.active{transform:translateX(0);visibility:visible}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-sm);position:relative;z-index:1}.mobile-nav-link,.mobile-nav-list a{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xl);font-weight:600;color:var(--color-gray-400);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);border:none;background:transparent;transition:all var(--transition-fast);-webkit-tap-highlight-color:rgba(0,102,255,0.2);cursor:pointer;min-height:56px;text-decoration:none}.mobile-nav-link:hover,.mobile-nav-link:focus,.mobile-nav-list a:hover,.mobile-nav-list a:focus{color:var(--color-white);background:rgba(255,255,255,0.05)}.mobile-nav-link:focus-visible,.mobile-nav-list a:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.mobile-nav-link.current-menu-item,.mobile-nav-list .current-menu-item > a{color:var(--color-primary);background:rgba(0,102,255,0.1)}.mobile-nav-list .sub-menu{margin-top:var(--space-sm);margin-left:var(--space-lg);padding-left:var(--space-md);border-left:2px solid rgba(255,255,255,0.1)}.mobile-nav-list .sub-menu a{font-size:var(--text-lg);font-weight:500;min-height:48px;padding:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;min-height:48px;min-width:48px;touch-action:manipulation}.btn svg{width:18px !important;height:18px !important;max-width:18px !important;max-height:18px !important;flex-shrink:0}.btn--primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 14px 0 rgba(0,102,255,0.39)}.btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(0,102,255,0.5)}.btn--secondary{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,0.2)}.btn--secondary:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3)}.btn--large{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-base)}.btn:focus,.btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.08),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(255,107,53,0.05),transparent)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.hero-content{position:relative;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:rgba(0,102,255,0.1);border:1px solid rgba(0,102,255,0.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-primary-light);margin-bottom:var(--space-xl)}.hero-badge-dot{width:6px;height:6px;background:var(--color-secondary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.hero-title{font-size:var(--text-5xl);font-weight:800;letter-spacing:-0.03em;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title-highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-lg);color:var(--color-gray-400);max-width:600px;margin-bottom:var(--space-2xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,0.05)}.hero-stat{text-align:left}.hero-stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-white);font-family:var(--font-mono)}.hero-stat-label{font-size:var(--text-sm);color:var(--color-gray-600);margin-top:var(--space-xs)}.services-header{text-align:center;max-width:600px;margin:0 auto var(--space-4xl)}.section-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-primary);margin-bottom:var(--space-md)}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.section-description{font-size:var(--text-lg);color:var(--color-gray-400)}.services-grid{display:grid;gap:var(--space-lg)}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{position:relative;padding:var(--space-2xl);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.service-card:hover{border-color:rgba(0,102,255,0.2);transform:translateY(-4px)}.service-card:hover::before{transform:scaleX(1)}.service-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(0,102,255,0.1);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.service-icon svg{width:28px;height:28px;color:var(--color-primary)}.service-title{font-size:var(--text-xl);margin-bottom:var(--space-md)}.service-description{color:var(--color-gray-400);font-size:var(--text-sm);line-height:1.7}.features-grid{display:grid;gap:var(--space-3xl);align-items:center}@media (min-width:1024px){.features-grid{grid-template-columns:1fr 1fr}}.features-content{order:2}@media (min-width:1024px){.features-content{order:1}}.features-visual{order:1}@media (min-width:1024px){.features-visual{order:2}}.feature-list{margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-lg)}.feature-item{display:flex;gap:var(--space-lg)}.feature-check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,212,170,0.1);border-radius:var(--radius-md);color:var(--color-secondary)}.feature-text h4{font-size:var(--text-base);margin-bottom:var(--space-xs)}.feature-text p{font-size:var(--text-sm);color:var(--color-gray-400)}.code-window{background:var(--color-gray-900);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,0.05)}.code-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.05)}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot--red{background:#ff5f56}.code-dot--yellow{background:#ffbd2e}.code-dot--green{background:#27ca40}.code-content{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;color:var(--color-gray-400);overflow-x:auto}.code-content .code-keyword{color:#c792ea}.code-content .code-function{color:#82aaff}.code-content .code-string{color:#c3e88d}.code-content .code-comment{color:#546e7a}.code-content .code-number{color:#f78c6c}.portfolio-grid{display:grid;gap:var(--space-lg)}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-item{position:relative;aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-dark-lighter)}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,0.95) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-xl);opacity:0;transition:opacity var(--transition-base)}.portfolio-item:hover .portfolio-image{transform:scale(1.05)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-category{font-size:var(--text-xs);font-weight:500;color:var(--color-primary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-sm)}.portfolio-title{font-size:var(--text-lg);color:var(--color-white)}.testimonials-slider{display:grid;gap:var(--space-lg)}@media (min-width:768px){.testimonials-slider{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials-slider{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--space-2xl);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl)}.testimonial-quote{font-size:var(--text-base);color:var(--color-gray-200);line-height:1.8;margin-bottom:var(--space-xl)}.testimonial-author{display:flex;align-items:center;gap:var(--space-md)}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-gray-800);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-primary)}.testimonial-info h4{font-size:var(--text-sm);font-weight:600}.testimonial-info p{font-size:var(--text-xs);color:var(--color-gray-600)}.pricing-grid{display:grid;gap:var(--space-lg);max-width:1000px;margin:0 auto}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{position:relative;padding:var(--space-2xl);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.pricing-card--featured{border-color:var(--color-primary);background:linear-gradient(180deg,rgba(0,102,255,0.05) 0%,var(--color-dark-lighter) 100%);transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-white);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.pricing-name{font-size:var(--text-lg);color:var(--color-gray-400);margin-bottom:var(--space-md)}.pricing-price{font-size:var(--text-4xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-xs)}.pricing-price span{font-size:var(--text-base);font-weight:400;color:var(--color-gray-600)}.pricing-description{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-xl)}.pricing-features{text-align:left;margin-bottom:var(--space-xl)}.pricing-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-gray-400)}.pricing-features li svg{width:16px;height:16px;color:var(--color-secondary);flex-shrink:0}.pricing-card .btn{width:100%}.cta{position:relative;padding:var(--space-5xl) 0;text-align:center;overflow:hidden}.cta-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);z-index:-1}.cta-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-content{position:relative;max-width:600px;margin:0 auto}.cta-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.cta-content p{font-size:var(--text-lg);color:rgba(255,255,255,0.85);margin-bottom:var(--space-2xl);line-height:1.7}.cta-title{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.cta-description{font-size:var(--text-lg);color:rgba(255,255,255,0.8);margin-bottom:var(--space-2xl)}.cta .btn--secondary{background:var(--color-white);color:var(--color-primary);border:none}.cta .btn--secondary:hover{background:var(--color-gray-100)}.contact-grid{display:grid;gap:var(--space-3xl)}@media (min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}.contact-item{display:flex;gap:var(--space-lg)}.contact-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,102,255,0.1);border-radius:var(--radius-lg);color:var(--color-primary)}.contact-icon svg{width:24px;height:24px}.contact-item h4{font-size:var(--text-base);margin-bottom:var(--space-xs)}.contact-item p,.contact-item a{font-size:var(--text-sm);color:var(--color-gray-400)}.contact-item a:hover{color:var(--color-primary)}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-200)}.form-group label .required{color:#f56565;margin-left:2px}.form-group input,.form-group textarea{padding:var(--space-md) var(--space-lg);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:48px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-600)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,0.2)}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#f56565}.form-group input:invalid:not(:placeholder-shown):focus,.form-group textarea:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px rgba(245,101,101,0.2)}.form-group textarea{min-height:150px;resize:vertical}.form-error{font-size:var(--text-sm);color:#f56565;margin-top:var(--space-xs)}.form-success{font-size:var(--text-sm);color:var(--color-secondary);margin-top:var(--space-xs)}.form-row{display:grid;gap:var(--space-lg)}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.site-footer{background:var(--color-dark);border-top:1px solid rgba(255,255,255,0.05);padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{display:grid;gap:var(--space-2xl);margin-bottom:var(--space-3xl)}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand p{color:var(--color-gray-600);font-size:var(--text-sm);margin-top:var(--space-md);max-width:300px}.footer-column h4{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-gray-400);margin-bottom:var(--space-lg)}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{font-size:var(--text-sm);color:var(--color-gray-600);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-social{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.footer-social a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(255,255,255,0.05);border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast);touch-action:manipulation}.footer-social a:hover{background:var(--color-primary);color:var(--color-white)}.footer-social svg{width:20px;height:20px}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.05);text-align:left;padding-bottom:var(--space-xl);align-items:flex-start}@media (max-width:768px){.footer-bottom{padding-bottom:calc(var(--space-4xl) + 60px);gap:var(--space-lg)}.footer-bottom .footer-made-in{order:1}.footer-bottom .footer-legal{order:2}.footer-bottom .footer-copyright{order:3}}@media (min-width:769px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}.footer-bottom .footer-copyright{order:1;text-align:left}.footer-bottom .footer-made-in{order:2;text-align:center;justify-content:center}.footer-bottom .footer-legal{order:3;text-align:right;justify-content:flex-end}}.footer-copyright{font-size:var(--text-xs);color:var(--color-gray-600)}.footer-made-in{font-size:var(--text-xs);color:var(--color-gray-600);display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-start}.footer-made-in .heart{color:#e53e3e;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.footer-made-in .heart{animation:none}}.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-lg)}@media (max-width:768px){.footer-legal{flex-direction:column;gap:var(--space-sm)}}.footer-legal a,.footer-legal li a{font-size:var(--text-xs);color:var(--color-gray-600);transition:color var(--transition-fast)}.footer-legal a:hover,.footer-legal li a:hover{color:var(--color-white)}.footer-legal ul,.footer-legal .menu,.footer-legal-menu{display:flex;flex-wrap:wrap;gap:var(--space-lg);list-style:none;margin:0;padding:0}.footer-legal li,.footer-legal-menu li{list-style:none;margin:0;padding:0}.footer-legal-menu li a{font-size:var(--text-xs);color:var(--color-gray-600);transition:color var(--transition-fast)}.footer-legal-menu li a:hover{color:var(--color-white)}.footer-links ul,.footer-links .menu{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0}.footer-links li{list-style:none}.footer-links li a{font-size:var(--text-sm);color:var(--color-gray-600);transition:color var(--transition-fast)}.footer-links li a:hover{color:var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp 0.6s ease forwards}.lazy-image{background:var(--color-dark-lighter);transition:opacity var(--transition-base)}.lazy-image.loaded{opacity:1}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-md)}@media print{.site-header,.mobile-nav,.cta,.contact-form{display:none !important}body{background:white;color:black}.section{padding:20px 0}}.logo-der{color:var(--color-primary)}.logo-kaufmann{color:var(--color-white)}.contact-messenger{margin-top:var(--space-lg)}.messenger-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.messenger-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-200);transition:all var(--transition-fast)}.messenger-link:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}.messenger-link svg{width:20px;height:20px}.messenger-link--whatsapp:hover{background:rgba(37,211,102,0.1);border-color:#25D366;color:#25D366}.messenger-link--signal:hover{background:rgba(58,118,242,0.1);border-color:#3A76F2;color:#3A76F2}.messenger-link--telegram:hover{background:rgba(0,136,204,0.1);border-color:#0088CC;color:#0088CC}.messenger-link--matrix:hover{background:rgba(0,200,170,0.1);border-color:#00C8AA;color:#00C8AA}.form-message{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.form-message--success{background:rgba(0,212,170,0.1);border:1px solid var(--color-secondary);color:var(--color-secondary)}.form-message--error{background:rgba(255,107,53,0.1);border:1px solid var(--color-accent);color:var(--color-accent)}.file-upload-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-md)}.file-upload-wrapper input[type="file"]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-upload-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-dark-lighter);border:1px dashed rgba(255,255,255,0.2);border-radius:var(--radius-lg);color:var(--color-gray-400);transition:all var(--transition-fast);cursor:pointer}.file-upload-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.file-upload-button svg{width:20px;height:20px}.file-upload-name{font-size:var(--text-sm);color:var(--color-gray-600)}.file-upload-name.has-file{color:var(--color-secondary)}.section--reviews{background:linear-gradient(180deg,var(--color-dark) 0%,var(--color-dark-lighter) 100%)}.google-rating-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-lg);background:rgba(255,255,255,0.02);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.05)}.google-stars{display:flex;align-items:center}.star-rating{display:flex;gap:2px}.star-rating .star{width:24px;height:24px;color:#FBBC05}.star-rating .star--empty{color:var(--color-gray-600)}.google-rating-text{display:flex;flex-direction:column;align-items:center}.google-rating-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-white)}.google-rating-count{font-size:var(--text-sm);color:var(--color-gray-600)}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.google-reviews-scroll-container{margin-top:var(--space-3xl);position:relative}.google-reviews-scroll{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--space-lg);-webkit-overflow-scrolling:touch}.google-reviews-scroll::-webkit-scrollbar{height:8px}.google-reviews-scroll::-webkit-scrollbar-track{background:var(--color-dark-lighter);border-radius:var(--radius-full)}.google-reviews-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full)}.google-reviews-scroll-hint{text-align:center;margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-gray-600)}@media (min-width:1024px){.google-reviews-scroll-hint{display:none}}.google-review-card{flex:0 0 320px;scroll-snap-align:start;background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}@media (min-width:768px){.google-review-card{flex:0 0 380px}}.google-review-card:hover{border-color:rgba(255,255,255,0.1);transform:translateY(-4px)}.google-review-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.google-review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.google-review-avatar--placeholder,.google-review-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);font-weight:700;font-size:var(--text-lg);text-transform:uppercase;letter-spacing:-1px}.google-review-author h4{font-size:var(--text-base);font-weight:600;color:var(--color-white);margin:0}.google-review-author time{font-size:var(--text-xs);color:var(--color-gray-600)}.google-review-stars{margin-bottom:var(--space-md)}.google-review-stars .star{width:16px;height:16px}.google-review-text{font-size:var(--text-sm);color:var(--color-gray-400);line-height:1.7;margin:0 0 var(--space-md);font-style:normal}.google-review-source{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-gray-600)}.google-reviews-cta{text-align:center;margin-top:var(--space-3xl)}.about-hero{position:relative;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);text-align:center;overflow:hidden}.about-hero-bg{position:absolute;inset:0;z-index:-1}.about-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.1),transparent)}.about-hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%)}.about-hero-content{max-width:800px;margin:0 auto}.about-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:var(--space-xl) 0}.about-hero-location{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);color:var(--color-gray-400)}.about-hero-location svg{width:20px;height:20px;color:var(--color-primary)}.about-intro{max-width:900px;margin:0 auto;text-align:center}.about-intro-text{font-size:var(--text-xl);color:var(--color-gray-300);line-height:1.8}.about-intro-text strong{color:var(--color-white)}.about-services-grid{display:grid;gap:var(--space-xl)}@media (min-width:1024px){.about-services-grid{grid-template-columns:repeat(2,1fr)}}.about-service-block{background:var(--color-dark);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-2xl)}@media (max-width:768px){.about-service-block{padding:var(--space-lg)}}.about-service-block--full{grid-column:1 / -1}.about-service-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.about-service-icon svg{width:32px;height:32px;color:var(--color-white)}.about-service-icon--blue{background:linear-gradient(135deg,var(--color-primary),#4d94ff)}.about-service-icon--green{background:linear-gradient(135deg,var(--color-secondary),#38f9d7)}.about-service-icon--orange{background:linear-gradient(135deg,#ff6b35,#f7931e)}.about-service-block h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-lg)}.about-service-block h4{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.about-service-block p{color:var(--color-gray-400);line-height:1.7;margin-bottom:var(--space-md)}.about-service-block ul{list-style:none;padding:0;margin:var(--space-lg) 0}.about-service-block li{position:relative;padding-left:var(--space-xl);margin-bottom:var(--space-sm);color:var(--color-gray-300)}.about-service-block li::before{content:"→";position:absolute;left:0;color:var(--color-secondary);font-weight:600}.about-service-goal,.about-service-note{background:rgba(0,212,170,0.05);border-left:4px solid var(--color-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin:var(--space-lg) 0}.about-service-goal strong,.about-service-note strong{color:var(--color-white)}.about-service-block .btn{margin-top:var(--space-lg)}.about-values{display:grid;gap:var(--space-3xl);align-items:start}@media (min-width:1024px){.about-values{grid-template-columns:1fr 400px}}.about-values-content h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-lg)}.about-values-content > p{font-size:var(--text-lg);color:var(--color-gray-400);line-height:1.7;margin-bottom:var(--space-2xl)}.about-values-content > p strong{color:var(--color-white)}.about-values-list{display:flex;flex-direction:column;gap:var(--space-lg)}.about-value{display:flex;gap:var(--space-lg);align-items:flex-start}.about-value-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg)}.about-value-icon svg{width:24px;height:24px;color:var(--color-white)}.about-value h4{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs)}.about-value p{font-size:var(--text-sm);color:var(--color-gray-400);margin:0}.about-values-card{background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(0,212,170,0.1));border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.about-card-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:rgba(0,102,255,0.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);margin-bottom:var(--space-lg)}.about-values-card h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm)}.about-values-card > p{font-size:var(--text-base);color:var(--color-gray-400);margin-bottom:var(--space-xl)}.about-card-contact{display:flex;flex-direction:column;gap:var(--space-sm)}.about-card-contact .btn{justify-content:center}.contact-hero{position:relative;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);text-align:center;overflow:hidden}.contact-hero-bg{position:absolute;inset:0;z-index:-1}.contact-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.1),transparent)}.contact-hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%)}.contact-hero-content{max-width:700px;margin:0 auto}.contact-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:var(--space-xl) 0}.contact-hero-desc{font-size:var(--text-xl);color:var(--color-gray-400);line-height:1.7}.contact-page-grid{display:grid;gap:var(--space-3xl)}@media (min-width:1024px){.contact-page-grid{grid-template-columns:1fr 1fr}}.contact-page-info h2,.contact-page-form h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xl)}.contact-info-card{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-dark-lighter);border-radius:var(--radius-xl);margin-bottom:var(--space-md);transition:all var(--transition-base)}.contact-info-card:hover{transform:translateX(8px)}.contact-info-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg)}.contact-info-icon svg{width:28px;height:28px;color:var(--color-white)}.contact-info-icon--primary{background:linear-gradient(135deg,var(--color-primary),#4d94ff)}.contact-info-icon--secondary{background:linear-gradient(135deg,var(--color-secondary),#38f9d7)}.contact-info-icon--accent{background:linear-gradient(135deg,#ff6b35,#f7931e)}.contact-info-content h3{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-500);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:0.05em}.contact-info-value{font-size:var(--text-lg);font-weight:600;color:var(--color-white)}a.contact-info-value:hover{color:var(--color-primary)}.contact-info-note{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-xs)}.contact-maps-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-primary);margin-top:var(--space-sm)}.contact-maps-link svg{width:14px;height:14px}.contact-maps-link:hover{color:var(--color-secondary)}.contact-messenger-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.05)}.contact-messenger-section h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-md)}.contact-messenger-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.messenger-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.messenger-btn svg{width:18px;height:18px}.messenger-btn--whatsapp{background:rgba(37,211,102,0.1);color:#25d366}.messenger-btn--whatsapp:hover{background:rgba(37,211,102,0.2)}.messenger-btn--signal{background:rgba(59,118,242,0.1);color:#3b76f2}.messenger-btn--signal:hover{background:rgba(59,118,242,0.2)}.messenger-btn--telegram{background:rgba(0,136,204,0.1);color:#0088cc}.messenger-btn--telegram:hover{background:rgba(0,136,204,0.2)}.messenger-btn--sms{background:rgba(92,107,192,0.1);color:#5c6bc0}.messenger-btn--sms:hover{background:rgba(92,107,192,0.2)}.contact-maps-section{margin-top:var(--space-xl)}.contact-maps-button{display:block;background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(0,212,170,0.05));border:1px solid rgba(0,102,255,0.2);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.contact-maps-button:hover{border-color:var(--color-primary);transform:translateY(-4px)}.contact-maps-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--color-white);margin-bottom:var(--space-sm)}.contact-maps-icon svg{width:24px;height:24px;color:var(--color-primary)}.contact-maps-address{font-size:var(--text-sm);color:var(--color-gray-400)}.contact-region{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.05)}.contact-region h4{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-500);margin-bottom:var(--space-md)}.contact-form-wrapper{background:var(--color-dark-lighter);border-radius:var(--radius-xl);padding:var(--space-2xl)}.contact-form-intro{color:var(--color-gray-400);margin-bottom:var(--space-xl)}.form-group select{width:100%;padding:var(--space-md);background:var(--color-dark);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-base)}.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-hint{display:block;margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-gray-600)}.form-group--submit{margin-top:var(--space-xl)}.btn--full{width:100%}.form-privacy{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-gray-600);text-align:center}.form-privacy a{color:var(--color-primary)}.emergency-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:linear-gradient(135deg,rgba(255,107,53,0.1),rgba(255,107,53,0.05));border:1px solid rgba(255,107,53,0.2);border-radius:var(--radius-xl)}@media (min-width:768px){.emergency-banner{flex-wrap:nowrap}}.emergency-banner-icon{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:var(--radius-xl)}.emergency-banner-icon svg{width:32px;height:32px;color:var(--color-white)}.emergency-banner-icon .emergency-dot{position:absolute;top:-4px;right:-4px}.emergency-banner-content{flex:1}.emergency-banner-content h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-xs)}.emergency-banner-content p{color:var(--color-gray-400);margin:0}.service-hero--ai .service-hero-gradient--ai{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.1),transparent)}.service-badge--ai{background:rgba(0,102,255,0.1);border-color:rgba(0,102,255,0.3)}.text-gradient-ai{background:linear-gradient(135deg,#0066ff,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta--ai{background:linear-gradient(135deg,#0066ff,#00d4aa)}.tool-section{padding:var(--space-3xl) 0}.tool-card{background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-2xl)}.tool-header{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);align-items:flex-start}.tool-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-icon svg{width:32px;height:32px;color:white}.tool-icon--webp{background:linear-gradient(135deg,#0066ff,#00d4aa)}.tool-icon--upscale{background:linear-gradient(135deg,#00d4aa,#0066ff)}.tool-icon--pdf{background:linear-gradient(135deg,#e74c3c,#c0392b)}.tool-icon--zip{background:linear-gradient(135deg,#f39c12,#e67e22)}.tool-icon--qr{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.tool-icon--password{background:linear-gradient(135deg,#10b981,#059669)}.tool-icon--hash{background:linear-gradient(135deg,#06b6d4,#0891b2)}.tool-icon--favicon{background:linear-gradient(135deg,#ec4899,#db2777)}.qr-generator-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (max-width:768px){.qr-generator-area{grid-template-columns:1fr}}.qr-input-section{display:flex;flex-direction:column;gap:var(--space-md)}.qr-type-select{display:flex;flex-direction:column;gap:var(--space-xs)}.qr-type-select select,.qr-input-group select,.qr-options select{padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm)}.qr-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.qr-input-group textarea,.qr-input-group input{padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm)}.qr-input-group label{font-size:var(--text-sm);color:var(--color-gray-400)}.qr-vcard-grid{display:flex;flex-direction:column;gap:var(--space-md)}.qr-vcard-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.qr-vcard-field{display:flex;flex-direction:column;gap:var(--space-xs)}.qr-vcard-field label{font-size:var(--text-sm);color:var(--color-gray-400)}.qr-vcard-field input{padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm)}.qr-vcard-full{grid-column:1 / -1}@media (max-width:640px){.qr-vcard-row{grid-template-columns:1fr}}.qr-options{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.qr-options label{font-size:var(--text-sm);color:var(--color-gray-400)}.qr-options input[type="color"]{width:40px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer}.qr-output-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.qr-preview{background:#ffffff;padding:var(--space-lg);border-radius:var(--radius-lg)}.qr-preview canvas{display:block}.password-generator-area{margin-bottom:var(--space-xl)}.password-output{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.password-output input{flex:1;padding:var(--space-md) var(--space-lg);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-family:monospace;font-size:var(--text-lg);letter-spacing:1px}.btn--icon{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.btn--icon:hover{background:var(--color-primary)}.btn--icon svg{width:20px;height:20px}.password-strength{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.password-strength-bar{flex:1;height:8px;background:rgba(0,0,0,0.3);border-radius:4px;overflow:hidden}.password-strength-fill{height:100%;border-radius:4px;transition:all 0.3s ease;width:0%}#password-strength-text{font-size:var(--text-sm);font-weight:500;min-width:100px}.password-options{margin-bottom:var(--space-xl)}.password-length{margin-bottom:var(--space-lg)}.password-length label{display:block;margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--color-gray-400)}.password-length input[type="range"]{width:100%;height:8px;border-radius:4px;background:rgba(0,0,0,0.3);appearance:none}.password-length input[type="range"]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer}.password-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-gray-400);cursor:pointer}.checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-primary)}.hash-generator-area{margin-bottom:var(--space-xl)}.hash-input-toggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs);background:rgba(0,0,0,0.2);border-radius:var(--radius-lg)}.hash-toggle-btn{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.hash-toggle-btn:hover{color:var(--color-white)}.hash-toggle-btn.active{background:var(--color-primary);color:var(--color-white)}.hash-input-text textarea{width:100%;padding:var(--space-md);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-family:monospace;resize:vertical;margin-bottom:var(--space-lg)}.hash-file-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:rgba(0,0,0,0.2);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.hash-results{margin-top:var(--space-xl);padding:var(--space-lg);background:rgba(0,0,0,0.2);border-radius:var(--radius-lg)}.hash-results h4{margin-bottom:var(--space-md)}.hash-result-item{margin-bottom:var(--space-md)}.hash-result-item label{display:block;font-size:var(--text-xs);color:var(--color-gray-400);margin-bottom:var(--space-xs)}.hash-value-wrapper{display:flex;gap:var(--space-sm)}.hash-value-wrapper code{flex:1;padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.3);border-radius:var(--radius-md);font-size:var(--text-xs);word-break:break-all;overflow-x:auto}.hash-value-wrapper .btn--icon{width:36px;height:36px;flex-shrink:0}.hash-value-wrapper .btn--icon svg{width:16px;height:16px}.favicon-generator-area{margin-bottom:var(--space-xl)}.favicon-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.favicon-preview-grid{display:flex;gap:var(--space-xl);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-xl);padding:var(--space-lg);background:#ffffff;border-radius:var(--radius-lg)}.favicon-preview-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.favicon-preview-item canvas{border:1px solid #e5e7eb;border-radius:var(--radius-sm)}.favicon-preview-item span{font-size:var(--text-xs);color:#6b7280}.favicon-code{margin-top:var(--space-xl);padding:var(--space-lg);background:rgba(0,0,0,0.2);border-radius:var(--radius-lg)}.favicon-code h4{margin-bottom:var(--space-md)}.favicon-code pre{padding:var(--space-md);background:rgba(0,0,0,0.3);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-md)}.favicon-code code{font-size:var(--text-xs);color:var(--color-gray-300)}.zip-mode-toggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-xs);background:rgba(0,0,0,0.2);border-radius:var(--radius-lg)}.zip-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.zip-mode-btn svg{width:20px;height:20px}.zip-mode-btn:hover{color:var(--color-white);background:rgba(255,255,255,0.05)}.zip-mode-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white)}.zip-tool-area{margin-bottom:var(--space-xl)}.zip-file-list{background:rgba(0,0,0,0.2);border-radius:var(--radius-lg);padding:var(--space-lg)}.zip-file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.zip-file-list-header h4{margin:0;font-size:var(--text-base)}.zip-file-list ul{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.zip-file-item,.zip-extract-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,0.03);border-radius:var(--radius-md);margin-bottom:var(--space-xs)}.zip-file-icon{font-size:1.25rem;flex-shrink:0}.zip-file-name{flex:1;font-size:var(--text-sm);word-break:break-all}.zip-file-size{font-size:var(--text-xs);color:var(--color-gray-400);flex-shrink:0}.zip-file-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,0.2);border:none;border-radius:50%;color:#ef4444;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.zip-file-remove:hover{background:#ef4444;color:white}.zip-file-list-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin:var(--space-lg) 0;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,0.1)}.zip-total-size{font-size:var(--text-sm);color:var(--color-gray-400)}.zip-filename-input{display:flex;align-items:center;gap:var(--space-sm)}.zip-filename-input label{font-size:var(--text-sm);color:var(--color-gray-400)}.zip-filename-input input{width:150px;padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm)}.zip-filename-input span{color:var(--color-gray-400)}.zip-extract-results{background:rgba(0,0,0,0.2);border-radius:var(--radius-lg);padding:var(--space-lg)}.zip-extract-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.zip-extract-header h4{margin:0;font-size:var(--text-base)}.zip-extract-info{font-size:var(--text-sm);color:var(--color-gray-400)}.zip-extract-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.zip-progress{margin-top:var(--space-lg)}.zip-progress-bar{width:100%;height:8px;background:rgba(0,0,0,0.3);border-radius:4px;overflow:hidden}.zip-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width 0.3s ease;width:0%}.zip-progress p{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-gray-400);text-align:center}.tool-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);background:rgba(0,0,0,0.2);border:2px dashed rgba(255,255,255,0.2);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);min-height:250px}.tool-upload-area:hover,.tool-upload-area.drag-over{border-color:var(--color-primary);background:rgba(0,102,255,0.1)}.tool-upload-area .upload-icon{width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--color-gray-400)}.tool-upload-area .upload-icon svg{width:100%;height:100%}.tool-upload-area h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-white)}.tool-upload-area p{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--space-lg)}.tool-upload-area .btn{pointer-events:auto}@media (max-width:640px){.tool-upload-area{padding:var(--space-xl) var(--space-md);min-height:200px}.tool-upload-area .upload-icon{width:48px;height:48px}.tool-upload-area h3{font-size:var(--text-base)}}@media (max-width:640px){.zip-mode-toggle{flex-direction:column}.zip-file-list-footer{flex-direction:column;align-items:flex-start}.zip-filename-input{width:100%}.zip-filename-input input{flex:1}}.tool-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.tool-nav-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-lg);color:var(--color-white);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.tool-nav-btn:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:translateY(-2px)}.tool-nav-btn svg{width:18px;height:18px}.pdf-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,0.1)}.pdf-tab{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);color:var(--color-gray-400);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pdf-tab:hover{border-color:rgba(255,255,255,0.2);color:var(--color-white)}.pdf-tab--active{background:linear-gradient(135deg,rgba(231,76,60,0.2),rgba(192,57,43,0.1));border-color:rgba(231,76,60,0.5);color:#e74c3c}.pdf-tab svg{width:16px;height:16px}.pdf-tab-content{display:none}.pdf-tab-content--active{display:block}.pdf-file-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.pdf-file-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pdf-file-item:hover{background:rgba(255,255,255,0.08)}.pdf-file-item.dragging{opacity:0.5;border-style:dashed}.pdf-file-drag{cursor:grab;color:var(--color-gray-500);font-size:var(--text-lg)}.pdf-file-name{flex:1;font-weight:500;color:var(--color-white)}.pdf-file-size{color:var(--color-gray-400);font-size:var(--text-sm)}.pdf-file-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(231,76,60,0.1);border:none;border-radius:var(--radius-full);color:#e74c3c;font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast)}.pdf-file-remove:hover{background:rgba(231,76,60,0.2)}.pdf-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.pdf-page-thumb{position:relative;aspect-ratio:1 / 1.4;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:grab;transition:all var(--transition-fast)}.pdf-page-thumb:hover{border-color:rgba(231,76,60,0.5);background:rgba(231,76,60,0.05)}.pdf-page-thumb.dragging{opacity:0.5;border-style:dashed}.pdf-page-number{font-weight:600;color:var(--color-gray-300)}.pdf-page-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e74c3c;border:none;border-radius:var(--radius-full);color:white;font-size:var(--text-sm);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.pdf-page-thumb:hover .pdf-page-remove{opacity:1}.pdf-toimage-options{background:rgba(0,0,0,0.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.pdf-toimage-info{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,0.1)}.pdf-toimage-info span{font-size:var(--text-sm);color:var(--color-gray-400)}.pdf-toimage-info span:first-child{font-weight:600;color:var(--color-white)}.pdf-toimage-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.setting-group{display:flex;flex-direction:column;gap:var(--space-xs)}.setting-group label{font-size:var(--text-sm);color:var(--color-gray-400)}.setting-group select,.setting-group input{padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm)}.pdf-toimage-preview{margin-bottom:var(--space-lg)}.pdf-toimage-preview h4{margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-gray-400)}.pdf-toimage-preview canvas{max-width:100%;border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,0.3)}.compress-result-info{display:flex;gap:var(--space-xl);padding:var(--space-lg);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.compress-result-info span{color:var(--color-gray-300)}.compress-result-info strong{color:#10b981}.tool-hint{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-sm)}.tool-input{padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm)}.tool-input:focus{outline:none;border-color:var(--color-primary)}.tool-header-content h2{margin-bottom:var(--space-sm)}.tool-header-content p{color:var(--color-gray-400)}.tool-info{display:flex;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-lg);background:rgba(0,102,255,0.05);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.tool-info-item{font-size:var(--text-sm);color:var(--color-gray-400)}.tool-info-item strong{color:var(--color-white)}.tool-description{margin-bottom:var(--space-xl)}.tool-description h3{font-size:var(--text-lg);margin-bottom:var(--space-md)}.tool-description ul{list-style:none;padding:0}.tool-description li{padding:var(--space-sm) 0;padding-left:var(--space-xl);position:relative;color:var(--color-gray-400)}.tool-description li::before{content:'✓';position:absolute;left:0;color:var(--color-secondary);font-weight:bold}.tool-description li strong{color:var(--color-white)}.tool-controls{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:rgba(255,255,255,0.02);border-radius:var(--radius-lg)}.tool-control-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.tool-control-row label{min-width:150px;font-size:var(--text-sm);color:var(--color-gray-400)}.tool-slider{flex:1;min-width:200px;height:8px;border-radius:4px;background:var(--color-gray-800);-webkit-appearance:none;appearance:none}.tool-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-white)}.tool-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-white)}.tool-select{padding:var(--space-sm) var(--space-md);background:var(--color-dark);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);min-width:200px}.tool-select:focus{outline:none;border-color:var(--color-primary)}.tool-dropzone{position:relative;border:2px dashed rgba(255,255,255,0.2);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-lg)}.tool-dropzone:hover,.tool-dropzone.dragover{border-color:var(--color-primary);background:rgba(0,102,255,0.05)}.tool-dropzone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-content{pointer-events:none}.dropzone-content svg{width:48px;height:48px;color:var(--color-gray-600);margin:0 auto var(--space-md)}.dropzone-content p{margin-bottom:var(--space-xs)}.dropzone-hint{font-size:var(--text-sm);color:var(--color-gray-600)}.dropzone-formats{font-size:var(--text-xs);color:var(--color-gray-600);margin-top:var(--space-sm)}.tool-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.tool-progress{margin-bottom:var(--space-xl)}.progress-bar{height:8px;background:var(--color-gray-800);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width 0.3s;width:0}.progress-text{font-size:var(--text-sm);color:var(--color-gray-400)}.tool-results{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-xl)}.tool-results h3{margin-bottom:var(--space-lg)}.results-summary{padding:var(--space-lg);background:rgba(0,212,170,0.1);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);color:var(--color-gray-200)}.savings-badge{display:inline-block;padding:2px 8px;background:var(--color-secondary);color:var(--color-dark);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm)}.results-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto;margin-bottom:var(--space-lg)}.result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:rgba(255,255,255,0.02);border-radius:var(--radius-md);flex-wrap:wrap}.result-name{flex:1;min-width:150px;font-size:var(--text-sm);color:var(--color-white);word-break:break-all}.result-size{font-size:var(--text-sm);color:var(--color-gray-400)}.result-savings{font-size:var(--text-sm);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.result-savings.positive{background:rgba(0,212,170,0.2);color:var(--color-secondary)}.result-savings.negative{background:rgba(245,101,101,0.2);color:#f56565}.result-info{font-size:var(--text-sm);color:var(--color-gray-400)}.result-download{padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast)}.result-download:hover{background:var(--color-primary-dark)}.results-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.tool-info-box{display:flex;gap:var(--space-xl);padding:var(--space-xl);background:rgba(0,212,170,0.05);border:1px solid rgba(0,212,170,0.2);border-radius:var(--radius-xl);align-items:flex-start}.tool-info-box-icon{width:48px;height:48px;background:var(--color-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-info-box-icon svg{width:24px;height:24px;color:var(--color-dark)}.tool-info-box-content h3{margin-bottom:var(--space-sm);color:var(--color-secondary)}.tool-info-box-content p{color:var(--color-gray-400)}@media (max-width:768px){.tool-card{padding:var(--space-lg)}.tool-header{flex-direction:column;gap:var(--space-md)}.tool-icon{width:56px;height:56px}.tool-info{flex-direction:column;gap:var(--space-sm)}.tool-dropzone{padding:var(--space-xl)}.result-item{flex-direction:column;align-items:flex-start}.tool-info-box{flex-direction:column;gap:var(--space-md)}}.service-hero--purple .service-hero-gradient--purple{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.1),transparent)}.service-badge--purple{background:rgba(0,102,255,0.1);border-color:rgba(0,102,255,0.3)}.text-gradient-purple{background:linear-gradient(135deg,#0066ff,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goal-icon--purple{background:linear-gradient(135deg,#0066ff,#00d4aa)}.info-card--purple{border-color:rgba(0,102,255,0.2)}.personal-card--purple{background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(0,212,170,0.1))}.personal-card-icon--purple{background:linear-gradient(135deg,#0066ff,#00d4aa)}.cta--purple{background:linear-gradient(135deg,#0066ff,#00d4aa)}.systems-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-3xl)}@media (min-width:768px){.systems-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.systems-grid{grid-template-columns:repeat(3,1fr)}}.system-card{position:relative;background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.system-card:hover{border-color:rgba(139,92,246,0.3);transform:translateY(-4px)}.system-card--featured{border-color:rgba(139,92,246,0.3);background:linear-gradient(135deg,rgba(139,92,246,0.05),rgba(168,85,247,0.02))}.system-card-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md) auto}.system-card-icon svg{width:28px;height:28px}.system-card-icon--blue{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(59,130,246,0.1));color:#3b82f6}.system-card-icon--purple{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));color:#8b5cf6}.system-card-icon--pink{background:linear-gradient(135deg,rgba(236,72,153,0.2),rgba(236,72,153,0.1));color:#ec4899}.system-card-icon--teal{background:linear-gradient(135deg,rgba(20,184,166,0.2),rgba(20,184,166,0.1));color:#14b8a6}.system-card-icon--orange{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1));color:#f59e0b}.system-card-icon--green{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:#10b981}.price-badge-icon--styled{width:64px;height:64px;background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:#10b981;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.price-badge-icon--styled svg{width:32px;height:32px}.system-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.system-card p{font-size:var(--text-sm);color:var(--color-gray-400);margin:0}.system-card-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-white)}.price-performance-section{display:grid;gap:var(--space-3xl);align-items:center}@media (min-width:768px){.price-performance-section{grid-template-columns:1fr auto}}.price-performance-content h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-lg)}.price-performance-content p{font-size:var(--text-lg);color:var(--color-gray-400);line-height:1.8;margin-bottom:var(--space-md)}.price-performance-content p strong{color:var(--color-white)}.price-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(168,85,247,0.1));border:2px solid rgba(139,92,246,0.3);border-radius:50%;text-align:center}.price-badge-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.price-badge-text{font-size:var(--text-sm);font-weight:600;color:var(--color-white);line-height:1.3}.benefits-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-3xl)}@media (min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.benefit-card:hover{border-color:rgba(139,92,246,0.2)}.benefit-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md) auto}.benefit-icon svg{width:24px;height:24px}.benefit-icon--blue{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(59,130,246,0.1));color:#3b82f6}.benefit-icon--green{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:#10b981}.benefit-icon--purple{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));color:#8b5cf6}.benefit-icon--teal{background:linear-gradient(135deg,rgba(20,184,166,0.2),rgba(20,184,166,0.1));color:#14b8a6}.benefit-icon--orange{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1));color:#f59e0b}.benefit-icon--yellow{background:linear-gradient(135deg,rgba(234,179,8,0.2),rgba(234,179,8,0.1));color:#eab308}.benefit-card h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.benefit-card p{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);z-index:999;box-shadow:0 4px 20px rgba(0,102,255,0.3);display:flex;align-items:center;justify-content:center}.scroll-to-top svg{width:24px;height:24px;flex-shrink:0}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,102,255,0.4)}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px;width:48px;height:48px}}.footer-hours{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,0.05)}.footer-hours h4{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm)}.footer-hours-status{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-sm)}.footer-hours-status--open{background:rgba(0,212,170,0.1);color:var(--color-secondary)}.footer-hours-status--closed{background:rgba(255,107,53,0.1);color:#ff6b35}.footer-hours-status .status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.footer-hours-status--open .status-dot{background:var(--color-secondary)}.footer-hours-status--closed .status-dot{background:#ff6b35}.footer-hours-list{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-gray-500)}.legal-page .container--narrow{max-width:900px}.legal-content{max-width:100%}.home-hero{position:relative;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);text-align:center;overflow:hidden;min-height:80vh;display:flex;align-items:center;contain:layout style}.home-hero-bg{position:absolute;inset:0;z-index:-1}.home-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.2),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.15),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(139,92,246,0.1),transparent)}.home-hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%)}.home-hero-content{max-width:900px;margin:0 auto;contain:content}.home-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin:var(--space-xl) 0 var(--space-md);min-height:2.2em}.home-hero-subtitle{font-size:var(--text-xl);color:var(--color-gray-300);margin-bottom:var(--space-xl);min-height:1.5em}.home-hero-desc{font-size:var(--text-lg);color:var(--color-gray-400);line-height:1.8;margin-bottom:var(--space-md)}.home-hero-desc strong{color:var(--color-white)}.home-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-2xl);min-height:52px}.home-services-grid{display:grid;gap:var(--space-xl);margin-top:var(--space-3xl)}@media (min-width:768px){.home-services-grid{grid-template-columns:repeat(2,1fr)}}.home-service-card{background:var(--color-dark);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--transition-base)}.home-service-card:hover{border-color:rgba(255,255,255,0.1);transform:translateY(-4px)}.home-service-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.home-service-icon svg{width:32px;height:32px;color:var(--color-white)}.home-service-icon--purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.home-service-icon--blue{background:linear-gradient(135deg,var(--color-primary),#4d94ff)}.home-service-icon--green{background:linear-gradient(135deg,var(--color-secondary),#38f9d7)}.home-service-icon--orange{background:linear-gradient(135deg,#ff6b35,#f7931e)}.home-service-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md)}.home-service-card > p{color:var(--color-gray-400);line-height:1.7;margin-bottom:var(--space-md)}.home-service-list{list-style:none;padding:0;margin:var(--space-lg) 0}.home-service-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-gray-300);font-size:var(--text-sm)}.home-service-list li::before{content:"→";position:absolute;left:0;color:var(--color-secondary);font-weight:600}.home-service-cta{color:var(--color-primary) !important;font-weight:500}.home-service-note{font-style:italic;color:var(--color-gray-500) !important;font-size:var(--text-sm) !important}.home-service-card .btn{margin-top:var(--space-lg)}.for-who-section{display:grid;gap:var(--space-3xl);align-items:center}@media (min-width:1024px){.for-who-section{grid-template-columns:1fr 1fr}}.for-who-content h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-lg)}.for-who-content p{font-size:var(--text-lg);color:var(--color-gray-400);line-height:1.8;margin-bottom:var(--space-md)}.for-who-content p strong{color:var(--color-white)}.customer-badges{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.customer-badge{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-dark);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-300);transition:all var(--transition-fast)}.customer-badge:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.3)}.customer-badge-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-badge-icon svg{width:20px;height:20px}.customer-badge-icon--blue{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(59,130,246,0.1));color:#3b82f6}.customer-badge-icon--purple{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));color:#8b5cf6}.customer-badge-icon--green{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:#10b981}.customer-badge-icon--orange{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1));color:#f59e0b}.customer-badge-icon--pink{background:linear-gradient(135deg,rgba(236,72,153,0.2),rgba(236,72,153,0.1));color:#ec4899}.customer-badge-icon--teal{background:linear-gradient(135deg,rgba(20,184,166,0.2),rgba(20,184,166,0.1));color:#14b8a6}.customer-badge-icon--yellow{background:linear-gradient(135deg,rgba(234,179,8,0.2),rgba(234,179,8,0.1));color:#eab308}.home-tagline{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.1);color:var(--color-white) !important;font-size:var(--text-xl) !important}.team-section{background:var(--color-dark-lighter)}.team-grid{display:grid;gap:var(--space-xl);margin-top:var(--space-3xl);justify-content:center}.team-grid--1{max-width:400px;margin-left:auto;margin-right:auto}.team-grid--2{grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto}.team-grid--3{grid-template-columns:repeat(3,1fr);max-width:1000px;margin-left:auto;margin-right:auto}@media (max-width:1024px){.team-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.team-grid--2,.team-grid--3{grid-template-columns:1fr;max-width:400px}}.team-card{background:var(--color-dark);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);overflow:hidden;text-align:center;transition:all var(--transition-base)}.team-card:hover{border-color:rgba(0,102,255,0.3);transform:translateY(-4px)}.team-card-image{width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(0,212,170,0.1))}.team-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.team-card:hover .team-card-image img{transform:scale(1.05)}.team-card-image--placeholder{display:flex;align-items:center;justify-content:center}.team-card-image--placeholder span{font-size:5rem;font-weight:700;color:var(--color-primary);opacity:0.5}.team-card-content{padding:var(--space-xl)}.team-card-name{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-xs)}.team-card-position{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;margin-bottom:var(--space-md)}.team-card-desc{font-size:var(--text-sm);color:var(--color-gray-400);line-height:1.6;margin:0}.chat-widget{position:fixed;bottom:100px;right:30px;z-index:998}.chat-widget-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);color:var(--color-white);font-weight:600;font-size:var(--text-sm);cursor:pointer;box-shadow:0 4px 20px rgba(0,102,255,0.3);transition:all var(--transition-base);-webkit-tap-highlight-color:rgba(0,102,255,0.3);touch-action:manipulation}.chat-widget-toggle svg{width:20px;height:20px;pointer-events:none}.chat-widget-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,102,255,0.4)}.chat-widget-toggle:active{transform:scale(0.95)}.chat-widget-menu{position:absolute;bottom:calc(100% + 10px);right:0;background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-sm);min-width:180px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;box-shadow:0 10px 40px rgba(0,0,0,0.3);pointer-events:none}.chat-widget.active .chat-widget-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.chat-widget-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-white);font-weight:500;font-size:var(--text-sm);transition:background 0.15s ease;-webkit-tap-highlight-color:rgba(255,255,255,0.1);touch-action:manipulation;min-height:48px}.chat-widget-link:hover,.chat-widget-link:active{background:rgba(255,255,255,0.1)}.chat-widget-link svg{width:20px;height:20px;flex-shrink:0;pointer-events:none}.chat-widget-link--signal svg{color:#3b76f2}.chat-widget-link--matrix svg{color:#0dbd8b}.chat-widget-link--whatsapp svg{color:#25d366}.chat-widget-link--telegram svg{color:#0088cc}.chat-widget-link--sms svg{color:#5c6bc0}@media (max-width:768px){.chat-widget{bottom:80px;right:20px}.chat-widget-toggle span{display:none}.chat-widget-toggle{width:56px;height:56px;padding:0;justify-content:center}.chat-widget-toggle svg{width:24px;height:24px}.chat-widget-menu{min-width:200px;right:0}.chat-widget-link{padding:var(--space-md) var(--space-lg)}}.page-section{padding-top:calc(var(--header-height) + var(--space-4xl));padding-bottom:var(--space-4xl);min-height:80vh}.container--narrow{max-width:800px}.container--legal{max-width:950px}.legal-page{background:var(--color-dark-lighter);border-radius:var(--radius-xl);padding:var(--space-3xl);border:1px solid rgba(255,255,255,0.05)}@media (max-width:768px){.legal-page{padding:var(--space-xl);border-radius:var(--radius-lg)}}.legal-header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,0.1);text-align:center}.legal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.legal-icon svg{width:32px;height:32px;color:var(--color-white)}.legal-title{font-size:var(--text-4xl);font-weight:700;color:var(--color-white);margin:0}.legal-subtitle{font-size:var(--text-lg);color:var(--color-gray-400);margin-top:var(--space-md)}.legal-content{color:var(--color-gray-300);font-size:var(--text-base);line-height:1.8}.legal-content h2{font-size:var(--text-2xl);font-weight:600;color:var(--color-white);margin-top:var(--space-3xl);margin-bottom:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.05)}.legal-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.legal-content h3{font-size:var(--text-xl);font-weight:600;color:var(--color-white);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.legal-content h4{font-size:var(--text-lg);font-weight:600;color:var(--color-white);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.legal-content p{margin-bottom:var(--space-lg)}.legal-content ul,.legal-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.legal-content li{margin-bottom:var(--space-sm);list-style:disc}.legal-content ol li{list-style:decimal}.legal-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.legal-content a:hover{color:var(--color-secondary)}.legal-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-xl);font-size:var(--text-sm)}.legal-content th,.legal-content td{padding:var(--space-md);text-align:left;border-bottom:1px solid rgba(255,255,255,0.1)}.legal-content th{background:rgba(255,255,255,0.02);color:var(--color-white);font-weight:600}.legal-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-xl) 0;color:var(--color-gray-400);font-style:italic}.legal-content address{background:rgba(0,102,255,0.05);border:1px solid rgba(0,102,255,0.1);border-left:4px solid var(--color-primary);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-xl) 0;font-style:normal;line-height:1.8}.legal-content hr{border:none;height:1px;background:rgba(255,255,255,0.1);margin:var(--space-3xl) 0}.legal-footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.1)}.legal-footer p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.legal-placeholder{text-align:center;padding:var(--space-3xl)}.legal-placeholder pre{text-align:left;white-space:pre-wrap;word-wrap:break-word}.service-hero{position:relative;min-height:80vh;display:flex;align-items:center;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);overflow:hidden}.service-hero-bg{position:absolute;inset:0;z-index:-1}.service-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,102,255,0.2),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,0.1),transparent)}.service-hero-gradient--green{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,170,0.2),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,102,255,0.1),transparent)}.service-hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%)}.service-hero-content{max-width:800px}.service-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(0,102,255,0.1);border:1px solid rgba(0,102,255,0.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);margin-bottom:var(--space-xl);min-height:38px;contain:layout style}.service-badge svg{width:18px;height:18px;flex-shrink:0}.service-badge--green{background:rgba(0,212,170,0.1);border-color:rgba(0,212,170,0.2);color:var(--color-secondary)}.service-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-xl);min-height:1.1em}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,var(--color-secondary),#38f9d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-hero-desc{font-size:var(--text-xl);color:var(--color-gray-400);margin-bottom:var(--space-xl);line-height:1.7}.service-hero-subdesc{font-size:var(--text-lg);color:var(--color-gray-500);margin-bottom:var(--space-2xl);line-height:1.7}.service-hero-subdesc strong{color:var(--color-white)}.service-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-2xl)}.section--highlight{background:linear-gradient(135deg,rgba(0,102,255,0.05),rgba(0,212,170,0.05));border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}.goal-statement{display:flex;align-items:center;gap:var(--space-xl);max-width:900px;margin:0 auto;text-align:left}@media (max-width:768px){.goal-statement{flex-direction:column;text-align:center}}.goal-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-xl)}.goal-icon svg{width:36px;height:36px;color:var(--color-white)}.goal-text{font-size:var(--text-xl);color:var(--color-gray-300);margin:0;line-height:1.6}.goal-text strong{color:var(--color-white)}.content-with-sidebar{display:grid;gap:var(--space-3xl);align-items:start}@media (min-width:1024px){.content-with-sidebar{grid-template-columns:1fr 400px}.content-with-sidebar--reverse{grid-template-columns:400px 1fr}.content-with-sidebar--reverse .content-main{order:2}.content-with-sidebar--reverse .content-sidebar{order:1}}.content-header{margin-bottom:var(--space-xl)}.content-header .section-eyebrow{display:block;margin-bottom:var(--space-sm)}.content-header h2{font-size:var(--text-3xl);font-weight:700;line-height:1.2}.content-intro{font-size:var(--text-lg);color:var(--color-gray-400);line-height:1.8}.info-card{background:var(--color-dark-lighter);border:1px solid rgba(0,102,255,0.2);border-radius:var(--radius-xl);padding:var(--space-xl)}.info-card--secondary{border-color:rgba(0,212,170,0.2)}.info-card h4{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-lg);color:var(--color-white)}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-gray-300);border-bottom:1px solid rgba(255,255,255,0.05)}.check-list li:last-child{border-bottom:none}.check-list svg{flex-shrink:0;width:18px;height:18px;color:var(--color-secondary);margin-top:2px}.info-card-note{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,0.05);font-size:var(--text-sm);color:var(--color-gray-500);font-style:italic}.personal-section{display:grid;gap:var(--space-3xl);align-items:center}@media (min-width:1024px){.personal-section{grid-template-columns:1fr 1fr}}.personal-content .section-eyebrow{display:block;margin-bottom:var(--space-sm)}.personal-content h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-xl)}.personal-content p{font-size:var(--text-lg);color:var(--color-gray-400);line-height:1.8;margin-bottom:var(--space-md)}.personal-content p strong{color:var(--color-white)}.region-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.region-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:rgba(0,102,255,0.1);border:1px solid rgba(0,102,255,0.2);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-gray-300)}.region-tag svg{width:14px;height:14px;color:var(--color-primary)}.personal-card{background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(0,212,170,0.1));border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.personal-card-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;margin-bottom:var(--space-lg)}.personal-card-icon svg{width:32px;height:32px;color:var(--color-white)}.personal-card h4{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-md)}.personal-card p{font-size:var(--text-base);color:var(--color-gray-400);line-height:1.7}.personal-card--green{background:linear-gradient(135deg,rgba(0,212,170,0.1),rgba(56,249,215,0.1))}.personal-card-icon--green{background:linear-gradient(135deg,var(--color-secondary),#38f9d7)}.problems-section{text-align:center}.problems-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2xl)}.problems-grid{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}@media (min-width:768px){.problems-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.problems-grid{grid-template-columns:repeat(4,1fr)}}.problem-card{background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.problem-card:hover{border-color:rgba(0,212,170,0.3);transform:translateY(-4px)}.problem-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-md)}.problem-card p{font-size:var(--text-base);color:var(--color-gray-300);margin:0}.problems-conclusion{font-size:var(--text-lg);color:var(--color-gray-400);max-width:800px;margin:0 auto}.simple-list{list-style:none;padding:0;margin:var(--space-xl) 0}.simple-list li{position:relative;padding-left:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--text-base);color:var(--color-gray-300)}.simple-list li::before{content:"→";position:absolute;left:0;color:var(--color-secondary);font-weight:600}.content-note{font-size:var(--text-base);color:var(--color-gray-400);margin-top:var(--space-xl);padding:var(--space-lg);background:rgba(0,212,170,0.05);border-left:4px solid var(--color-secondary);border-radius:var(--radius-md)}.content-note strong{color:var(--color-white)}.info-card-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.service-options-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-3xl)}@media (min-width:768px){.service-options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.service-options-grid{grid-template-columns:repeat(4,1fr)}}.service-option-card{background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.service-option-card:hover{border-color:rgba(0,102,255,0.3);transform:translateY(-4px)}.service-option-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md) auto;background:rgba(255,255,255,0.05)}.service-option-icon svg{width:28px;height:28px}.service-option-icon--blue{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(59,130,246,0.1));color:#3b82f6}.service-option-icon--purple{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));color:#8b5cf6}.service-option-icon--teal{background:linear-gradient(135deg,rgba(20,184,166,0.2),rgba(20,184,166,0.1));color:#14b8a6}.service-option-icon--orange{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1));color:#f59e0b}.service-option-icon--green{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:#10b981}.info-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.info-card-icon svg{width:24px;height:24px}.info-card-icon--green{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));color:#10b981}.info-card-icon--blue{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(59,130,246,0.1));color:#3b82f6}.service-option-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.service-option-card p{font-size:var(--text-sm);color:var(--color-gray-400);margin:0}.service-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-lg);background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-gray-300);text-align:center;flex-wrap:wrap}.service-notice-text{display:inline}.service-notice-label{display:inline}@media (max-width:480px){.service-notice{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);font-size:var(--text-sm)}.service-notice-label{display:block;margin-bottom:var(--space-xs)}}.service-notice strong{color:var(--color-white)}.footer-address{font-style:normal;display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.footer-address span{white-space:nowrap}.services-detailed-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-3xl)}@media (min-width:768px){.services-detailed-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.services-detailed-grid{grid-template-columns:repeat(3,1fr)}}.service-detailed-card{background:var(--color-dark);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.service-detailed-card:hover{border-color:rgba(0,212,170,0.3)}.service-detailed-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-secondary),#38f9d7);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.service-detailed-icon svg{width:24px;height:24px;color:var(--color-white)}.service-detailed-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.service-detailed-card p{font-size:var(--text-sm);color:var(--color-gray-400);line-height:1.6;margin-bottom:var(--space-sm)}.service-detailed-card p:last-child{margin-bottom:0}.service-detailed-card ul{list-style:none;padding:0;margin:var(--space-md) 0 0}.service-detailed-card ul li{font-size:var(--text-sm);color:var(--color-gray-400);padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative}.service-detailed-card ul li::before{content:"•";position:absolute;left:0;color:var(--color-secondary)}.service-highlight{color:var(--color-secondary) !important;font-weight:500}.service-content{max-width:900px;margin:0 auto}.service-content-inner{color:var(--color-gray-300);font-size:var(--text-lg);line-height:1.8}.service-content-inner h2{font-size:var(--text-3xl);font-weight:700;color:var(--color-white);margin-top:var(--space-4xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-primary)}.service-content-inner h2:first-child{margin-top:0}.service-content-inner h3{font-size:var(--text-2xl);font-weight:600;color:var(--color-white);margin-top:var(--space-3xl);margin-bottom:var(--space-lg)}.service-content-inner h4{font-size:var(--text-xl);font-weight:600;color:var(--color-white);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.service-content-inner p{margin-bottom:var(--space-lg)}.service-content-inner strong{color:var(--color-white);font-weight:600}.service-content-inner ul,.service-content-inner ol{margin-bottom:var(--space-xl);padding-left:var(--space-lg)}.service-content-inner li{margin-bottom:var(--space-sm);padding-left:var(--space-sm)}.service-content-inner ul li{list-style:none;position:relative}.service-content-inner ul li::before{content:"→";position:absolute;left:calc(-1 * var(--space-lg));color:var(--color-secondary);font-weight:600}.service-content-inner ol li{list-style:decimal}.service-content-inner a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.service-content-inner a:hover{color:var(--color-secondary)}.service-content-inner img{max-width:100%;height:auto;border-radius:var(--radius-xl);margin:var(--space-2xl) 0}.service-content-inner figure{margin:var(--space-2xl) 0}.service-content-inner figcaption{text-align:center;font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-sm)}.service-content-inner blockquote{background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(0,212,170,0.05));border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-2xl) 0;font-size:var(--text-xl);color:var(--color-white)}.service-content-inner blockquote p{margin:0}.service-content-inner hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:var(--space-4xl) 0}.service-content-inner table{width:100%;border-collapse:collapse;margin:var(--space-2xl) 0;font-size:var(--text-base)}.service-content-inner th,.service-content-inner td{padding:var(--space-md);text-align:left;border-bottom:1px solid rgba(255,255,255,0.1)}.service-content-inner th{background:rgba(0,102,255,0.1);color:var(--color-white);font-weight:600}.service-content-inner tr:hover td{background:rgba(255,255,255,0.02)}.service-content-inner .wp-block-columns{display:grid;gap:var(--space-xl);margin:var(--space-2xl) 0}@media (min-width:768px){.service-content-inner .wp-block-columns{grid-template-columns:repeat(2,1fr)}.service-content-inner .wp-block-columns.has-3-columns{grid-template-columns:repeat(3,1fr)}}.service-content-inner .wp-block-column{background:var(--color-dark-lighter);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.05)}.service-content-inner .wp-block-button__link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.service-content-inner .wp-block-button__link:hover{background:var(--color-secondary);transform:translateY(-2px)}.service-content-inner .wp-block-gallery{display:grid;gap:var(--space-md);margin:var(--space-2xl) 0}.service-content-inner .wp-block-gallery.columns-2{grid-template-columns:repeat(2,1fr)}.service-content-inner .wp-block-gallery.columns-3{grid-template-columns:repeat(3,1fr)}.emergency-notice{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-gray-300)}.emergency-dot{width:8px;height:8px;background:#ff6b35;border-radius:50%;animation:pulse 2s infinite}.service-features-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-3xl)}@media (min-width:768px){.service-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.service-features-grid{grid-template-columns:repeat(3,1fr)}}.service-feature-card{background:var(--color-dark);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.service-feature-card:hover{border-color:rgba(0,102,255,0.3);transform:translateY(-4px)}.service-feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.service-feature-icon svg{width:28px;height:28px;color:var(--color-white)}.service-feature-icon--green{background:linear-gradient(135deg,var(--color-secondary),#38f9d7)}.service-feature-card h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm)}.service-feature-card p{font-size:var(--text-sm);color:var(--color-gray-400);line-height:1.6}.service-feature-card--with-price{position:relative}.service-price{display:inline-block;margin-top:var(--space-md);padding:var(--space-xs) var(--space-sm);background:rgba(0,212,170,0.1);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-secondary)}.process-timeline{display:grid;gap:var(--space-xl);margin-top:var(--space-3xl);max-width:800px;margin-left:auto;margin-right:auto}.process-step{display:flex;gap:var(--space-xl);align-items:flex-start}.process-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;font-size:var(--text-xl);font-weight:700;color:var(--color-white)}.process-content h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-xs)}.process-content p{color:var(--color-gray-400);line-height:1.6}.benefits-grid{display:grid;gap:var(--space-lg);margin-top:var(--space-3xl)}@media (min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.benefits-grid{grid-template-columns:repeat(4,1fr)}}.benefit-card{text-align:center;padding:var(--space-xl);background:var(--color-dark-lighter);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.05)}.benefit-icon{font-size:3rem;margin-bottom:var(--space-md)}.benefit-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.benefit-card p{font-size:var(--text-sm);color:var(--color-gray-400)}.service-area{max-width:600px;margin:var(--space-3xl) auto 0;text-align:center}.service-area-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin:var(--space-xl) 0;list-style:none}.service-area-list li{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-dark);border-radius:var(--radius-md);font-size:var(--text-sm)}.service-area-list svg{width:16px;height:16px;color:var(--color-secondary)}.service-area-note{color:var(--color-gray-400);font-size:var(--text-sm)}.cta--green .cta-pattern{background:linear-gradient(135deg,rgba(0,212,170,0.2),transparent)}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.btn--outline{background:transparent;border:2px solid var(--color-white);color:var(--color-white)}.btn--outline:hover{background:var(--color-white);color:var(--color-dark)}.section-header{text-align:center;max-width:600px;margin:0 auto}.section-header .section-eyebrow{display:block;margin-bottom:var(--space-sm)}.section-header .section-title{margin-bottom:var(--space-md)}.section-header .section-description{color:var(--color-gray-400)}.section:not(.hero){content-visibility:auto;contain-intrinsic-size:0 500px}.btn:hover,.card:hover,.service-card:hover{will-change:transform}.hero-gradient,.service-hero-gradient{transform:translateZ(0);backface-visibility:hidden}img{content-visibility:auto}@media print{.site-header,.site-footer,.chat-widget,.scroll-to-top,.mobile-nav{display:none !important}body{background:white;color:black}a{text-decoration:underline}.container{max-width:100%}}.error-404-section{min-height:calc(100vh - var(--header-height));padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);display:flex;align-items:center}@media (max-width:480px){.error-404-section{padding:calc(var(--header-height) + var(--space-xl)) var(--space-sm) var(--space-xl)}}.error-404-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}@media (max-width:968px){.error-404-wrapper{grid-template-columns:1fr;gap:var(--space-2xl)}}@media (max-width:480px){.error-404-wrapper{gap:var(--space-xl)}}.error-404-content{text-align:center}@media (min-width:969px){.error-404-content{text-align:left}}.error-404-code{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}@media (max-width:480px){.error-404-code{gap:var(--space-sm);margin-bottom:var(--space-lg)}}@media (min-width:969px){.error-404-code{justify-content:flex-start}}.error-404-code .error-4{font-size:clamp(3rem,12vw,8rem);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.error-404-code .error-0{width:clamp(50px,14vw,100px);height:clamp(50px,14vw,100px);color:var(--color-gray-400)}.error-404-code .error-0 svg{width:100%;height:100%;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.error-404-code .error-0 svg{animation:none}}.error-404-title{font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));margin-bottom:var(--space-md)}.error-404-description{font-size:var(--text-base);color:var(--color-gray-400);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}@media (max-width:480px){.error-404-description{font-size:var(--text-sm);margin-bottom:var(--space-lg)}}@media (min-width:969px){.error-404-description{margin-left:0;margin-right:auto;font-size:var(--text-lg)}}.error-404-links{margin-bottom:var(--space-xl)}@media (max-width:480px){.error-404-links{margin-bottom:var(--space-lg)}}.error-404-links h2{font-size:var(--text-sm);color:var(--color-gray-400);font-weight:500;margin-bottom:var(--space-md)}.error-404-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media (max-width:380px){.error-404-links-grid{grid-template-columns:1fr}}.error-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-lg);transition:all var(--transition-fast);color:var(--color-gray-400);font-size:var(--text-sm)}@media (max-width:480px){.error-link{padding:var(--space-sm) var(--space-md)}}.error-link:hover,.error-link:focus{background:rgba(0,102,255,0.1);border-color:var(--color-primary);color:var(--color-white)}.error-link svg{width:16px;height:16px;flex-shrink:0}.error-404-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}@media (max-width:480px){.error-404-buttons{flex-direction:column;gap:var(--space-sm)}.error-404-buttons .btn{width:100%;justify-content:center}}@media (min-width:969px){.error-404-buttons{justify-content:flex-start}}.error-404-report{position:sticky;top:calc(var(--header-height) + var(--space-lg))}@media (max-width:968px){.error-404-report{position:static}}.report-card{background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-xl)}@media (max-width:480px){.report-card{padding:var(--space-lg);border-radius:var(--radius-lg)}}.report-header{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,0.05)}.report-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-icon svg{width:24px;height:24px;color:white}.report-header h2{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.report-header p{font-size:var(--text-sm);color:var(--color-gray-400)}.report-info{background:rgba(0,102,255,0.05);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.report-info-item{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.report-info-item:last-child{margin-bottom:0}.report-info-label{font-size:var(--text-xs);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:0.05em}.report-info-value{font-size:var(--text-sm);color:var(--color-primary);background:rgba(0,102,255,0.1);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);word-break:break-all}.report-form .form-group{margin-bottom:var(--space-md)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-gray-400)}.checkbox-label input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary)}.report-message{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm)}.report-message--success{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);color:var(--color-secondary)}.report-message--error{background:rgba(245,101,101,0.1);border:1px solid rgba(245,101,101,0.3);color:#f56565}.report-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,0.05)}.report-footer p{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-gray-600)}.report-footer svg{width:14px;height:14px;color:var(--color-secondary)}.error-404-search{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,0.05);text-align:center}.error-404-search h2{font-size:var(--text-lg);color:var(--color-gray-400);font-weight:500;margin-bottom:var(--space-lg)}.search-form{display:flex;gap:var(--space-md);max-width:500px;margin:0 auto}.search-input{flex:1;padding:var(--space-md) var(--space-lg);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-white);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-gray-600)}.reading-time{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-gray-400);padding:var(--space-xs) var(--space-md);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-full)}.reading-time svg{width:14px;height:14px}.reading-time--hero{margin-top:var(--space-md)}.service-hero .reading-time{margin-top:var(--space-lg)}.faq-section{background:var(--color-dark-lighter)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--color-dark);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:rgba(255,255,255,0.1)}.faq-item.active{border-color:rgba(0,102,255,0.3)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:none;border:none;text-align:left;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.faq-question:hover{color:var(--color-primary)}.faq-question span:first-child{flex:1}.faq-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.faq-icon svg{width:20px;height:20px;color:var(--color-gray-400)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-item.active .faq-icon svg{color:var(--color-primary)}.faq-answer{padding:0 var(--space-xl) var(--space-lg);color:var(--color-gray-400);line-height:1.7}.faq-answer[hidden]{display:none}.faq-answer p{margin-bottom:var(--space-md)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul,.faq-answer ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.faq-answer li{margin-bottom:var(--space-sm)}.faq-answer a{color:var(--color-primary);text-decoration:underline}.faq-answer a:hover{color:var(--color-secondary)}.faq-answer{overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out}@media (max-width:768px){.faq-question{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.faq-answer{padding:0 var(--space-lg) var(--space-md);font-size:var(--text-sm)}}.faq-filter{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.faq-filter-label{font-weight:500;color:var(--color-gray-400)}.faq-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.faq-filter-btn{padding:var(--space-sm) var(--space-md);background:var(--color-dark);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-400);text-decoration:none;transition:all var(--transition-fast)}.faq-filter-btn:hover{border-color:rgba(255,255,255,0.2);color:var(--color-white)}.faq-filter-btn--active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:transparent;color:var(--color-white)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-xl);display:flex;align-items:center;justify-content:center;background:rgba(0,102,255,0.1);border-radius:var(--radius-full)}.empty-state-icon svg{width:40px;height:40px;color:var(--color-primary)}.empty-state h2{font-size:var(--text-2xl);margin-bottom:var(--space-md)}.empty-state p{color:var(--color-gray-400);margin-bottom:var(--space-xl)}.page-hero--compact{padding:var(--space-4xl) 0 var(--space-2xl)}.page-hero--compact .page-hero-title{font-size:var(--text-4xl)}@media (max-width:768px){.page-hero--compact .page-hero-title{font-size:var(--text-3xl)}.faq-filter{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.password-output{flex-direction:column;gap:var(--space-sm)}.password-output input{width:100%;font-size:var(--text-base);padding:var(--space-sm) var(--space-md);overflow:hidden;text-overflow:ellipsis}.password-output .btn--icon{width:100%;height:44px}.password-length input[type="range"]{width:100%}.password-checkboxes{grid-template-columns:1fr}.tool-card{padding:var(--space-md)}.tool-header{flex-direction:column;text-align:center;gap:var(--space-md)}.tool-header-content h2{font-size:var(--text-xl)}.tool-info{flex-direction:column;gap:var(--space-sm)}.tool-info-item{font-size:var(--text-xs)}.tool-nav-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tool-nav-wrapper::-webkit-scrollbar{display:none}.tool-nav{flex-wrap:nowrap;min-width:max-content;padding-bottom:var(--space-sm)}.tool-nav-link{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);white-space:nowrap}.pdf-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-xs)}.pdf-tabs::-webkit-scrollbar{display:none}.pdf-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.qr-input-section{padding:var(--space-md)}.qr-options{flex-direction:column;align-items:flex-start}.qr-vcard-row{grid-template-columns:1fr}.hash-results{gap:var(--space-sm)}.hash-result-item code{font-size:10px;word-break:break-all}.favicon-preview-grid{grid-template-columns:repeat(2,1fr)}.zip-mode-toggle{flex-direction:column}.zip-mode-btn{width:100%}.tool-dropzone{padding:var(--space-lg) var(--space-md);min-height:150px}.tool-dropzone .dropzone-content svg{width:40px;height:40px}.tool-actions{flex-direction:column}.tool-actions .btn{width:100%}.result-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.result-item .result-download{width:100%}}.section--compact{padding:var(--space-lg) 0}.breadcrumbs{padding:var(--space-md) 0;margin-bottom:var(--space-lg)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--text-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-gray-400);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-home svg{width:16px;height:16px}.breadcrumb-separator{width:16px;height:16px;color:var(--color-gray-600)}.breadcrumb-current{color:var(--color-white);font-weight:500}@media (max-width:640px){.breadcrumb-home span{display:none}}.related-pages{padding:var(--space-3xl) 0;margin-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,0.05)}.related-pages-title{font-size:var(--text-xl);margin-bottom:var(--space-xl);text-align:center}.related-pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.related-page-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-dark-lighter);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.related-page-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,102,255,0.15)}.related-page-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,102,255,0.1);border-radius:var(--radius-md);flex-shrink:0}.related-page-icon svg{width:24px;height:24px;color:var(--color-primary)}.related-page-content{flex:1}.related-page-content h4{font-size:var(--text-base);margin-bottom:var(--space-xs)}.related-page-content p{font-size:var(--text-sm);color:var(--color-gray-400);margin:0}.related-page-arrow{width:20px;height:20px;color:var(--color-gray-600);transition:all var(--transition-fast);flex-shrink:0}.related-page-card:hover .related-page-arrow{color:var(--color-primary);transform:translateX(4px)}@media (max-width:640px){.related-pages-grid{grid-template-columns:1fr}}a,button,input,select,textarea,[role="button"],[tabindex="0"]{touch-action:manipulation}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--space-sm) var(--space-md);z-index:10000;transition:top 0.3s}.skip-link:focus{top:0}.sr-only,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus,.screen-reader-text:focus{position:static;width:auto;height:auto;padding:var(--space-sm);margin:0;overflow:visible;clip:auto;white-space:normal}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}@media (prefers-contrast:high){:root{--color-gray-400:#ffffff;--color-gray-500:#ffffff;--color-gray-600:#ffffff}.btn--secondary{border-width:2px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (hover:none) and (pointer:coarse){a,button{-webkit-tap-highlight-color:rgba(0,102,255,0.2)}.nav-link,.footer-links a,.breadcrumb-link{min-height:48px;padding:var(--space-sm) var(--space-md)}}