*,*::before,*::after{box-sizing:border-box} *{margin:0} html,body{height:100%} body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} img,picture,video,canvas,svg{display:block;max-width:100%} input,button,textarea,select{font:inherit} p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word} #root,#__next{isolation:isolate} html{font-size:16px;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} } body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--neutral-800);background-color:var(--neutral-50);text-rendering:optimizeLegibility;padding-top:80px} h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--neutral-900);margin-bottom:var(--space-4)} h1{font-size:var(--text-5xl);font-weight:var(--font-bold)} h2{font-size:var(--text-4xl)} h3{font-size:var(--text-3xl)} h4{font-size:var(--text-2xl)} h5{font-size:var(--text-xl)} h6{font-size:var(--text-lg)} p{margin-bottom:var(--space-4);color:var(--neutral-700)} a{color:var(--primary-blue);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} a:hover,a:focus{color:var(--primary-blue-dark);text-decoration:underline} a:focus{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:var(--radius-sm)} ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)} li{margin-bottom:var(--space-1)} button{cursor:pointer;border:none;background:none;padding:0} button:disabled{cursor:not-allowed;opacity:0.6} input,textarea,select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background-color:var(--neutral-50);transition:border-color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out)} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(44,95,124,0.1)} input::placeholder,textarea::placeholder{color:var(--neutral-400)} .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} .skip-link{position:absolute;top:-40px;left:6px;background:var(--neutral-900);color:var(--neutral-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius);text-decoration:none;z-index:var(--z-tooltip);transition:top var(--duration-200) var(--ease-out)} .skip-link:focus{top:6px} :focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px} img{height:auto} .container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)} @media (min-width:640px){.container{padding:0 var(--space-6)} } @media (min-width:1024px){.container{padding:0 var(--space-8)} } .container-sm{max-width:var(--container-sm)} .container-md{max-width:var(--container-md)} .container-lg{max-width:var(--container-lg)} .container-xl{max-width:var(--container-xl)} .container-2xl{max-width:var(--container-2xl)} .grid{display:grid;gap:var(--space-6)} .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} @media (max-width:767px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))} } @media (min-width:768px) and (max-width:1023px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))} } .flex{display:flex} .flex-col{flex-direction:column} .items-center{align-items:center} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .mb-0{margin-bottom:0} .mb-1{margin-bottom:var(--space-1)} .mb-2{margin-bottom:var(--space-2)} .mb-3{margin-bottom:var(--space-3)} .mb-4{margin-bottom:var(--space-4)} .mb-6{margin-bottom:var(--space-6)} .mb-8{margin-bottom:var(--space-8)} .mt-0{margin-top:0} .mt-1{margin-top:var(--space-1)} .mt-2{margin-top:var(--space-2)} .mt-3{margin-top:var(--space-3)} .mt-4{margin-top:var(--space-4)} .mt-6{margin-top:var(--space-6)} .mt-8{margin-top:var(--space-8)} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .text-primary{color:var(--primary-blue)} .text-secondary{color:var(--neutral-600)} .text-accent{color:var(--accent-warm)} .hidden{display:none} .block{display:block} .inline-block{display:inline-block} .animate-fade-in{animation:fadeIn var(--duration-500) var(--ease-out)} .animate-slide-up{animation:slideUp var(--duration-500) var(--ease-out)} @keyframes fadeIn{from{opacity:0} to{opacity:1} } @keyframes slideUp{from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} } :root{--primary-blue:#2C5F7C;--primary-blue-light:#4A7B94;--primary-blue-dark:#1E4156;--primary-teal:#4A9B8E;--primary-teal-light:#6BB5A8;--primary-teal-dark:#357066;--accent-warm:#E8B86D;--accent-warm-light:#F0C885;--accent-warm-dark:#D4A047;--neutral-50:#FAFBFC;--neutral-100:#F4F6F8;--neutral-200:#E4E7EB;--neutral-300:#CBD2D9;--neutral-400:#9AA5B1;--neutral-500:#7B8794;--neutral-600:#52606D;--neutral-700:#3E4C59;--neutral-800:#323F4B;--neutral-900:#1F2933;--success:#27AE60;--success-light:#2ECC71;--success-dark:#229954;--warning:#F39C12;--warning-light:#F4D03F;--warning-dark:#D68910;--error:#E74C3C;--error-light:#EC7063;--error-dark:#C0392B;--info:#3498DB;--info-light:#5DADE2;--info-dark:#2980B9;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-secondary:'Crimson Pro',Georgia,'Times New Roman',serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--radius-none:0;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070} @media (prefers-color-scheme:dark){:root{--neutral-50:#1F2933;--neutral-100:#323F4B;--neutral-900:#FAFBFC} } @media (prefers-reduced-motion:reduce){:root{--duration-75:0ms;--duration-100:0ms;--duration-150:0ms;--duration-200:0ms;--duration-300:0ms;--duration-500:0ms;--duration-700:0ms;--duration-1000:0ms} } @media (prefers-contrast:high){:root{--primary-blue:#000080;--primary-teal:#006666;--neutral-800:#000000;--neutral-100:#ffffff} } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&display=swap');@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Helvetica'),local('sans-serif');font-display:swap;ascent-override:90%;descent-override:22%;line-gap-override:0%} @font-face{font-family:'Crimson Pro Fallback';src:local('Georgia'),local('Times New Roman'),local('serif');font-display:swap;ascent-override:84%;descent-override:22%;line-gap-override:0%} :root{--font-primary:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-secondary:'Crimson Pro','Crimson Pro Fallback',Georgia,'Times New Roman',serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace} .fonts-loading body{font-family:var(--font-primary)} .fonts-loading h1,.fonts-loading h2,.fonts-loading h3,.fonts-loading h4,.fonts-loading h5,.fonts-loading h6{font-family:var(--font-secondary)} .fonts-loaded *{transition:font-family 0.1s ease-out} body{font-feature-settings:'kern' 1,'liga' 1,'calt' 1;font-kerning:normal;font-variant-ligatures:common-ligatures contextual} .numeric{font-feature-settings:'tnum' 1;font-variant-numeric:tabular-nums} .small-caps{font-feature-settings:'smcp' 1;font-variant-caps:small-caps} html{font-size:clamp(14px,2.5vw,16px)} h1{font-size:clamp(2rem,5vw,3rem)} h2{font-size:clamp(1.75rem,4vw,2.25rem)} h3{font-size:clamp(1.5rem,3vw,1.875rem)} h4{font-size:clamp(1.25rem,2.5vw,1.5rem)} @media (prefers-reduced-motion:reduce){.fonts-loaded *{transition:none} } @media (prefers-contrast:high){body{font-weight:var(--font-medium)} h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold)} } @media print{body{font-family:var(--font-secondary);font-size:12pt;line-height:1.4} h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);page-break-after:avoid} } .editorial-cards-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:0} .editorial-card{background:#FFFFFF;border-top:3px solid #D4AF37;border-radius:20px;padding:24px 20px;margin-bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,0.08);transition:all 0.3s ease;cursor:pointer;min-height:44px;position:relative;overflow:hidden} .editorial-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.12);transform:translateY(-2px)} .editorial-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-family:var(--font-primary);font-size:0.8rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0.8px} .editorial-category{color:var(--primary-teal)} .editorial-date{color:#D4AF37} .editorial-card-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:var(--font-semibold);color:var(--primary-teal);line-height:1.4;margin-bottom:16px} .editorial-card-title a{color:inherit;text-decoration:none;transition:color 0.3s ease} .editorial-card-title a:hover{color:#D4AF37} .editorial-card-excerpt{font-family:var(--font-primary);font-size:1rem;line-height:1.6;color:var(--neutral-600);margin-bottom:20px} .editorial-read-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-teal);font-family:var(--font-primary);font-weight:var(--font-semibold);text-decoration:none;padding:12px 0;min-height:44px;margin-top:15px;transition:all 0.3s ease} .editorial-read-link:hover{color:#D4AF37;transform:translateX(4px)} @media (min-width:768px){.editorial-cards-container{grid-template-columns:repeat(2,1fr);gap:24px;padding:0 40px} } @media (min-width:1024px){.editorial-cards-container{grid-template-columns:repeat(2,1fr);gap:32px} } @media (max-width:768px){.editorial-card{border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 6px 20px rgba(0,0,0,0.06)} .editorial-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.1)} .editorial-card-title{font-size:1.4rem;line-height:1.4;margin-bottom:12px} .editorial-card-meta{font-size:0.75rem;gap:12px;margin-bottom:10px} .editorial-card-excerpt{font-size:0.95rem;line-height:1.5;margin-bottom:16px} .editorial-read-link{font-size:0.9rem;padding:10px 0;margin-top:12px} } .section[aria-labelledby="blog-heading"]{background:#FAFAFA} .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-none);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);min-height:44px;position:relative;overflow:hidden} .btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px} .btn:disabled{opacity:0.6;cursor:not-allowed;transform:none !important} .btn-primary{background-color:var(--primary-blue);color:var(--neutral-50);border-color:var(--primary-blue)} .btn-primary:hover:not(:disabled){background-color:var(--primary-blue-dark);border-color:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn-secondary{background-color:var(--primary-teal);color:var(--neutral-50);border-color:var(--primary-teal)} .btn-secondary:hover:not(:disabled){background-color:var(--primary-teal-dark);border-color:var(--primary-teal-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn-outline{background-color:transparent;color:var(--primary-blue);border-color:var(--primary-blue)} .btn-outline:hover:not(:disabled){background-color:var(--primary-blue);color:var(--neutral-50);transform:translateY(-2px);box-shadow:var(--shadow-md)} .btn-ghost{background-color:transparent;color:var(--primary-blue);border-color:transparent} .btn-ghost:hover:not(:disabled){background-color:var(--neutral-100);color:var(--primary-blue-dark)} .btn-accent{background-color:var(--primary-teal);color:var(--neutral-50);border-color:var(--primary-teal)} .btn-accent:hover:not(:disabled){background-color:var(--primary-teal-dark);border-color:var(--primary-teal-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px} .btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px} .btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);min-height:60px} .btn-loading{position:relative;color:transparent} .btn-loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin var(--duration-1000) linear infinite} @keyframes spin{to{transform:rotate(360deg)} } .btn-full{width:100%} .form-group{margin-bottom:var(--space-6)} .form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);margin-bottom:var(--space-2)} .form-label.required::after{content:' *';color:var(--error)} .form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--neutral-800);background-color:var(--neutral-50);border:1px solid var(--neutral-300);border-radius:var(--radius-md);transition:border-color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);min-height:44px} .form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(44,95,124,0.1)} .form-input::placeholder,.form-textarea::placeholder{color:var(--neutral-400)} .form-textarea{resize:vertical;min-height:120px} .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-10)} .form-input.error,.form-textarea.error,.form-select.error{border-color:var(--error)} .form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px rgba(231,76,60,0.1)} .form-input.success,.form-textarea.success,.form-select.success{border-color:var(--success)} .form-input.success:focus,.form-textarea.success:focus,.form-select.success:focus{box-shadow:0 0 0 3px rgba(39,174,96,0.1)} .form-error{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--error)} .form-help{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--neutral-500)} .form-privacy{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--neutral-500);text-align:center} .card{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-300) var(--ease-out),box-shadow var(--duration-300) var(--ease-out)} .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)} .card-header{padding:var(--space-6);border-bottom:1px solid var(--neutral-200)} .card-body{padding:var(--space-6)} .card-footer{padding:var(--space-6);border-top:1px solid var(--neutral-200);background-color:var(--neutral-100)} .service-card{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--duration-300) var(--ease-out);position:relative;overflow:hidden} .service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-teal));transform:scaleX(0);transition:transform var(--duration-300) var(--ease-out)} .service-card:hover::before{transform:scaleX(1)} .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--primary-blue)} .service-icon{width:64px;height:64px;margin:0 auto var(--space-4);background-color:var(--primary-blue);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--neutral-50);font-size:var(--text-2xl);transition:all var(--duration-300) var(--ease-out)} .service-card:hover .service-icon{background-color:var(--primary-teal);transform:scale(1.1)} .service-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-3)} .service-description{color:var(--neutral-600);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)} .service-features{list-style:none;padding:0;margin-bottom:var(--space-6)} .service-features li{padding:var(--space-1) 0;color:var(--neutral-600);font-size:var(--text-sm)} .service-features li::before{content:'✓';color:var(--success);font-weight:var(--font-bold);margin-right:var(--space-2)} .service-link{color:var(--primary-blue);font-weight:var(--font-medium);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .service-link:hover{color:var(--primary-blue-dark)} .service-hook{font-style:italic;color:var(--primary-blue);font-weight:var(--font-medium);margin-bottom:var(--space-3);font-size:var(--text-base)} .service-duration{font-size:var(--text-sm);font-weight:var(--font-normal);opacity:0.8} .blog-card{background-color:var(--neutral-50);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--duration-300) var(--ease-out)} .blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)} .blog-card-image{width:100%;height:200px;object-fit:cover;transition:transform var(--duration-500) var(--ease-out)} .blog-card:hover .blog-card-image{transform:scale(1.05)} .blog-card-content{padding:var(--space-6)} .blog-card-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--neutral-500)} .blog-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-3);line-height:var(--leading-tight)} .blog-card-excerpt{color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)} .blog-card-link{color:var(--primary-blue);font-weight:var(--font-medium);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .blog-card-link:hover{color:var(--primary-blue-dark)} .navbar{background-color:var(--neutral-50);border-bottom:1px solid var(--neutral-200);position:fixed;top:0;left:0;width:100%;z-index:9999;backdrop-filter:blur(8px);background-color:rgba(250,251,252,0.95);transition:box-shadow var(--duration-200) var(--ease-out)} .navbar.scrolled{box-shadow:var(--shadow-md)} .navbar-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;min-height:72px} .navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--neutral-900);font-weight:var(--font-semibold);font-size:var(--text-xl)} .navbar-brand img{height:40px;width:auto} .navbar-menu{display:flex;align-items:center} .navbar-nav{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0} .nav-link{color:var(--neutral-700);text-decoration:none;font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-out);position:relative} .nav-link:hover,.nav-link.active{color:var(--primary-blue);background-color:var(--neutral-100)} .nav-cta{background-color:var(--primary-blue);color:var(--neutral-50) !important;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg)} .nav-cta:hover{background-color:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)} .mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:var(--space-2);cursor:pointer} .hamburger-line{width:24px;height:2px;background-color:var(--neutral-700);transition:all var(--duration-300) var(--ease-out)} @media (max-width:1023px){.mobile-menu-toggle{display:flex} .navbar-menu{position:fixed;top:72px;left:0;right:0;background-color:var(--neutral-50);border-top:1px solid var(--neutral-200);padding:var(--space-6);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--duration-300) var(--ease-out)} .navbar-menu.open{transform:translateY(0);opacity:1;visibility:visible} .navbar-nav{flex-direction:column;gap:var(--space-4);width:100%} .nav-link{display:block;width:100%;padding:var(--space-4);text-align:center;border:1px solid var(--neutral-200);border-radius:var(--radius-lg)} } @media (max-width:640px){.container{padding-left:20px;padding-right:20px} .hero-content-centered{padding:0 20px} .testimonials-section .container,.services-main .container,.psychological-testing .container,.contact-form-section .container,.section .container{padding-left:20px;padding-right:20px} *{box-sizing:border-box} .service-card-main,.contact-form-main,.form-input,.form-textarea,.form-select{max-width:100%;width:100%} } .section{padding:var(--space-20) 0} .section-sm{padding:var(--space-16) 0} .section-lg{padding:var(--space-24) 0} .section-header{text-align:center;margin-bottom:var(--space-16)} .section-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-4)} .section-subtitle{font-size:var(--text-lg);color:var(--neutral-600);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)} .hero{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);position:relative;overflow:hidden} .hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none} .hero-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4);position:relative;z-index:1} .hero-content{display:grid;gap:var(--space-12);align-items:center} @media (min-width:768px){.hero-content{grid-template-columns:1fr 1fr} } .hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--neutral-900);margin-bottom:var(--space-6)} @media (min-width:768px){.hero-title{font-size:var(--text-6xl)} } .hero-subtitle{font-size:var(--text-xl);color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)} .hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)} @media (max-width:640px){.hero-actions{flex-direction:column} } .trust-indicators{display:flex;gap:var(--space-6);flex-wrap:wrap} .trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600)} .trust-icon{color:var(--success);font-weight:var(--font-bold)} .hero-image{position:relative} .hero-img{width:100%;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)} .hero-clean{background:var(--neutral-50);padding:var(--space-32) 0;text-align:center} .hero-clean::before{display:none} .hero-content-centered{max-width:800px;margin:0 auto;padding:0 var(--space-4)} .hero-text-centered{text-align:center} .hero-title-clean{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--neutral-900);margin-bottom:var(--space-6);max-width:700px;margin-left:auto;margin-right:auto} @media (min-width:768px){.hero-title-clean{font-size:var(--text-6xl)} } @media (max-width:640px){.hero-title-clean{font-size:var(--text-4xl)} } .hero-subtitle-clean{font-size:var(--text-xl);color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto} @media (max-width:640px){.hero-subtitle-clean{font-size:var(--text-lg)} } .hero-actions-centered{display:flex;justify-content:center;margin-bottom:var(--space-12)} @media (max-width:640px){.hero-actions-centered{flex-direction:column;align-items:center} .hero-actions-centered .btn{width:100%;max-width:300px} } .trust-indicators-centered{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin-top:var(--space-8)} @media (max-width:640px){.trust-indicators-centered{flex-direction:column;gap:var(--space-4);align-items:center} } .testimonials-section{padding:var(--space-20) 0;background-color:var(--neutral-100)} .testimonials-container{position:relative;margin-top:var(--space-12)} .testimonials-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;cursor:grab} .testimonials-scroll:active{cursor:grabbing} .testimonials-scroll::-webkit-scrollbar{display:none} @media (max-width:1024px){.testimonials-scroll{grid-template-columns:repeat(4,300px);padding:0 var(--space-4)} } @media (max-width:640px){.testimonials-scroll{grid-template-columns:repeat(4,280px);gap:var(--space-4)} } .testimonial-card{background-color:var(--neutral-50);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);scroll-snap-align:start;transition:all var(--duration-300) var(--ease-out);border:1px solid var(--neutral-200)} .testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue-light)} .testimonial-content{height:100%;display:flex;flex-direction:column;justify-content:space-between} .testimonial-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--neutral-700);margin-bottom:var(--space-6);font-style:italic;position:relative} .testimonial-text::before{content:'"';font-size:var(--text-4xl);color:var(--primary-blue-light);position:absolute;top:-10px;left:-10px;font-family:Georgia,serif;line-height:1} .testimonial-author{display:flex;align-items:center;gap:var(--space-3)} .author-info{display:flex;flex-direction:column} .author-name{font-weight:var(--font-semibold);color:var(--neutral-900);font-size:var(--text-sm);font-style:normal} .author-service{font-size:var(--text-xs);color:var(--primary-blue);text-transform:uppercase;letter-spacing:0.05em;font-weight:var(--font-medium)} .scroll-indicators{display:none;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)} @media (max-width:1024px){.scroll-indicators{display:flex} } .scroll-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--neutral-300);transition:background-color var(--duration-200) var(--ease-out);cursor:pointer;min-width:8px;min-height:8px} .scroll-indicator.active{background-color:var(--primary-blue)} .scroll-indicator:hover{background-color:var(--primary-blue-light)} .services-main{padding:var(--space-20) 0;background-color:var(--neutral-50)} .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12)} @media (max-width:1024px){.services-grid{grid-template-columns:1fr;gap:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto} } .service-card-main{background-color:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-2xl);padding:var(--space-8);transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden} .service-card-main:hover{transform:translateY(-10px);box-shadow:var(--shadow-2xl);border-color:var(--primary-blue-light)} .service-card-featured{border-color:var(--primary-blue);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-blue-light) 100%);position:relative;overflow:visible} .service-card-featured::before{content:'NAJPOPULARNIJA';position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:var(--primary-blue);color:var(--neutral-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0.05em;z-index:10} .service-header{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:var(--space-6)} .service-price{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-blue);background-color:#ffffff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--primary-blue);text-align:center} .service-card-featured .service-price{background-color:#ffffff;color:var(--primary-blue);border:2px solid var(--primary-blue)} .service-card-featured .service-description-main{color:#ffffff;opacity:0.9} .service-card-featured .service-link-elegant{color:#ffffff} .service-card-featured .service-link-elegant:hover{color:#ffffff;opacity:0.8} .btn-primary{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-blue) 100%);color:#ffffff;border:2px solid transparent;transition:all 0.3s ease;position:relative;overflow:hidden} .btn-primary:hover{background:#ffffff;color:var(--primary-blue) !important;border:2px solid var(--primary-blue);transform:translateY(-2px);box-shadow:0 8px 25px rgba(44,95,124,0.3)} .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s ease} .btn-primary:hover::before{left:100%} .service-results li{position:relative;transition:all 0.2s ease} .service-results li::before{content:'✓';color:var(--primary-teal);font-weight:bold;margin-right:0.5rem;transition:all 0.2s ease} .service-card-main:hover .service-results li::before{color:var(--primary-blue);transform:scale(1.2)} .service-card-main:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15);border-color:var(--primary-teal)} .service-link-elegant{display:inline-flex;align-items:center;gap:0.5rem;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-teal);text-decoration:none;transition:all 0.2s ease;margin-top:15px} .service-link-elegant:hover{color:var(--primary-blue);text-decoration:none} .service-link-elegant:hover .arrow{transform:translateX(5px)} .service-link-elegant .arrow{transition:transform 0.2s ease} .service-title-main{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-4);line-height:var(--leading-tight)} .service-description-main{font-size:var(--text-base);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)} .service-results{list-style:none;padding:0;margin:0 0 var(--space-8) 0} .service-results li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed)} .service-results li::before{content:'✓';color:var(--success);font-weight:var(--font-bold);font-size:var(--text-base);flex-shrink:0;margin-top:2px} .service-actions-main{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:auto} @media (max-width:640px){.service-actions-main{flex-direction:column} .service-actions-main .btn{width:100%;justify-content:center} } @media (max-width:640px){.services-main{padding:var(--space-12) 20px} .services-grid{gap:var(--space-4)} .service-card-main{padding:var(--space-4);aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;max-height:320px;width:100%;box-sizing:border-box} .service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)} .service-icon{width:32px;height:32px;margin:0;font-size:var(--text-lg);background-color:var(--primary-blue-light);color:var(--primary-blue);border-radius:var(--radius-lg);flex-shrink:0} .service-price{font-size:var(--text-lg);padding:var(--space-1) var(--space-3);background-color:#ffffff;color:var(--primary-blue);border:2px solid var(--primary-blue);flex-shrink:0} .service-title-main{font-size:var(--text-lg);margin-bottom:var(--space-2);line-height:var(--leading-tight)} .service-description-main{font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:var(--leading-normal)} .service-results{display:none} .service-actions-main{margin-top:auto;gap:var(--space-2)} .service-actions-main .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)} .service-link-elegant{font-size:var(--text-xs);gap:0.25rem} .service-card-featured::before{position:absolute;top:var(--space-2);right:var(--space-2);font-size:10px;padding:2px var(--space-2)} .service-card-featured .service-price{background-color:var(--primary-blue);color:#ffffff;border:2px solid var(--primary-blue)} } @media (max-width:480px){.service-results{display:none !important} .service-card-main{max-width:calc(100vw - 40px);margin:0 auto} } .psychological-testing{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-blue-light) 100%)} .testing-feature-container{margin-top:var(--space-12);display:flex;justify-content:center} .testing-feature-card{background-color:var(--neutral-50);border-radius:var(--radius-3xl);padding:var(--space-10);box-shadow:var(--shadow-2xl);border:2px solid var(--primary-blue-light);max-width:900px;width:100%;display:grid;grid-template-columns:2fr 1fr;gap:var(--space-10);align-items:center;transition:all var(--duration-300) var(--ease-out);position:relative;overflow:hidden} .testing-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue) 0%,var(--primary-teal) 100%)} .testing-feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-3xl);border-color:var(--primary-blue)} @media (max-width:768px){.testing-feature-card{grid-template-columns:1fr;gap:var(--space-6);padding:20px;text-align:center} .testing-card-content{flex-direction:column;align-items:center;text-align:center} } .testing-card-content{display:flex;flex-direction:column;align-items:flex-start} .testing-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-4);line-height:var(--leading-tight)} @media (max-width:640px){.testing-title{font-size:var(--text-2xl)} } .testing-description{font-size:var(--text-lg);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)} @media (max-width:640px){.testing-description{font-size:var(--text-base)} } .testing-features{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap} @media (max-width:640px){.testing-features{justify-content:center;gap:var(--space-4)} } .testing-feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600);background-color:var(--neutral-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--neutral-200)} .feature-icon{font-size:var(--text-base)} .testing-action{margin-top:var(--space-6)} .testing-cta{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);padding:var(--space-4) var(--space-8)} .cta-arrow{transition:transform var(--duration-200) var(--ease-out)} .testing-cta:hover .cta-arrow{transform:translateX(4px)} @media (max-width:640px){.testing-cta{width:100%;justify-content:center} } .testing-visual{display:flex;justify-content:center;align-items:center} @media (max-width:768px){.testing-visual{order:-1} } .testing-illustration{position:relative;width:200px;height:200px} @media (max-width:768px){.testing-illustration{width:150px;height:150px} } .attachment-icons{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center} .attachment-icon{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background-color:var(--neutral-50);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px solid var(--neutral-200);transition:all var(--duration-300) var(--ease-out);cursor:pointer} .attachment-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)} .attachment-icon span{font-size:var(--text-2xl)} .attachment-icon small{font-size:var(--text-xs);color:var(--neutral-600);font-weight:var(--font-medium);text-align:center;white-space:nowrap} .attachment-icon.secure{top:0;left:50%;transform:translateX(-50%);border-color:var(--primary-blue)} .attachment-icon.anxious{top:50%;right:0;transform:translateY(-50%);border-color:var(--primary-teal)} .attachment-icon.avoidant{bottom:0;left:50%;transform:translateX(-50%);border-color:var(--neutral-400)} .attachment-icon.disorganized{top:50%;left:0;transform:translateY(-50%);border-color:var(--error)} @media (max-width:640px){.testimonials-section{padding:var(--space-12) 20px} .testimonials-container{margin-top:var(--space-8)} .testimonial-card{padding:var(--space-4);min-height:180px} .testimonial-text{font-size:var(--text-sm);margin-bottom:var(--space-4)} } @media (max-width:640px){.section{padding:var(--space-12) 20px} .blog-grid-small{padding:0;gap:var(--space-3)} .blog-card-small{min-height:220px} .blog-card-small-content{padding:var(--space-2)} .blog-cta{margin-top:var(--space-6);text-align:center} } @media (max-width:640px){.hero-clean{padding:var(--space-16) 20px} .hero-content-centered{padding:0} } @media (max-width:640px){.attachment-icon{padding:var(--space-2)} .attachment-icon span{font-size:var(--text-xl)} .attachment-icon small{font-size:10px} } .contact-form-section{padding:var(--space-20) 0;background-color:var(--neutral-50)} .contact-form-container{max-width:700px;margin:var(--space-12) auto 0} .contact-form-main{background-color:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);transition:all var(--duration-300) var(--ease-out)} .contact-form-main:hover{border-color:var(--primary-blue-light);box-shadow:var(--shadow-xl)} @media (max-width:640px){.contact-form-section{padding:var(--space-12) 20px} .contact-form-container{margin-top:var(--space-8)} .contact-form-main{padding:var(--space-6)} .form-group{margin-bottom:12px} .form-row{display:flex;flex-direction:column;gap:12px} .form-input,.form-select,.form-textarea{width:100%;box-sizing:border-box} .form-privacy-note{margin-top:var(--space-3);font-size:var(--text-xs)} } .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)} @media (max-width:640px){.form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px} } .form-group{margin-bottom:var(--space-6)} .form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);margin-bottom:var(--space-2)} .form-label.required::after{content:' *';color:var(--error)} .form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-primary);background-color:var(--neutral-50);transition:all var(--duration-200) var(--ease-out);min-height:44px} .form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)} .form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(239,68,68,0.1)} .form-textarea{resize:vertical;min-height:100px;font-family:var(--font-primary)} .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-10)} .checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);line-height:var(--leading-relaxed)} .checkbox-label input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none} .checkbox-custom{width:20px;height:20px;border:2px solid var(--neutral-400);border-radius:var(--radius-sm);background-color:var(--neutral-50);display:flex;align-items:center;justify-content:center;transition:all var(--duration-200) var(--ease-out);flex-shrink:0;margin-top:2px} .checkbox-label input[type="checkbox"]:checked + .checkbox-custom{background-color:var(--primary-blue);border-color:var(--primary-blue)} .checkbox-label input[type="checkbox"]:checked + .checkbox-custom::after{content:'✓';color:var(--neutral-50);font-size:var(--text-sm);font-weight:var(--font-bold)} .checkbox-label input[type="checkbox"]:focus + .checkbox-custom{box-shadow:0 0 0 3px var(--primary-blue-light)} .checkbox-text{color:var(--neutral-600)} .privacy-link{color:var(--primary-blue);text-decoration:underline} .privacy-link:hover{color:var(--primary-blue-dark)} .form-error{color:var(--error);font-size:var(--text-xs);margin-top:var(--space-1);min-height:16px} .btn-full{width:100%;justify-content:center;margin-top:var(--space-4)} .btn-loading .btn-text{display:none} .btn-loading .btn-loading{display:inline !important} .form-privacy-note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--neutral-500);margin-top:var(--space-4);text-align:center;justify-content:center} .privacy-icon{color:var(--success);flex-shrink:0} @media (max-width:640px){.contact-form-section{padding:var(--space-16) 0} .contact-form-main{padding:var(--space-6)} .form-group{margin-bottom:var(--space-4)} } .blog-preview{padding:var(--space-16) 0;background-color:var(--neutral-50)} .blog-grid-small{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-8);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none} .blog-grid-small::-webkit-scrollbar{display:none} @media (max-width:768px){.blog-grid-small{grid-template-columns:repeat(4,240px);padding:0 var(--space-4);gap:var(--space-3)} } .blog-card-small{background-color:var(--neutral-50);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all var(--duration-300) var(--ease-out);border:1px solid var(--neutral-200);scroll-snap-align:start;height:280px} .blog-card-small:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15);border-color:var(--primary-blue-light)} .blog-card-small-image{width:100%;height:120px;object-fit:cover;transition:transform var(--duration-300) var(--ease-out);display:block;background-color:var(--neutral-200);border:1px solid var(--neutral-300);opacity:1;visibility:visible} .blog-card-small:hover .blog-card-small-image{transform:scale(1.03)} .blog-card-small-content{padding:var(--space-3);display:flex;flex-direction:column;height:calc(100% - 120px)} .blog-card-small-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:10px} .blog-card-small-meta time{color:var(--neutral-500);font-weight:var(--font-medium)} .blog-category{background-color:var(--primary-blue);color:var(--neutral-50);padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0.05em;font-size:9px} .blog-card-small-title{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-2);flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .blog-card-small-title a{color:var(--neutral-900);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .blog-card-small-title a:hover{color:var(--primary-blue)} .blog-card-small-excerpt{font-size:11px;color:var(--neutral-600);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-2)} .blog-read-more{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary-blue);font-size:11px;font-weight:var(--font-medium);text-decoration:none;transition:all var(--duration-200) var(--ease-out);margin-top:auto} .blog-read-more:hover{color:var(--primary-blue-dark);gap:var(--space-2)} .blog-read-more svg{width:12px;height:12px;transition:transform var(--duration-200) var(--ease-out)} .blog-read-more:hover svg{transform:translateX(2px)} .blog-cta{text-align:center;margin-top:var(--space-8)} .blog-cta .btn{display:inline-flex;align-items:center;gap:var(--space-2)} .blog-scroll-indicators{display:none;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)} @media (max-width:768px){.blog-scroll-indicators{display:flex} } .blog-scroll-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--neutral-300);transition:background-color var(--duration-200) var(--ease-out);cursor:pointer;min-width:6px;min-height:6px} .blog-scroll-indicator.active{background-color:var(--primary-blue)} .blog-scroll-indicator:hover{background-color:var(--primary-blue-light)} @media (max-width:768px){.blog-preview{padding:var(--space-12) 0} .blog-card-small{height:260px} .blog-card-small-image{height:100px} .blog-card-small-content{height:calc(100% - 100px);padding:var(--space-2)} .blog-cta{margin-top:var(--space-6)} } .bg-dark{background:linear-gradient(135deg,#1a2332 0%,#2c3e50 100%);position:relative;overflow:hidden} .bg-dark::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footerPattern" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23fff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23footerPattern)"/></svg>');pointer-events:none} .bg-dark .container{position:relative;z-index:1} .bg-dark .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-8);align-items:start} @media (max-width:1024px){.bg-dark .grid{grid-template-columns:1fr 1fr;gap:var(--space-6)} } @media (max-width:640px){.bg-dark .grid{grid-template-columns:1fr;gap:var(--space-4);text-align:center} } .navbar-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-50);text-decoration:none;margin-bottom:var(--space-4);transition:all var(--duration-300) var(--ease-out)} .navbar-brand:hover{transform:translateY(-2px);color:var(--primary-teal)} .navbar-brand img{border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,0.3)} .bg-dark h3{color:var(--neutral-50);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4);position:relative;padding-bottom:var(--space-2)} .bg-dark h3::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary-teal);border-radius:var(--radius-full)} @media (max-width:640px){.bg-dark h3::after{left:50%;transform:translateX(-50%)} } .bg-dark ul{list-style:none;padding:0;margin:0} .bg-dark ul li{margin-bottom:var(--space-2)} .bg-dark ul li a{color:var(--neutral-300);text-decoration:none;font-size:var(--text-sm);transition:all var(--duration-200) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0} .bg-dark ul li a:hover{color:var(--primary-teal);transform:translateX(4px)} .bg-dark ul li a::before{content:'→';opacity:0;transform:translateX(-8px);transition:all var(--duration-200) var(--ease-out);font-size:var(--text-xs)} .bg-dark ul li a:hover::before{opacity:1;transform:translateX(0)} .bg-dark .space-y-3 > * + *{margin-top:var(--space-2)} .bg-dark .space-y-3 .flex{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-out)} .bg-dark .space-y-3 .flex:hover{background:rgba(255,255,255,0.05);transform:translateX(4px)} .bg-dark .space-y-3 svg{color:var(--primary-teal);flex-shrink:0} .bg-dark .space-y-3 a{color:var(--neutral-300);text-decoration:none;font-size:var(--text-sm);transition:color var(--duration-200) var(--ease-out)} .bg-dark .space-y-3 a:hover{color:var(--primary-teal)} .bg-dark .space-y-3 span{color:var(--neutral-300);font-size:var(--text-sm)} .bg-dark .flex.gap-4{display:flex;gap:var(--space-3);margin-top:var(--space-4)} @media (max-width:640px){.bg-dark .flex.gap-4{justify-content:center} } .bg-dark .flex.gap-4 a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:var(--radius-lg);color:var(--neutral-300);transition:all var(--duration-300) var(--ease-out);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)} .bg-dark .flex.gap-4 a:hover{background:var(--primary-teal);color:var(--neutral-900);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(20,184,166,0.3)} .bg-dark .border-t{border-top:1px solid rgba(255,255,255,0.1);margin-top:var(--space-12);padding-top:var(--space-6)} .bg-dark .text-center{text-align:center} .bg-dark .text-neutral-400{color:var(--neutral-400);font-size:var(--text-xs);line-height:var(--leading-relaxed)} .bg-dark .text-accent-warm{color:var(--primary-teal);text-decoration:none;font-weight:var(--font-semibold);transition:all var(--duration-200) var(--ease-out)} .bg-dark .text-accent-warm:hover{color:var(--primary-teal-light);text-decoration:underline} .bg-dark p{color:var(--neutral-300);margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed)} @media (max-width:640px){.bg-dark .block{display:block;margin-top:var(--space-2)} .bg-dark{padding:var(--space-12) 0} } .service-detail-card{background-color:var(--neutral-50);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--duration-300) var(--ease-out)} .service-detail-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)} .service-detail-image{position:relative;overflow:hidden} .service-detail-image img{width:100%;height:300px;object-fit:cover;transition:transform var(--duration-500) var(--ease-out)} .service-detail-card:hover .service-detail-image img{transform:scale(1.05)} .service-detail-content{padding:var(--space-8)} .service-detail-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-4)} .service-detail-description{color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)} .service-benefits h4,.service-approach h4{color:var(--neutral-800);font-size:var(--text-base);font-weight:var(--font-semibold)} .service-actions{display:flex;gap:var(--space-3);flex-wrap:wrap} @media (max-width:640px){.service-actions{flex-direction:column} .service-actions .btn{width:100%} } .pricing-card{background-color:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;position:relative;transition:all var(--duration-300) var(--ease-out)} .pricing-card:hover{border-color:var(--primary-blue);transform:translateY(-4px);box-shadow:var(--shadow-xl)} .pricing-card.featured{border-color:var(--primary-blue);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);transform:scale(1.05)} .pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)} .pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--primary-blue);color:var(--neutral-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)} .pricing-header{margin-bottom:var(--space-6)} .pricing-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-4)} .pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)} .pricing-currency{font-size:var(--text-lg);color:var(--neutral-600)} .pricing-amount{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--primary-blue)} .pricing-period{font-size:var(--text-base);color:var(--neutral-600)} .pricing-features{margin-bottom:var(--space-8)} .pricing-action .btn{width:100%} .faq-list{display:flex;flex-direction:column;gap:var(--space-4)} .faq-item{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-200) var(--ease-out)} .faq-item:hover{border-color:var(--primary-blue)} .faq-item[open]{border-color:var(--primary-blue);box-shadow:var(--shadow-md)} .faq-question{padding:var(--space-6);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--neutral-900);cursor:pointer;list-style:none;position:relative;transition:all var(--duration-200) var(--ease-out)} .faq-question:hover{color:var(--primary-blue)} .faq-question::after{content:'+';position:absolute;right:var(--space-6);top:50%;transform:translateY(-50%);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-blue);transition:transform var(--duration-200) var(--ease-out)} .faq-item[open] .faq-question::after{content:'−';transform:translateY(-50%) rotate(180deg)} .faq-question::-webkit-details-marker{display:none} .faq-answer{padding:0 var(--space-6) var(--space-6);color:var(--neutral-600);line-height:var(--leading-relaxed);animation:fadeInDown var(--duration-300) var(--ease-out)} @keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} } .bg-light{background-color:var(--neutral-100)} .bg-dark{background-color:var(--neutral-900)} .bg-primary{background-color:var(--primary-blue)} .space-y-2 > * + *{margin-top:var(--space-2)} .space-y-3 > * + *{margin-top:var(--space-3)} .space-y-4 > * + *{margin-top:var(--space-4)} .gap-2{gap:var(--space-2)} .gap-3{gap:var(--space-3)} .gap-4{gap:var(--space-4)} .gap-8{gap:var(--space-8)} .gap-12{gap:var(--space-12)} .max-w-2xl{max-width:672px} .max-w-4xl{max-width:896px} .mx-auto{margin-left:auto;margin-right:auto} .py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)} @media (max-width:1023px){.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))} .service-detail-card{margin-bottom:var(--space-8)} } @media (max-width:767px){.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))} .pricing-card.featured{transform:none} .pricing-card.featured:hover{transform:translateY(-4px)} } .service-detail-section{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--duration-300) var(--ease-out)} .service-detail-section:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue-light)} .service-detail-section h3{color:var(--primary-blue);margin-bottom:var(--space-4)} .service-detail-section h4{color:var(--neutral-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)} .service-detail-section .grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)} @media (max-width:768px){.service-detail-section .grid{grid-template-columns:1fr;gap:var(--space-6)} .service-detail-section{padding:var(--space-6)} } .breadcrumb{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--neutral-600)} .breadcrumb li:not(:last-child)::after{content:'→';margin-left:var(--space-2);color:var(--neutral-400)} .breadcrumb a{color:var(--neutral-600);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .breadcrumb a:hover{color:var(--primary-blue)} .booking-card{background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.05);padding:var(--space-8);margin-bottom:var(--space-8);border:1px solid var(--neutral-200);transition:all var(--duration-300) var(--ease-out)} .booking-card:hover{box-shadow:0 15px 40px rgba(0,0,0,0.08);transform:translateY(-2px)} @media (max-width:640px){.booking-card{padding:var(--space-6);margin-bottom:var(--space-6);border-radius:12px} } .hero-compact{padding:var(--space-16) 0 var(--space-4) 0} @media (max-width:640px){.hero-compact{padding:var(--space-12) 20px var(--space-4) 20px} } .section-tight{padding:var(--space-4) 0 var(--space-20) 0} @media (max-width:640px){.section-tight{padding:var(--space-4) 0 var(--space-16) 0} } #calendar-container iframe{border-radius:12px;border:1px solid var(--neutral-200);box-shadow:0 4px 12px rgba(0,0,0,0.05);width:100%;min-height:800px} @media (max-width:640px){#calendar-container iframe{height:1000px !important;min-height:1000px;border-radius:8px} } .contact-icon{width:64px;height:64px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:var(--primary-blue-light);border-radius:var(--radius-xl);transition:all var(--duration-300) var(--ease-out)} .contact-icon:hover{background-color:var(--primary-blue);transform:scale(1.05)} .alert{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid} .alert-success{background-color:rgba(39,174,96,0.1);border-color:var(--success);color:var(--success)} .alert-error{background-color:rgba(231,76,60,0.1);border-color:var(--error);color:var(--error)} .alert-emergency{background-color:rgba(231,76,60,0.05);border-color:var(--error);color:var(--error);border-radius:16px;box-shadow:0 4px 12px rgba(231,76,60,0.1)} .alert-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center} .alert-content{flex:1} .alert-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:inherit} .alert-text{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);color:var(--neutral-700)} .emergency-contacts{display:flex;gap:var(--space-4);flex-wrap:wrap} .emergency-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background-color:var(--error);color:white;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--duration-200) var(--ease-out);min-height:44px} .emergency-link:hover{background-color:#C0392B;transform:translateY(-1px);box-shadow:var(--shadow-md)} @media (max-width:640px){.emergency-contacts{flex-direction:column} .emergency-link{width:100%;justify-content:center} } .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--neutral-200);border-radius:50%;border-top-color:var(--primary-blue);animation:spin 1s ease-in-out infinite} @keyframes spin{to{transform:rotate(360deg)} } #calendar-container iframe{border-radius:12px;border:1px solid var(--neutral-200);box-shadow:0 4px 12px rgba(0,0,0,0.05);width:100%;min-height:800px} @media (max-width:640px){#calendar-container iframe{height:1000px !important;min-height:1000px;border-radius:8px} } @media (prefers-contrast:high){:root{--primary-blue:#000080;--primary-teal:#006666;--neutral-800:#000000;--neutral-100:#ffffff} .service-card-main{border:2px solid var(--neutral-800)} .btn{border-width:2px} } .btn:focus,.nav-link:focus,.faq-question:focus{outline:2px solid var(--primary-blue);outline-offset:2px} .btn,.nav-link,.faq-question,.mobile-menu-toggle{min-height:44px;min-width:44px} .service-description-main{color:var(--neutral-800)} .section-subtitle{color:var(--neutral-700)} .text-center{text-align:center} .mb-4{margin-bottom:var(--space-4)} .mb-6{margin-bottom:var(--space-6)} .mb-8{margin-bottom:var(--space-8)} .mb-12{margin-bottom:var(--space-12)} .max-w-4xl{max-width:896px} .mx-auto{margin-left:auto;margin-right:auto} .flex{display:flex} .justify-center{justify-content:center} .gap-4{gap:var(--space-4)} .grid{display:grid;gap:var(--space-6)} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} @media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr} } img[loading="lazy"]{opacity:0;transition:opacity 0.3s} img[loading="lazy"].loaded{opacity:1} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } .approach-card{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-300) var(--ease-out)} .approach-card:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)} .approach-icon{width:64px;height:64px;background-color:var(--primary-blue);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--neutral-50);transition:all var(--duration-300) var(--ease-out)} .approach-card:hover .approach-icon{background-color:var(--primary-teal);transform:scale(1.1)} .philosophy-card{text-align:center;padding:var(--space-8);background-color:var(--neutral-50);border-radius:var(--radius-xl);position:relative;transition:all var(--duration-300) var(--ease-out)} .philosophy-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)} .philosophy-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));color:var(--neutral-50);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 auto var(--space-6);position:relative;z-index:1} .philosophy-number::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));border-radius:var(--radius-full);z-index:-1;opacity:0;transition:opacity var(--duration-300) var(--ease-out)} .philosophy-card:hover .philosophy-number::before{opacity:0.2} .philosophy-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-4)} .philosophy-description{color:var(--neutral-600);line-height:var(--leading-relaxed)} .experience-list{display:flex;flex-direction:column;gap:var(--space-6)} .experience-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--neutral-100);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease-out)} .experience-item:hover{background-color:var(--neutral-200);transform:translateX(4px)} .experience-icon{width:48px;height:48px;background-color:var(--primary-blue);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--neutral-50);flex-shrink:0;transition:all var(--duration-200) var(--ease-out)} .experience-item:hover .experience-icon{background-color:var(--primary-teal);transform:scale(1.1)} .experience-item h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-1)} @media (max-width:1023px){.about-content,.approach-content{margin-bottom:var(--space-12)} } @media (max-width:767px){.philosophy-card{padding:var(--space-6)} .philosophy-number{width:50px;height:50px;font-size:var(--text-lg)} .experience-item{flex-direction:column;text-align:center} .experience-icon{margin:0 auto} } .search-container{background-color:var(--neutral-50);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg)} .search-input-wrapper{position:relative;display:flex;align-items:center} .search-input{padding-right:var(--space-12);font-size:var(--text-lg)} .search-btn{position:absolute;right:var(--space-3);background:none;border:none;color:var(--neutral-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-out)} .search-btn:hover{color:var(--primary-blue);background-color:var(--neutral-100)} .filter-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap} .filter-btn{padding:var(--space-2) var(--space-4);background-color:var(--neutral-200);color:var(--neutral-700);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-200) var(--ease-out)} .filter-btn:hover{background-color:var(--neutral-300);color:var(--neutral-800)} .filter-btn.active{background-color:var(--primary-blue);color:var(--neutral-50)} .featured-article{background-color:var(--neutral-50);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:all var(--duration-300) var(--ease-out)} .featured-article:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)} .featured-image{position:relative;overflow:hidden} .featured-img{width:100%;height:400px;object-fit:cover;transition:transform var(--duration-500) var(--ease-out)} .featured-article:hover .featured-img{transform:scale(1.05)} .featured-content{padding:var(--space-8)} .featured-title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)} .featured-title a{color:var(--neutral-900);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .featured-title a:hover{color:var(--primary-blue)} .featured-excerpt{font-size:var(--text-lg);color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)} .article-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)} .category-tag{background-color:var(--primary-blue);color:var(--neutral-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:0.05em} .article-date{color:var(--neutral-500);font-size:var(--text-sm)} .article-stats{display:flex;align-items:center;gap:var(--space-4)} .reading-time{display:flex;align-items:center;color:var(--neutral-500);font-size:var(--text-sm)} .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)} .blog-card{background-color:var(--neutral-50);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--duration-300) var(--ease-out);position:relative} .blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2xl)} .blog-card-image-wrapper{position:relative;overflow:hidden} .blog-card-image{width:100%;height:250px;object-fit:cover;transition:transform var(--duration-500) var(--ease-out)} .blog-card:hover .blog-card-image{transform:scale(1.1)} .category-overlay{position:absolute;top:var(--space-4);left:var(--space-4);background-color:rgba(44,95,124,0.9);color:var(--neutral-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:0.05em;backdrop-filter:blur(4px)} .blog-card-content{padding:var(--space-6)} .blog-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--neutral-500)} .blog-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-3)} .blog-card-title a{color:var(--neutral-900);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .blog-card-title a:hover{color:var(--primary-blue)} .blog-card-excerpt{color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .blog-card-link{color:var(--primary-blue);font-weight:var(--font-medium);text-decoration:none;transition:all var(--duration-200) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-1)} .blog-card-link:hover{color:var(--primary-blue-dark);transform:translateX(4px)} .newsletter-form{max-width:400px;margin:0 auto} .newsletter-input-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)} .newsletter-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-lg);background-color:rgba(255,255,255,0.1);color:var(--neutral-50);font-size:var(--text-base);backdrop-filter:blur(4px)} .newsletter-input::placeholder{color:rgba(255,255,255,0.7)} .newsletter-input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px rgba(59,130,246,0.3)} .newsletter-privacy{font-size:var(--text-sm);color:rgba(255,255,255,0.8);text-align:center} @media (max-width:1023px){.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)} .featured-article .grid-cols-2{grid-template-columns:1fr} .featured-content{padding:var(--space-6)} .featured-title{font-size:var(--text-2xl)} } @media (max-width:767px){.blog-grid{grid-template-columns:1fr} .filter-buttons{justify-content:center} .newsletter-input-group{flex-direction:column} .search-container{padding:var(--space-6)} .featured-img{height:300px} .blog-card-image{height:200px} } .animate-slide-up{animation:slideUp 0.6s ease-out} .animate-fade-in{animation:fadeIn 0.8s ease-out} @keyframes slideUp{from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} } @keyframes fadeIn{from{opacity:0} to{opacity:1} } .blog-card.loading{opacity:0.6;pointer-events:none} .blog-card.loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 1.5s infinite} @keyframes shimmer{0%{transform:translateX(-100%)} 100%{transform:translateX(100%)} } .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} @media (prefers-contrast:high){.blog-card{border:2px solid var(--neutral-800)} .category-tag,.category-overlay{background-color:var(--neutral-900);color:var(--neutral-50)} } @media (prefers-reduced-motion:reduce){.blog-card,.featured-article,.blog-card-image,.featured-img{transition:none} .animate-slide-up,.animate-fade-in{animation:none} } .article-header{background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);padding:var(--space-16) 0 var(--space-12);position:relative} .article-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none} .breadcrumb-nav{margin-bottom:var(--space-8)} .breadcrumb{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--neutral-600)} .breadcrumb li:not(:last-child)::after{content:'→';margin-left:var(--space-2);color:var(--neutral-400)} .breadcrumb a{color:var(--neutral-600);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .breadcrumb a:hover{color:var(--primary-blue)} .article-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap} .category-badge{background-color:var(--primary-blue);color:var(--neutral-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:0.05em} .publish-date{color:var(--neutral-500);font-size:var(--text-sm)} .reading-time{display:flex;align-items:center;color:var(--neutral-500);font-size:var(--text-sm)} .article-title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--neutral-900);margin-bottom:var(--space-6);max-width:800px} .article-excerpt{font-size:var(--text-xl);color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:700px} .author-info{display:flex;align-items:center;gap:var(--space-4)} .author-avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover} .author-details{display:flex;flex-direction:column} .author-name{font-weight:var(--font-semibold);color:var(--neutral-900)} .author-title{font-size:var(--text-sm);color:var(--neutral-600)} .featured-image-container{position:relative;margin-bottom:var(--space-16)} .featured-image{width:100%;height:400px;object-fit:cover;border-radius:0} .content-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);max-width:1200px;margin:0 auto} .main-content{position:relative} .social-share-sticky{position:fixed;left:var(--space-6);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-sticky)} .share-btn{width:48px;height:48px;border-radius:var(--radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-200) var(--ease-out);box-shadow:var(--shadow-md)} .share-btn.facebook{background-color:#1877F2;color:white} .share-btn.twitter{background-color:#1DA1F2;color:white} .share-btn.linkedin{background-color:#0A66C2;color:white} .share-btn.copy{background-color:var(--neutral-700);color:white} .share-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)} .prose{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--neutral-700);max-width:none} .prose .lead{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--neutral-800);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)} .prose h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-top:var(--space-12);margin-bottom:var(--space-6);line-height:var(--leading-tight)} .prose h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-top:var(--space-10);margin-bottom:var(--space-4);line-height:var(--leading-tight)} .prose h4{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-top:var(--space-8);margin-bottom:var(--space-3)} .prose p{margin-bottom:var(--space-6)} .prose ul,.prose ol{margin-bottom:var(--space-6);padding-left:var(--space-6)} .prose li{margin-bottom:var(--space-2)} .prose strong{font-weight:var(--font-semibold);color:var(--neutral-900)} .highlight-box{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-teal) 100%);color:var(--neutral-50);padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-8) 0} .highlight-box h3{color:var(--neutral-50);margin-top:0;margin-bottom:var(--space-4)} .highlight-box ul{margin-bottom:0} .example-box{background-color:var(--neutral-100);border-left:4px solid var(--primary-teal);padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0} .example-box h4{margin-top:0;margin-bottom:var(--space-3);color:var(--neutral-900)} .quote-block{background-color:var(--neutral-100);border-left:4px solid var(--primary-blue);padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-8) 0;font-style:italic} .quote-block p{font-size:var(--text-xl);color:var(--neutral-800);margin-bottom:var(--space-4)} .quote-block cite{font-size:var(--text-base);color:var(--neutral-600);font-style:normal;font-weight:var(--font-medium)} .two-column-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin:var(--space-6) 0} .comparison-box{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-6) 0} .comparison-item{padding:var(--space-6);border-radius:var(--radius-lg)} .comparison-item.bad{background-color:rgba(231,76,60,0.1);border-left:4px solid var(--error)} .comparison-item.good{background-color:rgba(39,174,96,0.1);border-left:4px solid var(--success)} .comparison-item h4{margin-top:0;margin-bottom:var(--space-3)} .rules-box{background-color:var(--neutral-100);padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-6) 0} .rules-box h3{margin-top:0;margin-bottom:var(--space-4);color:var(--neutral-900)} .rules-box ol{margin-bottom:0} .cta-box{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-teal) 100%);color:var(--neutral-50);padding:var(--space-8);border-radius:var(--radius-2xl);margin:var(--space-12) 0;text-align:center} .cta-box h3{color:var(--neutral-50);margin-top:0;margin-bottom:var(--space-4)} .cta-box p{margin-bottom:var(--space-6)} .cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap} .article-footer{border-top:1px solid var(--neutral-200);padding-top:var(--space-8);margin-top:var(--space-12)} .tags-section{margin-bottom:var(--space-8)} .tags-section h4{margin-bottom:var(--space-4);color:var(--neutral-900)} .tags{display:flex;gap:var(--space-2);flex-wrap:wrap} .tag{background-color:var(--neutral-200);color:var(--neutral-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);text-decoration:none;transition:all var(--duration-200) var(--ease-out)} .tag:hover{background-color:var(--primary-blue);color:var(--neutral-50)} .share-section h4{margin-bottom:var(--space-4);color:var(--neutral-900)} .share-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap} .share-buttons .share-btn{width:auto;height:auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)} .sidebar{position:sticky;top:var(--space-8);height:fit-content} .sidebar-widget{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)} .sidebar-widget h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-4)} .author-bio{display:flex;gap:var(--space-4);align-items:flex-start} .author-photo{width:80px;height:80px;border-radius:var(--radius-xl);object-fit:cover;flex-shrink:0} .bio-content h3{margin-bottom:var(--space-2)} .bio-title{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-3)} .bio-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)} .bio-link{color:var(--primary-blue);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .bio-link:hover{color:var(--primary-blue-dark)} .toc ol{list-style:none;padding:0;margin:0} .toc li{margin-bottom:var(--space-2)} .toc a{color:var(--neutral-700);text-decoration:none;font-size:var(--text-sm);line-height:var(--leading-relaxed);transition:color var(--duration-200) var(--ease-out)} .toc a:hover{color:var(--primary-blue)} .related-list{display:flex;flex-direction:column;gap:var(--space-4)} .related-item{display:flex;gap:var(--space-3);align-items:flex-start} .related-image{width:80px;height:60px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0} .related-content h4{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);margin-bottom:var(--space-1)} .related-content h4 a{color:var(--neutral-900);text-decoration:none;transition:color var(--duration-200) var(--ease-out)} .related-content h4 a:hover{color:var(--primary-blue)} .related-content time{font-size:var(--text-xs);color:var(--neutral-500)} .category-list{list-style:none;padding:0;margin:0} .category-list li{margin-bottom:var(--space-2)} .category-list a{display:flex;justify-content:space-between;align-items:center;color:var(--neutral-700);text-decoration:none;font-size:var(--text-sm);padding:var(--space-2) 0;transition:color var(--duration-200) var(--ease-out)} .category-list a:hover{color:var(--primary-blue)} .category-list span{color:var(--neutral-500);font-size:var(--text-xs)} .contact-cta{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-teal) 100%);color:var(--neutral-50)} .contact-cta h3{color:var(--neutral-50)} .contact-cta p{color:var(--neutral-50);margin-bottom:var(--space-4)} @media (max-width:1200px){.social-share-sticky{display:none} } @media (max-width:1023px){.content-layout{grid-template-columns:1fr;gap:var(--space-8)} .sidebar{position:static} .article-title{font-size:var(--text-4xl)} .article-excerpt{font-size:var(--text-lg)} .featured-image{height:300px} } @media (max-width:767px){.article-header{padding:var(--space-12) 0 var(--space-8)} .article-title{font-size:var(--text-3xl)} .article-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)} .author-info{flex-direction:column;align-items:flex-start;text-align:left} .two-column-list,.comparison-box{grid-template-columns:1fr} .cta-buttons{flex-direction:column} .share-buttons{justify-content:center} .featured-image{height:250px} .prose{font-size:var(--text-base)} .prose .lead{font-size:var(--text-lg)} .prose h2{font-size:var(--text-2xl)} .prose h3{font-size:var(--text-xl)} .author-bio{flex-direction:column;text-align:center} .related-item{flex-direction:column;text-align:center} .related-image{width:100%;height:120px} } @media print{.social-share-sticky,.share-section,.sidebar,.navbar,footer{display:none} .content-layout{grid-template-columns:1fr} .article-header{background:none;padding:var(--space-4) 0} .featured-image{height:auto;max-height:300px} .prose{font-size:12pt;line-height:1.4} .prose h2{font-size:18pt;page-break-after:avoid} .prose h3{font-size:16pt;page-break-after:avoid} } .test-container{max-width:800px;margin:0 auto;background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)} .test-progress{margin-bottom:var(--space-8);text-align:center} .progress-bar{width:100%;height:8px;background-color:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)} .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-teal));border-radius:var(--radius-full);transition:width var(--duration-300) var(--ease-out)} .progress-text{font-size:var(--text-sm);color:var(--neutral-600);font-weight:var(--font-medium)} .question-card{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center} .question-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)} .answer-options{display:flex;flex-direction:column;gap:var(--space-3)} .answer-btn{padding:var(--space-4) var(--space-6);background:var(--neutral-100);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-700);cursor:pointer;transition:all var(--duration-200) var(--ease-out);min-height:48px} .answer-btn:hover{background:var(--primary-blue-light);border-color:var(--primary-blue);color:var(--primary-blue-dark);transform:translateY(-1px)} .answer-btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px} .test-results{text-align:center;padding:var(--space-8)} .results-content{max-width:600px;margin:0 auto} .results-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-6)} .result-type h4{color:var(--primary-blue);margin-bottom:var(--space-4)} .result-description{font-size:var(--text-lg);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)} .results-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap} .attachment-style-preview{padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);border-left:4px solid var(--primary-blue)} .attachment-style-preview h4{margin-bottom:var(--space-2)} @media (max-width:768px){.test-container{padding:var(--space-6);margin:var(--space-4)} .question-text{font-size:var(--text-lg)} .answer-options{gap:var(--space-2)} .answer-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)} .results-actions{flex-direction:column;align-items:center} .results-actions .btn{width:100%;max-width:300px} } @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;600&family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');:root{--f26-bg:#F9F9F9;--f26-surface:#FFFFFF;--f26-ink:#1A1A1A;--f26-muted:#6B6B6B;--f26-border:#E0E0E0;--f26-radius:16px;--f26-serif:'IBM Plex Serif',Georgia,serif;--f26-sans:'IBM Plex Sans',system-ui,sans-serif;--f26-mono:'IBM Plex Mono',monospace;--f26-teal:#4A9B8E;--f26-nav-h:68px} body{background-color:var(--f26-bg);font-family:var(--f26-sans)} .navbar{position:fixed;top:0;left:0;width:100%;height:var(--f26-nav-h);z-index:1000;background:rgba(249,249,249,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(224,224,224,0.6);transition:background 0.3s ease,box-shadow 0.3s ease} .navbar.scrolled{background:rgba(249,249,249,0.92);box-shadow:0 1px 24px rgba(0,0,0,0.06)} .navbar-container{max-width:1200px;margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;justify-content:space-between} .navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none} .navbar-brand img{width:36px;height:36px;border-radius:8px} .navbar-brand span{font-family:var(--f26-serif);font-weight:600;font-size:1.15rem;color:var(--f26-ink);letter-spacing:-0.02em} .navbar-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px} .navbar-nav li{margin:0} .nav-link{font-family:var(--f26-sans);font-size:0.875rem;font-weight:400;color:var(--f26-muted);text-decoration:none;padding:8px 14px;border-radius:8px;transition:color 0.2s ease,background 0.2s ease;white-space:nowrap} .nav-link:hover,.nav-link.active{color:var(--f26-ink);background:rgba(0,0,0,0.05)} .nav-link.nav-cta{background:var(--f26-ink);color:#fff !important;font-weight:500;padding:9px 18px;border-radius:10px;margin-left:8px;transition:opacity 0.2s ease} .nav-link.nav-cta:hover{opacity:0.82;background:var(--f26-ink)} .mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px} .hamburger-line{display:block;width:22px;height:1.5px;background:var(--f26-ink);border-radius:2px;transition:all 0.25s ease} @media (max-width:768px){.mobile-menu-toggle{display:flex} .navbar-menu{display:none;position:absolute;top:var(--f26-nav-h);left:0;right:0;background:rgba(249,249,249,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--f26-border);padding:16px 20px 24px} .navbar-menu.open{display:block} .navbar-nav{flex-direction:column;align-items:flex-start;gap:2px} .nav-link{padding:10px 12px;width:100%} .nav-link.nav-cta{margin-left:0;margin-top:8px;text-align:center} } body{padding-top:var(--f26-nav-h) !important} .f26-footer{background:#111111;color:#CBD2D9;font-family:var(--f26-sans)} .f26-footer-cta{padding:80px 28px 64px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.07);max-width:680px;margin:0 auto} .f26-footer-cta h2{font-family:var(--f26-serif);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:600;color:#FFFFFF;margin:0 0 40px;line-height:1.2;letter-spacing:-0.03em} .f26-footer-btn{display:inline-block;padding:14px 36px;background:#FFFFFF;color:#111111;font-family:var(--f26-sans);font-size:0.9rem;font-weight:600;text-decoration:none;border-radius:var(--f26-radius);transition:opacity 0.2s ease;margin-bottom:48px} .f26-footer-btn:hover{opacity:0.88} .f26-footer-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;max-width:560px;margin:0 auto} .f26-badge{background:rgba(255,255,255,0.04);padding:20px 16px;text-align:center} .f26-badge-value{font-family:var(--f26-serif);font-size:1.3rem;font-weight:600;color:#FFFFFF;display:block;margin-bottom:4px} .f26-badge-label{font-family:var(--f26-mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,0.45)} .f26-footer-body{max-width:1100px;margin:0 auto;padding:48px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px} @media (max-width:640px){.f26-footer-body{grid-template-columns:1fr;gap:32px} .f26-footer-badges{grid-template-columns:1fr} } .f26-footer-col-title{font-family:var(--f26-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,0.35);margin:0 0 16px} .f26-footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px} .f26-footer-nav a{font-family:var(--f26-sans);font-size:0.875rem;color:rgba(255,255,255,0.55);text-decoration:none;transition:color 0.2s ease} .f26-footer-nav a:hover{color:#FFFFFF} .f26-footer-contact{display:flex;flex-direction:column;gap:10px} .f26-footer-contact a{font-family:var(--f26-sans);font-size:0.875rem;color:rgba(255,255,255,0.55);text-decoration:none;display:flex;align-items:center;gap:10px;transition:color 0.2s ease} .f26-footer-contact a:hover{color:#FFFFFF} .f26-footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1100px;margin:0 auto} .f26-footer-bottom p{font-family:var(--f26-mono);font-size:0.68rem;color:rgba(255,255,255,0.25);margin:0;letter-spacing:0.3px} .f26-footer-bottom a{color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s} .f26-footer-bottom a:hover{color:rgba(255,255,255,0.7)} .f26-footer-social{display:flex;gap:16px} .f26-footer-social a{color:rgba(255,255,255,0.3);transition:color 0.2s ease} .f26-footer-social a:hover{color:rgba(255,255,255,0.7)} .f26-blog-hero{padding:72px 28px 48px;max-width:760px;margin:0 auto;text-align:center} .f26-blog-hero h1{font-family:var(--f26-serif);font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--f26-ink);margin:0 0 16px;letter-spacing:-0.03em;line-height:1.15} .f26-blog-hero p{font-family:var(--f26-sans);font-size:1rem;color:var(--f26-muted);margin:0;line-height:1.65} .f26-bento{max-width:1100px;margin:0 auto;padding:0 28px 100px;display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:auto;gap:12px} @media (max-width:768px){.f26-bento{grid-template-columns:1fr} } .f26-card{background:var(--f26-surface);border:1px solid var(--f26-border);border-radius:var(--f26-radius);padding:28px;text-decoration:none;display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease;overflow:hidden;position:relative} .f26-card:hover{transform:scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,0.07);text-decoration:none} .f26-card-featured{grid-row:span 2;padding:36px;background:var(--f26-ink)} .f26-card-featured .f26-card-category{color:rgba(255,255,255,0.45)} .f26-card-featured .f26-card-title{color:#FFFFFF} .f26-card-featured .f26-card-excerpt{color:rgba(255,255,255,0.6)} .f26-card-featured .f26-card-cta{color:rgba(255,255,255,0.7)} .f26-card-featured:hover .f26-card-cta{color:#FFFFFF} .f26-card-category{font-family:var(--f26-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--f26-muted);margin-bottom:14px;display:block} .f26-card-title{font-family:var(--f26-serif);font-size:1.2rem;font-weight:600;color:var(--f26-ink);line-height:1.3;margin:0 0 12px;letter-spacing:-0.02em} .f26-card-featured .f26-card-title{font-size:clamp(1.4rem,2.5vw,1.9rem);margin-bottom:16px} .f26-card-excerpt{font-family:var(--f26-sans);font-size:0.875rem;color:var(--f26-muted);line-height:1.65;margin:0 0 auto;flex-grow:1} .f26-card-cta{font-family:var(--f26-mono);font-size:0.72rem;letter-spacing:0.5px;color:var(--f26-muted);margin-top:24px;display:inline-flex;align-items:center;gap:6px;transition:color 0.2s ease,gap 0.2s ease} .f26-card:hover .f26-card-cta{gap:10px;color:var(--f26-ink)} .f26-reveal{opacity:1;transform:none;transition:none} .f26-reveal.animated{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease} .f26-reveal.animated.visible{opacity:1;transform:none} .navbar-scrolled-js{background:rgba(249,249,249,0.95) !important;box-shadow:0 1px 24px rgba(0,0,0,0.07) !important} @media (max-width:768px){.f26-blog-hero{padding-top:40px !important;padding-bottom:32px !important} }