*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}:root{--background:hsl(220,20%,98%);--foreground:hsl(220,25%,15%);--card:hsl(0,0%,100%);--card-foreground:hsl(220,25%,15%);--primary:hsl(220,70%,50%);--primary-foreground:hsl(0,0%,100%);--secondary:hsl(220,15%,95%);--secondary-foreground:hsl(220,40%,30%);--muted:hsl(220,15%,94%);--muted-foreground:hsl(220,15%,45%);--accent:hsl(230,50%,94%);--accent-foreground:hsl(230,50%,30%);--destructive:hsl(0,72%,51%);--border:hsl(220,15%,90%);--input:hsl(220,15%,90%);--ring:hsl(220,70%,50%);--radius:0.75rem;--cream:hsl(220,20%,98%);--cream-dark:hsl(220,18%,95%);--sand:hsl(220,12%,88%);--success:hsl(142,76%,36%);--warning:hsl(38,92%,50%);--info:hsl(199,89%,48%);--gradient-hero:linear-gradient(135deg,hsl(220,70%,50%) 0%,hsl(230,60%,55%) 100%);--gradient-hero-subtle:linear-gradient(135deg,hsl(220,30%,96%) 0%,hsl(230,40%,94%) 100%);--gradient-card:linear-gradient(180deg,hsl(0,0%,100%) 0%,hsl(220,20%,98%) 100%);--gradient-glow:radial-gradient(ellipse at center,hsla(220,70%,50%,0.12) 0%,transparent 70%);--gradient-section:linear-gradient(180deg,hsl(220,20%,98%) 0%,hsl(220,18%,95%) 100%);--gradient-footer:linear-gradient(180deg,hsl(220,20%,98%) 0%,hsl(220,15%,94%) 100%);--shadow-sm:0 1px 2px 0 hsla(220,25%,15%,0.03);--shadow-md:0 4px 6px -1px hsla(220,25%,15%,0.05),0 2px 4px -2px hsla(220,25%,15%,0.05);--shadow-lg:0 10px 15px -3px hsla(220,25%,15%,0.06),0 4px 6px -4px hsla(220,25%,15%,0.06);--shadow-xl:0 20px 25px -5px hsla(220,25%,15%,0.08),0 8px 10px -6px hsla(220,25%,15%,0.08);--shadow-glow:0 0 40px hsla(220,70%,50%,0.15);--shadow-card:0 4px 20px hsla(220,25%,15%,0.06);--shadow-card-hover:0 8px 30px hsla(220,70%,50%,0.12);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);}html{scroll-behavior:smooth;}body{font-family:'Inter',system-ui,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;}h1,h2,h3,h4,h5,h6{font-family:'Outfit',system-ui,sans-serif;font-weight:600;letter-spacing:-0.02em;line-height:1.2;}a{color:inherit;text-decoration:none;}img{max-width:100%;height:auto;display:block;}button{font-family:inherit;cursor:pointer;border:none;background:none;}input,textarea{font-family:inherit;}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;}.main-content{flex:1;}.header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid hsla(220,15%,90%,0.4);background-color:hsl(220,20%,98%);}.header-nav{display:flex;height:64px;align-items:center;justify-content:space-between;}.logo{display:flex;align-items:center;gap:0.625rem;transition:transform var(--transition-base);}.logo:hover{transform:scale(1.05);}.logo img{height:36px;width:36px;}.nav-desktop{display:none;align-items:center;gap:0.25rem;}.nav-link{position:relative;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;color:var(--muted-foreground);border-radius:0.5rem;transition:color var(--transition-base);}.nav-link:hover{color:var(--foreground);}.nav-link.active{color:var(--primary);background-color:hsla(220,70%,50%,0.05);}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width var(--transition-base);}.nav-link:hover::after{width:100%;}.cta-desktop{display:none;}.mobile-menu-toggle{display:flex;padding:0.5rem;border-radius:0.5rem;color:var(--foreground);transition:background-color var(--transition-base);}.mobile-menu-toggle:hover{background-color:var(--muted);}.mobile-menu-toggle svg{width:24px;height:24px;}.mobile-menu{display:none;border-top:1px solid hsla(220,15%,90%,0.4);background-color:var(--background);animation:fadeIn 0.3s ease-out;}.mobile-menu.open{display:block;}.mobile-menu-inner{padding:1rem 0;}.mobile-nav-link{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;font-size:0.875rem;font-weight:500;color:var(--muted-foreground);border-radius:0.5rem;transition:all var(--transition-base);}.mobile-nav-link:hover{background-color:var(--muted);color:var(--foreground);}.mobile-nav-link.active{background-color:hsla(220,70%,50%,0.1);color:var(--primary);}.mobile-nav-link svg{width:18px;height:18px;}.mobile-cta{padding:0.5rem 1rem 0;margin-top:0.5rem;}@media (min-width:768px){.nav-desktop{display:flex;}.cta-desktop{display:block;}.mobile-menu-toggle{display:none;}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:0.875rem;font-weight:500;border-radius:var(--radius);transition:all var(--transition-base);white-space:nowrap;}.btn svg{width:1.25rem;height:1.25rem;}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 14px hsla(220,70%,50%,0.3);}.btn-primary:hover{box-shadow:0 6px 20px hsla(220,70%,50%,0.4);transform:translateY(-1px);}.btn-primary:active{transform:translateY(0);}.btn-glow{background:var(--gradient-hero);color:var(--primary-foreground);box-shadow:0 4px 14px hsla(220,70%,50%,0.3);}.btn-glow:hover{box-shadow:0 6px 20px hsla(220,70%,50%,0.4);transform:translateY(-1px);}.btn-glow:disabled{opacity:0.5;cursor:not-allowed;transform:none;}.btn-outline{background-color:transparent;color:var(--foreground);border:1px solid var(--border);}.btn-outline:hover{background-color:var(--muted);}.btn-hero-outline{background-color:transparent;color:var(--foreground);border:1px solid var(--border);}.btn-hero-outline:hover{background-color:var(--muted);border-color:var(--muted-foreground);}.btn-lg{padding:1rem 2rem;font-size:1rem;}.btn-xl{padding:1rem 2rem;font-size:1rem;}.btn-full{width:100%;}.hero{background:var(--gradient-hero-subtle);position:relative;overflow:hidden;padding:2.5rem 0;}.hero::before{content:'';position:absolute;inset:0;background:var(--gradient-glow);pointer-events:none;}.hero-content{max-width:48rem;margin:0 auto;text-align:center;position:relative;z-index:1;}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;background-color:hsla(220,70%,50%,0.1);color:var(--primary);font-size:0.875rem;font-weight:500;margin-bottom:1rem;animation:fadeUp 0.6s ease-out forwards;}.hero-badge svg{width:1rem;height:1rem;}.hero h1{font-size:2.25rem;font-weight:700;margin-bottom:1rem;animation:fadeUp 0.6s ease-out 0.1s forwards;opacity:0;text-wrap:balance;}.hero .gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero p{font-size:1rem;color:var(--muted-foreground);max-width:42rem;margin:0 auto 1.5rem;animation:fadeUp 0.6s ease-out 0.2s forwards;opacity:0;text-wrap:pretty;}.hero-buttons{display:flex;flex-direction:column;gap:0.75rem;justify-content:center;animation:fadeUp 0.6s ease-out 0.3s forwards;opacity:0;}@media (min-width:640px){.hero-buttons{flex-direction:row;gap:1rem;}}@media (min-width:768px){.hero{padding:6rem 0 8rem;}.hero-badge{margin-bottom:1.5rem;}.hero h1{font-size:3rem;margin-bottom:1.5rem;}.hero p{font-size:1.25rem;margin-bottom:2rem;}}@media (min-width:1024px){.hero h1{font-size:4rem;}}.section{padding:2.5rem 0;}.section-pattern{background-image:radial-gradient(circle at 25px 25px,hsla(220,70%,50%,0.03) 2px,transparent 0),radial-gradient(circle at 75px 75px,hsla(220,70%,50%,0.02) 2px,transparent 0);background-size:100px 100px;}.section-muted{background-color:hsla(220,15%,94%,0.3);}.section-header{text-align:center;margin-bottom:2rem;}.section-header h2{font-size:2.25rem;font-weight:700;margin-bottom:0.75rem;}.section-header p{color:var(--muted-foreground);max-width:42rem;margin:0 auto;}.section-icon{display:flex;align-items:center;justify-content:center;width:fit-content;padding:0.75rem;border-radius:0.75rem;background-color:hsla(220,70%,50%,0.1);margin:0 auto 0.75rem;}.section-icon svg{width:1.5rem;height:1.5rem;color:var(--primary);}@media (min-width:768px){.section{padding:6rem 0;}.section-header{margin-bottom:3rem;}.section-header h2{margin-bottom:1rem;}.section-icon{margin-bottom:1rem;}}.card{background-color:var(--card);border-radius:0.75rem;border:1px solid hsla(220,15%,90%,0.5);box-shadow:var(--shadow-card);transition:all var(--transition-base);}.card-elevated{background-color:var(--card);border-radius:0.75rem;border:1px solid hsla(220,15%,90%,0.5);box-shadow:var(--shadow-card);transition:all var(--transition-base);}.card-elevated:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);}.card-link{display:block;text-decoration:none;color:inherit;}.card-icon{width:fit-content;padding:0.75rem;border-radius:0.75rem;background-color:hsla(220,70%,50%,0.1);margin-bottom:0.75rem;transition:background-color var(--transition-base);}.card-elevated:hover .card-icon{background-color:hsla(220,70%,50%,0.2);}.card-icon svg{width:2rem;height:2rem;color:var(--primary);}.card-body{padding:1.25rem;}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;}.card-text{font-size:0.875rem;color:var(--muted-foreground);margin-bottom:0.75rem;}.card-cta{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.875rem;font-weight:500;color:var(--primary);transition:gap var(--transition-base);}.card-elevated:hover .card-cta{gap:0.5rem;}.card-cta svg{width:1rem;height:1rem;}@media (min-width:768px){.card-body{padding:1.5rem;}.card-icon{margin-bottom:1rem;}.card-text{margin-bottom:1rem;}}.grid{display:grid;gap:1rem;}.grid-2{grid-template-columns:1fr;}.grid-3{grid-template-columns:1fr;}@media (min-width:768px){.grid{gap:1.5rem;}.grid-2{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr);}}.calculator-preview{max-width:56rem;margin:0 auto;}.blog-card{overflow:hidden;}.blog-card-image{aspect-ratio:16/9;background-color:var(--muted);overflow:hidden;}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.blog-card:hover .blog-card-image img{transform:scale(1.05);}.blog-card-categories{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:0.5rem;}.blog-category{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:9999px;background-color:hsla(220,70%,50%,0.1);color:var(--primary);}.blog-card-title{font-size:1rem;font-weight:600;margin-bottom:0.375rem;transition:color var(--transition-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.blog-card:hover .blog-card-title{color:var(--primary);}.blog-card-excerpt{font-size:0.875rem;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;}.blog-card-date{display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:var(--muted-foreground);}.blog-card-date svg{width:0.75rem;height:0.75rem;}.trust-grid{max-width:56rem;margin:0 auto;}.trust-item{text-align:center;}.trust-icon{display:flex;align-items:center;justify-content:center;width:fit-content;padding:0.75rem;border-radius:0.75rem;background-color:hsla(220,70%,50%,0.1);margin:0 auto 0.75rem;}.trust-icon svg{width:1.5rem;height:1.5rem;color:var(--primary);}.trust-title{font-size:1rem;font-weight:600;margin-bottom:0.5rem;}.trust-text{font-size:0.875rem;color:var(--muted-foreground);}@media (min-width:768px){.trust-icon{margin-bottom:1rem;}}.footer{background:var(--gradient-footer);border-top:1px solid hsla(220,15%,90%,0.4);margin-top:auto;padding:1.5rem 0;}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}.footer-brand p{font-size:0.875rem;color:var(--muted-foreground);line-height:1.6;}.footer-section h3{font-size:1rem;font-weight:600;margin-bottom:0.375rem;}.footer-links{list-style:none;}.footer-links li{margin-bottom:0.25rem;}.footer-links a{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.875rem;color:var(--muted-foreground);transition:color var(--transition-base);line-height:1.4;}.footer-links a:hover{color:var(--primary);}.footer-links svg{width:0.75rem;height:0.75rem;}.footer-bottom{margin-top:1.25rem;padding-top:1rem;border-top:1px solid hsla(220,15%,90%,0.4);}.footer-bottom-mobile{display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center;}.footer-bottom-desktop{display:none;}.footer-email{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.875rem;color:var(--muted-foreground);transition:color var(--transition-base);}.footer-email:hover{color:var(--primary);}.footer-made-with{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:var(--muted-foreground);}.footer-made-with svg{width:0.75rem;height:0.75rem;color:#ef4444;fill:#ef4444;}.footer-copyright{font-size:0.875rem;color:var(--muted-foreground);}.footer-copyright a{transition:color var(--transition-base);}.footer-copyright a:hover{color:var(--primary);}@media (min-width:640px){.footer-bottom-mobile{display:none;}.footer-bottom-desktop{display:flex;justify-content:space-between;align-items:center;}}@media (min-width:768px){.footer{padding:2rem 0;}.footer-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;}}@media (min-width:1024px){.footer-brand{grid-column:span 1;}}.calculator-page{padding:2.5rem 0 3.5rem;}.calculator-header{max-width:42rem;margin:0 auto 1.5rem;text-align:center;}.calculator-header h1{font-size:2.25rem;font-weight:700;margin-bottom:0.5rem;}.calculator-header p{color:var(--muted-foreground);}.calculator-tabs{max-width:42rem;margin:0 auto 1.5rem;}.tabs-container{display:flex;gap:0.5rem;padding:0.25rem;background-color:var(--muted);border-radius:0.5rem;}.tab-btn{flex:1;padding:0.75rem 1rem;font-size:0.875rem;font-weight:500;color:var(--muted-foreground);background:transparent;border-radius:0.375rem;transition:all var(--transition-base);}.tab-btn:hover{color:var(--foreground);}.tab-btn.active{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);}.calculator-container{max-width:42rem;margin:0 auto;}.calculator-card{background-color:var(--card);border-radius:1rem;border:1px solid hsla(220,15%,90%,0.5);box-shadow:var(--shadow-lg);overflow:hidden;}.calculator-card-header{background:var(--gradient-hero-subtle);padding:1.25rem 1.5rem;border-bottom:1px solid hsla(220,70%,50%,0.1);}.calculator-card-header-inner{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;}.calculator-card-icon{padding:0.625rem;border-radius:0.75rem;background-color:hsla(220,70%,50%,0.1);}.calculator-card-icon svg{width:1.5rem;height:1.5rem;color:var(--primary);}.calculator-card-header h2{font-size:1.5rem;font-weight:700;}.calculator-card-header p{color:var(--muted-foreground);}.calculator-card-body{padding:1.5rem;}@media (min-width:768px){.calculator-page{padding:2.5rem 0;}.calculator-header h1{font-size:2.75rem;}.calculator-card-header{padding:1.5rem 2rem;}.calculator-card-body{padding:1.5rem 2rem;}}.form-group{margin-bottom:2rem;}.form-label{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;color:var(--foreground);margin-bottom:0.75rem;}.form-label svg{width:1rem;height:1rem;color:var(--primary);}.form-input{width:100%;padding:0.75rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:0.5rem;background-color:var(--background);color:var(--foreground);transition:all var(--transition-base);}.form-input::placeholder{color:var(--muted-foreground);}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px hsla(220,70%,50%,0.1);}.form-input.error{border-color:var(--destructive);}.form-error{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:var(--destructive);margin-top:0.5rem;}.form-error svg{width:0.75rem;height:0.75rem;}.form-hint{font-size:0.75rem;color:var(--muted-foreground);margin-top:0.75rem;}.form-textarea{width:100%;padding:0.75rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:0.5rem;background-color:var(--background);color:var(--foreground);resize:none;transition:all var(--transition-base);}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px hsla(220,70%,50%,0.1);}.toggle-group{display:flex;gap:0.75rem;}.toggle-btn{flex:1;padding:0.75rem 1rem;font-size:0.875rem;font-weight:500;color:var(--muted-foreground);background-color:var(--background);border:2px solid var(--border);border-radius:0.5rem;transition:all var(--transition-base);}.toggle-btn:hover{border-color:hsla(220,70%,50%,0.5);}.toggle-btn.active{color:var(--primary);background-color:hsla(220,70%,50%,0.1);border-color:var(--primary);}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;}.option-btn{padding:0.75rem 1rem;text-align:left;background-color:var(--background);border:2px solid var(--border);border-radius:0.5rem;transition:all var(--transition-base);}.option-btn:hover{border-color:hsla(220,70%,50%,0.5);}.option-btn.active{background-color:hsla(220,70%,50%,0.1);border-color:var(--primary);}.option-label{display:block;font-size:0.875rem;font-weight:500;color:var(--foreground);}.option-btn.active .option-label{color:var(--primary);}.option-desc{display:block;font-size:0.75rem;color:var(--muted-foreground);margin-top:0.125rem;}.results{animation:fadeUp 0.6s ease-out forwards;}.results.hidden{display:none !important;}.result-section{background:var(--gradient-hero-subtle);border-radius:0.75rem;padding:1rem;border:1px solid hsla(220,70%,50%,0.1);margin-bottom:0.75rem;}.result-section h3{font-size:1rem;font-weight:700;margin-bottom:0.75rem;color:var(--foreground);}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;margin-bottom:0.75rem;}@media (max-width:380px){.dashboard-grid{grid-template-columns:1fr;}}@media (min-width:640px){.dashboard-grid.grid-3{grid-template-columns:repeat(3,1fr);}}.dashboard-item{text-align:center;padding:0.5rem;background-color:var(--card);border-radius:0.5rem;border:1px solid hsla(220,15%,90%,0.5);min-width:0;}.dashboard-value{font-family:'Outfit',system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1.1;word-break:break-word;}@media (max-width:480px){.dashboard-value{font-size:1.25rem;}}.dashboard-label{font-size:0.75rem;color:var(--muted-foreground);margin-top:0.125rem;}.impact-row{display:grid;grid-template-columns:1fr;gap:0.5rem;margin-bottom:0.75rem;}@media (min-width:640px){.impact-row{grid-template-columns:repeat(2,1fr);}}.impact-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0.75rem;background-color:var(--card);border-radius:0.5rem;border:1px solid hsla(220,15%,90%,0.5);min-height:2.5rem;}.impact-label{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:500;min-width:fit-content;}.impact-label svg{width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0;}.impact-badge{padding:0.125rem 0.5rem;font-size:0.6875rem;font-weight:600;border-radius:9999px;white-space:normal;text-align:center;max-width:100%;}.impact-badge.low{background-color:hsl(142,76%,92%);color:hsl(142,76%,25%);}.impact-badge.moderate{background-color:hsl(48,96%,89%);color:hsl(38,92%,35%);}.impact-badge.high{background-color:hsl(0,84%,92%);color:hsl(0,84%,35%);}.takeaway-grid{display:grid;grid-template-columns:1fr;gap:0.5rem;}@media (min-width:640px){.takeaway-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:768px){.takeaway-grid.grid-3{grid-template-columns:repeat(3,1fr);}.takeaway-grid.grid-4{grid-template-columns:repeat(4,1fr);}}.takeaway-item{padding:0.625rem;background-color:var(--card);border-radius:0.5rem;border:1px solid hsla(220,15%,90%,0.5);display:flex;flex-direction:column;gap:0.125rem;}.takeaway-header{font-size:0.6875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.025em;}.takeaway-content{font-size:0.8125rem;color:var(--foreground);line-height:1.3;}.takeaway-value{font-size:1.125rem;font-weight:700;color:var(--foreground);}.takeaway-label{font-size:0.6875rem;color:var(--muted-foreground);}.progress-bar{height:0.75rem;background-color:var(--muted);border-radius:9999px;overflow:hidden;margin:0.5rem 0;}.progress-fill{height:100%;background:linear-gradient(to right,var(--primary),hsla(220,70%,50%,0.7));transition:width 1s ease-out;}.result-actions{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.75rem;}@media (min-width:640px){.result-actions{flex-direction:row;}.result-actions .btn{flex:1;}}.result-footer-note{font-size:0.75rem;color:var(--muted-foreground);text-align:center;margin-top:0.75rem;padding:0 1rem;}.disclaimer-small{font-size:0.6875rem;color:var(--muted-foreground);text-align:center;margin-top:0.5rem;}.blog-page{padding:2.5rem 0 3.5rem;}.blog-header{max-width:42rem;margin:0 auto 2rem;text-align:center;}.blog-header h1{font-size:2.25rem;font-weight:700;margin-bottom:0.5rem;}.blog-header p{color:var(--muted-foreground);}.blog-search{max-width:28rem;margin:0 auto 2rem;}.search-container{position:relative;}.search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--muted-foreground);}.search-input{width:100%;padding:0.75rem 1rem 0.75rem 2.5rem;font-size:1rem;border:1px solid var(--border);border-radius:0.5rem;background-color:var(--background);color:var(--foreground);transition:all var(--transition-base);}.search-input::placeholder{color:var(--muted-foreground);}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px hsla(220,70%,50%,0.1);}.pagination{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:3rem;flex-wrap:wrap;}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;border-radius:0.375rem;border:1px solid var(--border);background-color:var(--background);color:var(--foreground);font-weight:500;cursor:pointer;transition:all var(--transition-base);}.pagination-btn:hover:not(.disabled){background-color:var(--muted);border-color:var(--muted-foreground);}.pagination-btn.active{background-color:var(--primary);color:white;border-color:var(--primary);}.pagination-btn.disabled{opacity:0.5;cursor:not-allowed;}.blog-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-bottom:2rem;}.category-btn{padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;color:var(--muted-foreground);background-color:var(--muted);border-radius:9999px;transition:all var(--transition-base);}.category-btn:hover{background-color:hsla(220,15%,94%,0.8);}.category-btn.active{background-color:var(--primary);color:var(--primary-foreground);}.no-results{text-align:center;color:var(--muted-foreground);padding:3rem 0;}@media (min-width:768px){.blog-page{padding:3.5rem 0;}.blog-header h1{font-size:3rem;}}.blog-post-page{padding:3rem 0 4rem;}.blog-post-container{max-width:48rem;margin:0 auto;}.back-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--muted-foreground);margin-bottom:2rem;transition:color var(--transition-base);}.back-link:hover{color:var(--primary);}.blog-post-header{margin-bottom:2.5rem;}.blog-post-categories{display:flex;gap:0.5rem;margin-bottom:1rem;}.blog-post-category{font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:9999px;background-color:var(--primary);color:var(--primary-foreground);}.blog-post-header h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;}.blog-post-meta{display:flex;align-items:center;gap:1.5rem;color:var(--muted-foreground);font-size:0.9rem;}.blog-post-image{width:100%;max-width:52rem;margin:0 auto 3rem;aspect-ratio:16/9;background-color:var(--muted);border-radius:1rem;overflow:hidden;}.blog-post-image img{width:100%;height:100%;object-fit:cover;}.blog-content{font-size:1.125rem;line-height:1.8;color:var(--foreground);}.blog-content h2{font-size:1.75rem;font-weight:700;margin:2.5rem 0 1rem;}.blog-content p{margin-bottom:1.5rem;}.blog-content blockquote{border-left:4px solid var(--primary);padding-left:1.5rem;font-style:italic;margin:2rem 0;color:var(--muted-foreground);}.blog-content code{background:var(--muted);padding:0.2rem 0.4rem;border-radius:0.25rem;font-family:monospace;}.breadcrumb{max-width:52rem;margin:1.5rem auto 2rem;}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem;list-style:none;padding:0;margin:0;}.breadcrumb-item{font-size:0.813rem;}.breadcrumb-item a{color:var(--muted-foreground);transition:color var(--transition-base);}.breadcrumb-item a:hover{color:var(--primary);}.breadcrumb-item.active{color:var(--foreground);font-weight:500;max-width:20rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.breadcrumb-separator{font-size:0.813rem;color:var(--muted-foreground);user-select:none;}.blog-article{padding:0 0 4rem;}.article-header{max-width:52rem;margin:0 auto 2rem;padding-top:0.5rem;}.article-categories{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}.article-header h1{font-size:1.5rem;font-weight:800;line-height:1.25;letter-spacing:-0.03em;color:var(--foreground);margin-bottom:1rem;text-wrap:balance;}.article-excerpt{font-size:1.0625rem;color:var(--muted-foreground);line-height:1.65;margin-bottom:1.25rem;border-left:3px solid var(--primary);padding-left:1rem;}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:0.75rem 1rem;background-color:var(--muted);border-radius:0.5rem;}.article-date,.article-author{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.813rem;color:var(--muted-foreground);}.article-date svg,.article-author svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0;}@media (min-width:768px){.article-header h1{font-size:2rem;}.breadcrumb{margin:2rem auto 2.5rem;}}.article-content{max-width:52rem;margin:0 auto;line-height:1.8;}.article-content h2{font-size:1.375rem;font-weight:700;margin-top:2.5rem;margin-bottom:0.75rem;color:var(--foreground);letter-spacing:-0.02em;}.article-content h2:first-child{margin-top:0;}.article-content h3{font-size:1.125rem;font-weight:600;margin-top:1.75rem;margin-bottom:0.5rem;color:var(--foreground);}.article-content p{color:var(--muted-foreground);margin-bottom:1.25rem;line-height:1.8;font-size:1rem;}.article-content ul,.article-content ol{color:var(--muted-foreground);margin-bottom:1.25rem;padding-left:1.75rem;line-height:1.8;}.article-content li{margin-bottom:0.5rem;}.article-content li::marker{color:var(--primary);}.article-content a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base);}.article-content a:hover{color:hsl(220,70%,40%);}.article-content strong{color:var(--foreground);font-weight:600;}.article-content blockquote{border-left:4px solid var(--primary);margin:1.5rem 0;padding:0.75rem 1.25rem;background-color:hsla(220,70%,50%,0.05);border-radius:0 0.5rem 0.5rem 0;font-style:italic;color:var(--muted-foreground);}@media (min-width:768px){.article-content h2{font-size:1.625rem;}.article-content h3{font-size:1.25rem;}}.article-cta{max-width:52rem;margin:3rem auto;padding:2rem;background:var(--gradient-hero-subtle);border:1px solid hsla(220,70%,50%,0.15);border-radius:1rem;text-align:center;}.article-cta h3{font-size:1.25rem;font-weight:700;margin-bottom:0.5rem;color:var(--foreground);}.article-cta p{color:var(--muted-foreground);margin-bottom:1.25rem;font-size:0.9375rem;}.share-section{max-width:52rem;margin:0 auto 2.5rem;padding:1.5rem;background-color:var(--card);border:1px solid var(--border);border-radius:0.75rem;}.share-section-title{font-size:0.8125rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.875rem;}.share-buttons{display:flex;flex-wrap:wrap;gap:0.5rem;}.share-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem;width:2.125rem;height:2.125rem;border-radius:0.5rem;text-decoration:none !important;transition:all var(--transition-base);color:#fff;line-height:1;border:none;cursor:pointer;flex-shrink:0;}.share-btn svg{width:0.9375rem;height:0.9375rem;flex-shrink:0;}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,0%,0.18);}.share-btn:active{transform:translateY(0);box-shadow:none;}.share-btn-whatsapp{background-color:#25D366;}.share-btn-whatsapp:hover{background-color:#1fba57;color:#fff;}.share-btn-facebook{background-color:#1877F2;}.share-btn-facebook:hover{background-color:#0e65d4;color:#fff;}.share-btn-x{background-color:#000;}.share-btn-x:hover{background-color:#1a1a1a;color:#fff;}.share-btn-pinterest{background-color:#E60023;}.share-btn-pinterest:hover{background-color:#c0001e;color:#fff;}.share-btn-reddit{background-color:#FF4500;}.share-btn-reddit:hover{background-color:#e03c00;color:#fff;}.share-btn-linkedin{background-color:#0A66C2;}.share-btn-linkedin:hover{background-color:#0856a0;color:#fff;}.share-btn-telegram{background-color:#26A5E4;}.share-btn-telegram:hover{background-color:#1a8fc5;color:#fff;}.share-btn-copy{background-color:var(--muted);color:var(--foreground) !important;}.share-btn-copy:hover{background-color:var(--sand);color:var(--foreground) !important;box-shadow:0 4px 12px hsla(0,0%,0%,0.08);}.share-btn-copy.copied{background-color:hsla(142,76%,36%,0.12);color:hsl(142,70%,30%) !important;}.back-to-blog{max-width:52rem;margin:0 auto 2rem;padding-top:1.5rem;border-top:1px solid var(--border);}.related-articles{max-width:52rem;margin:3rem auto 2.5rem;padding-top:2rem;border-top:1px solid var(--border);}.related-articles h2{font-size:1.375rem;font-weight:700;margin-bottom:1.5rem;}.content-page{padding:2.5rem 0 3.5rem;}.content-container{max-width:48rem;margin:0 auto;}.content-container h1{font-size:2.25rem;font-weight:700;margin-bottom:0.75rem;}.content-body{color:var(--muted-foreground);line-height:1.7;}.content-body p{margin-bottom:0.5rem;}.content-body h2{font-size:1.25rem;font-weight:600;color:var(--foreground);margin-top:1rem;margin-bottom:0.25rem;}.content-body ul{margin-bottom:0.5rem;padding-left:1.5rem;}.content-body li{margin-bottom:0.125rem;}@media (min-width:768px){.content-page{padding:3.5rem 0;}}.contact-page{padding:2.5rem 0 3.5rem;}.contact-container{max-width:42rem;margin:0 auto;}.contact-header h1{font-size:2.25rem;font-weight:700;margin-bottom:0.375rem;}.contact-header p{color:var(--muted-foreground);margin-bottom:1.5rem;}.contact-form-card{padding:1.5rem;margin-bottom:2rem;}.contact-success{text-align:center;padding:2rem;}.success-icon{width:4rem;height:4rem;background-color:hsla(220,70%,50%,0.1);border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}.success-icon svg{width:2rem;height:2rem;color:var(--primary);}.contact-success h2{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;}.contact-success p{color:var(--muted-foreground);margin-bottom:1.5rem;}.alt-contact{padding:1.5rem;}.alt-contact-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;}.alt-contact-header svg{width:1.25rem;height:1.25rem;color:var(--primary);}.alt-contact-header span{font-weight:500;}.alt-contact a{color:var(--primary);transition:text-decoration var(--transition-base);}.alt-contact a:hover{text-decoration:underline;}.alt-contact p{font-size:0.875rem;color:var(--muted-foreground);margin-top:0.5rem;}@media (min-width:768px){.contact-page{padding:3.5rem 0;}.contact-form-card{padding:2rem;}}.not-found{padding:4rem 0;text-align:center;}.not-found h1{font-size:2rem;font-weight:700;margin-bottom:1rem;}.not-found p{color:var(--muted-foreground);margin-bottom:1.5rem;}@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes countUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.hidden{display:none !important;}.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-center{text-align:center;}.text-primary{color:var(--primary);}.text-muted{color:var(--muted-foreground);}.mb-0{margin-bottom:0;}.mb-1{margin-bottom:0.25rem;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.mb-8{margin-bottom:2rem;}.mt-4{margin-top:1rem;}.mt-6{margin-top:1.5rem;}.mt-8{margin-top:2rem;}.footer-email,.contact-container a[href^="mailto:"]{max-width:100%;display:inline-block;white-space:nowrap;font-size:0.82rem !important;}@media (min-width:480px){.contact-container a[href^="mailto:"]{font-size:1.25rem !important;}}.contact-info-card{text-align:center;padding:2.5rem 1rem;}@media (min-width:640px){.contact-info-card{padding:3rem 2.5rem;}}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:var(--muted);border-radius:4px;}::-webkit-scrollbar-thumb{background:hsla(220,15%,45%,0.3);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:hsla(220,15%,45%,0.5);}.modal-overlay{position:fixed;inset:0;z-index:100;background-color:hsla(220,25%,15%,0.4);display:flex;align-items:center;justify-content:center;padding:1rem;transition:opacity var(--transition-base);}.modal-overlay.hidden{display:none !important;opacity:0;pointer-events:none;}.modal-container{background-color:var(--card);border-radius:1.5rem;width:100%;max-width:32rem;padding:2.5rem;position:relative;box-shadow:var(--shadow-xl);animation:modalIn 0.3s cubic-bezier(0.34,1.56,0.64,1);}@keyframes modalIn{from{transform:scale(0.95);opacity:0;}to{transform:scale(1);opacity:1;}}.modal-close{position:absolute;top:1.25rem;right:1.25rem;color:var(--muted-foreground);padding:0.5rem;border-radius:50%;transition:all var(--transition-base);}.modal-close:hover{background-color:var(--muted);color:var(--foreground);}.modal-header{text-align:left;margin-bottom:2rem;}.modal-header h2{font-size:1.75rem;margin-bottom:0.5rem;}.modal-header p{color:var(--muted-foreground);}.share-message-preview{background-color:var(--secondary);padding:1.5rem;border-radius:1rem;margin-bottom:2rem;}.share-message-preview p{font-size:1.125rem;font-style:italic;color:hsla(220,25%,15%,0.8);line-height:1.5;}.share-platforms{display:flex;justify-content:center;gap:0.75rem;flex-wrap:nowrap;}.platform-btn{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transition:transform var(--transition-base),filter var(--transition-base);}.platform-btn:hover{transform:scale(1.1);filter:brightness(1.1);}.platform-btn svg{width:1.5rem;height:1.5rem;}.platform-btn.whatsapp{background-color:#25D366;}.platform-btn.facebook{background-color:#1877F2;}.platform-btn.x{background-color:#000000;}.platform-btn.reddit{background-color:#FF4500;}.platform-btn.pinterest{background-color:#E60023;}.platform-btn.linkedin{background-color:#0077B5;}.btn-share{background-color:transparent;color:var(--primary);border:1px solid hsla(220,70%,50%,0.2);transition:all var(--transition-base);}.btn-share:hover{background-color:hsla(220,70%,50%,0.05);border-color:var(--primary);}