:root{--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.5px;--letter-spacing-wider:1px;--font-heading:var(--brand-heading-font,"Handlee"),cursive;--font-body:var(--brand-body-font,system-ui,-apple-system,sans-serif);--font-mono:var(--brand-mono-font,"Courier Prime"),"Monaco","Consolas",monospace;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:var(--brand-primary,#2563eb);--color-primary-600:#1d4ed8;--color-primary-700:var(--brand-secondary,#1e40af);--color-primary-800:#1e3a8a;--color-primary-900:#172554;--color-on-primary:#fff;--color-primary-alpha-10:rgba(37,99,235,.1);--color-primary-alpha-20:rgba(37,99,235,.2);--color-primary-alpha-30:rgba(37,99,235,.3);--color-primary-alpha-40:rgba(37,99,235,.4);--color-primary-alpha-90:rgba(37,99,235,.9);--color-primary-alpha-95:rgba(29,78,216,.95);--color-primary-400-alpha-20:rgba(96,165,250,.2);--color-primary-400-alpha-30:rgba(59,130,246,.3);--color-primary-400-alpha-40:rgba(59,130,246,.4);--color-primary-400-alpha-90:rgba(59,130,246,.9);--color-primary-400-alpha-95:rgba(96,165,250,.95);--color-white-alpha-10:hsla(0,0%,100%,.1);--color-white-alpha-15:hsla(0,0%,100%,.15);--color-white-alpha-30:hsla(0,0%,100%,.3);--color-white-alpha-40:hsla(0,0%,100%,.4);--color-white-alpha-80:hsla(0,0%,100%,.8);--color-black-alpha-10:rgba(0,0,0,.1);--color-black-alpha-25:rgba(0,0,0,.25);--color-black-alpha-30:rgba(0,0,0,.3);--color-black-alpha-70:rgba(0,0,0,.7);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-amber:#fbbf24;--color-marketing:#2563eb;--color-development:#047857;--color-automation:#7c3aed;--color-general:#64748b;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-black:#000;--color-text-primary:var(--brand-text,var(--color-gray-900));--color-text-secondary:var(--color-gray-600);--color-text-inverse:var(--color-white);--color-bg-primary:var(--brand-bg,var(--color-white));--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-bg-inverse:var(--color-gray-900);--color-border-primary:var(--color-gray-200);--color-border-secondary:var(--color-gray-300);--color-border-focus:var(--color-primary-500);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-section:var(--space-16);--space-element:var(--space-6);--space-component:var(--space-4);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--content-narrow:65ch;--content-wide:85ch;--content-full:100%;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:50%;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 20px rgba(0,0,0,.1);--shadow-xl:0 20px 40px rgba(0,0,0,.15);--shadow-2xl:0 25px 50px rgba(0,0,0,.25);--shadow-focus-primary:0 0 0 3px rgba(59,130,246,.2);--shadow-focus-error:0 0 0 3px rgba(239,68,68,.2);--shadow-marketing:0 4px 20px rgba(59,130,246,.15);--shadow-development:0 4px 20px rgba(139,92,246,.15);--shadow-automation:0 4px 20px rgba(16,185,129,.15);--shadow-general:0 4px 20px rgba(100,116,139,.15);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--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);--transition-all:all var(--duration-normal) var(--ease-in-out);--transition-colors:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);--transition-transform:transform var(--duration-normal) var(--ease-in-out);--btn-padding-x:var(--space-4);--btn-padding-y:var(--space-3);--btn-radius:var(--radius-md);--btn-font-weight:var(--font-weight-medium);--card-padding:var(--space-6);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-md);--input-padding-x:var(--space-3);--input-padding-y:var(--space-3);--input-radius:var(--radius-md);--input-border-width:1px;--nav-height:4rem;--nav-padding:var(--space-4);--post-meta-font-size:var(--font-xs);--post-meta-color:var(--color-text-muted);--post-meta-color-dark:var(--color-gray-500);--toc-header-size:clamp(1rem,2.5vw,1.125rem);--toc-link-size:clamp(0.875rem,2vw,1rem);--toc-header-weight:var(--font-weight-semibold);--toc-link-weight:var(--font-weight-normal);--toc-header-line-height:var(--line-height-tight);--toc-link-line-height:var(--line-height-normal);--faq-prefix-size:clamp(1rem,2vw,1rem);--faq-content-size:clamp(1rem,2.5vw,1.1rem);--faq-prefix-weight:var(--font-weight-semibold);--faq-content-weight:var(--font-weight-normal);--faq-prefix-line-height:var(--line-height-normal);--faq-content-line-height:var(--line-height-relaxed);--blog-h1-size:clamp(1.875rem,5vw,2.25rem);--blog-h2-size:clamp(1.5rem,4vw,2rem);--blog-h3-size:clamp(1.25rem,3.5vw,1.5rem);--blog-h4-size:clamp(1rem,3vw,1.125rem);--blog-paragraph-size:clamp(1rem,2.5vw,1.1rem);--component-padding:var(--space-5);--component-margin:var(--space-6) 0;--component-border-radius:var(--radius-lg);--card-min-height-mobile:120px;--card-padding-mobile:var(--space-4);--card-padding-desktop:var(--space-6);--card-gap-mobile:var(--space-4);--card-gap-desktop:var(--space-6);--interactive-card-min-height:88px;--interactive-card-padding:var(--space-5);--component-containment:layout style paint;--component-isolation:isolate;--bp-xs:360px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--cq-sm:320px;--cq-md:480px;--cq-lg:640px;--touch-target-minimum:44px;--touch-target-comfortable:48px;--touch-target-generous:56px;--touch-target-top:44px;--touch-target-center:44px;--touch-target-bottom:48px;--min-touch-target:var(--touch-target-minimum);--comfortable-touch-target:var(--touch-target-comfortable)}:root,[data-theme=dark]{--color-text-muted:var(--color-gray-500)}[data-theme=dark]{--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-400);--color-text-inverse:var(--color-gray-900);--color-bg-primary:var(--color-gray-900);--color-bg-secondary:var(--color-gray-800);--color-bg-tertiary:var(--color-gray-700);--color-bg-inverse:var(--color-white);--color-border-primary:var(--color-gray-700);--color-border-secondary:var(--color-gray-600);--shadow-sm:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.2);--shadow-lg:0 10px 20px rgba(0,0,0,.3);--shadow-xl:0 20px 40px rgba(0,0,0,.4)}.font-xs{font-size:var(--font-xs)}.font-sm{font-size:var(--font-sm)}.font-base{font-size:var(--font-base)}.font-lg{font-size:var(--font-lg)}.font-xl{font-size:var(--font-xl)}.font-2xl{font-size:var(--font-2xl)}.font-3xl{font-size:var(--font-3xl)}.font-4xl{font-size:var(--font-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-display:swap;line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);transition:var(--transition-colors)}[data-theme=dark]{background:var(--color-gray-900);color:var(--color-gray-100)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-white);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}[data-theme=dark] .nav{background:var(--color-gray-900);box-shadow:var(--shadow-sm)}.nav-container{justify-content:space-between;width:100%;max-width:var(--container-xl)}.logo,.nav-container{display:flex;align-items:center}.logo{text-decoration:none}.logo-img{object-fit:contain}.logo-img,.logo-text{width:40px;height:40px}.logo-text{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);letter-spacing:-.02em}[data-theme=dark] .logo-text{color:var(--color-primary-400)}.nav-menu{display:flex;align-items:center;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav-menu a{font-size:var(--font-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2);border-radius:var(--radius-sm);transition:color .2s ease}.nav-menu a:hover{color:var(--color-primary-600)}[data-theme=dark] .nav-menu a{color:var(--color-gray-300)}[data-theme=dark] .nav-menu a:hover{color:var(--color-primary-400)}.nav-menu .blog-link a{color:var(--color-primary-600);font-weight:var(--font-weight-medium)}[data-theme=dark] .nav-menu .blog-link a{color:var(--color-primary-400)}.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);margin-left:var(--space-2)}.theme-toggle:hover{background:var(--color-gray-100);color:var(--color-primary-600)}[data-theme=dark] .theme-toggle{color:var(--color-gray-300)}[data-theme=dark] .theme-toggle:hover{background:var(--color-gray-800);color:var(--color-primary-400)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-toggle span{width:20px;height:2px;background:var(--color-gray-700);border-radius:1px}[data-theme=dark] .nav-toggle span{background:var(--color-gray-300)}@media (max-width:768px){.nav-container{padding:0 var(--space-4)}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--color-white);padding:var(--space-4);box-shadow:var(--shadow-md)}[data-theme=dark] .nav-menu{background:var(--color-gray-900)}.nav-menu.active,.nav-toggle{display:flex}.back-to-blog-nav{display:list-item;border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.back-to-blog-nav a{color:var(--color-primary-600);font-weight:var(--font-weight-semibold);text-decoration:none}}.back-to-blog-nav{display:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700) 50%,var(--color-primary-900));color:var(--color-white);position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.05) 0,transparent 50%);pointer-events:none}.hero-content{max-width:800px;padding:var(--space-8);position:relative;z-index:2}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-extrabold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:var(--space-6);line-height:1.1;text-shadow:0 4px 8px rgba(0,0,0,.2);letter-spacing:-.02em}.highlight{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typewriter-container{font-size:clamp(var(--font-xl),3vw,1.75rem);margin-bottom:var(--space-6);min-height:2.5rem;display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-weight:300}.typewriter{min-width:min(250px,80vw);text-align:center;min-height:1.75rem}.hero-text{font-size:clamp(var(--font-lg),2.5vw,var(--font-xl));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:var(--font-weight-normal);margin-bottom:var(--space-10);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.01em}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.btn-primary{background:var(--color-white);color:var(--color-primary-600);padding:var(--btn-padding-y) var(--space-8);text-decoration:none;border-radius:var(--radius-2xl);font-weight:var(--font-weight-semibold);transition:var(--transition-all);display:inline-block;border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md);font-size:var(--font-sm);will-change:transform;min-width:140px;text-align:center;box-sizing:border-box}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:160px}[data-theme=dark] .btn-primary{background:var(--color-gray-700);color:var(--color-primary-300);box-shadow:var(--shadow-xl)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}[data-theme=dark] .btn-primary:hover{background:var(--color-gray-600);box-shadow:var(--shadow-2xl)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}[data-theme=dark] .btn-glow{background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),transparent)}.btn-primary:hover .btn-glow{left:100%}.btn-secondary{background:hsla(0,0%,100%,.15);color:var(--color-white);padding:var(--btn-padding-y) var(--space-8);text-decoration:none;border-radius:var(--radius-2xl);border:2px solid hsla(0,0%,100%,.3);font-weight:var(--font-weight-semibold);transition:var(--transition-all);display:inline-block;will-change:transform;box-sizing:border-box;font-size:var(--font-sm);min-width:140px;text-align:center}[data-theme=dark] .btn-secondary{border-color:rgba(96,165,250,.4);color:var(--color-primary-300)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:var(--color-white);transform:translateY(-2px)}[data-theme=dark] .btn-secondary:hover{background:rgba(96,165,250,.1);border-color:var(--color-primary-400);color:var(--color-primary-400)}.floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.shape{position:absolute;border-radius:var(--radius-2xl);background:hsla(0,0%,100%,.1);animation:a 6s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.shape-1{width:60px;height:60px;top:20%;left:10%;animation-delay:0s}.shape-2{width:80px;height:80px;top:60%;right:10%;animation-delay:2s}.shape-3{width:40px;height:40px;bottom:30%;left:70%;animation-delay:4s}@keyframes a{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate3d(0,-12px,0) rotate(120deg)}66%{transform:translate3d(0,6px,0) rotate(240deg)}}[data-theme=dark] .hero{background:linear-gradient(135deg,var(--color-primary-900),var(--color-primary-700) 50%,var(--color-gray-900))}[data-theme=dark] .hero-bg{background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(147,197,253,.05) 0,transparent 50%)}[data-theme=dark] .highlight{background:linear-gradient(135deg,var(--color-primary-300),var(--color-primary-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-12);align-items:start}.about-text{font-size:var(--font-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--line-height-relaxed)}.about-text p{margin-bottom:var(--space-5);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);letter-spacing:-.01em;transition:var(--transition-all)}[data-theme=dark] .about-text p{color:var(--color-gray-300)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.stat{text-align:center;padding:var(--space-6) var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);border:1px solid rgba(37,99,235,.1)}[data-theme=dark] .stat{background:var(--color-gray-700);border-color:rgba(37,99,235,.2)}.stat:hover{box-shadow:var(--shadow-lg)}.stat-number{font-size:var(--font-3xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);line-height:var(--line-height-none)}.stat-label{font-size:var(--font-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-weight:var(--font-weight-semibold)}[data-theme=dark] .stat-label{color:var(--color-gray-400)}.about-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--space-8);border-radius:var(--radius-2xl);font-weight:var(--font-weight-semibold);font-size:var(--font-sm);text-decoration:none;transition:var(--transition-all);cursor:pointer}.about-btn-solid{background:var(--color-primary-600);color:var(--color-white);border:2px solid var(--color-primary-600)}.about-btn-solid:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.about-btn-outline{background:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.about-btn-outline:hover{background:var(--color-primary-600);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}[data-theme=dark] .about-btn-solid{background:var(--color-primary-500);border-color:var(--color-primary-500)}[data-theme=dark] .about-btn-outline{color:var(--color-primary-400);border-color:var(--color-primary-400)}[data-theme=dark] .about-btn-outline:hover{background:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.expertise-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(37,99,235,.1);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.expertise-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(37,99,235,.2)}.expertise-card h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.expertise-card p{font-size:var(--font-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}[data-theme=dark] .expertise-card{background:var(--color-gray-700);border-color:rgba(37,99,235,.2)}[data-theme=dark] .expertise-card h3{color:var(--color-gray-100)}[data-theme=dark] .expertise-card p{color:var(--color-gray-300)}@media (max-width:768px){.expertise-grid{grid-template-columns:1fr}}.skills-container{position:relative;width:100%;overflow:hidden}.skills-track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);width:100%;transition:transform var(--duration-normal) var(--ease-in-out);will-change:transform}.skill-category{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:var(--transition-all);border:1px solid rgba(37,99,235,.1);will-change:transform}[data-theme=dark] .skill-category{background:var(--color-gray-700);border-color:rgba(37,99,235,.2)}.category-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.category-icon{font-size:var(--font-2xl);flex-shrink:0}.category-header h3{flex:1;margin:0;font-weight:var(--font-weight-bold);font-size:var(--font-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em}.category-header h3,[data-theme=dark] .category-header h3{color:var(--color-text-primary)}.experience-badge{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));color:var(--color-white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(37,99,235,.3);flex-shrink:0}.skills-list{display:flex;flex-direction:column;gap:var(--space-3)}.skill-item{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:var(--transition-all);will-change:transform}[data-theme=dark] .skill-item{background:var(--color-gray-600)}.skill-item:hover{background:var(--color-border-primary);transform:translateY(-2px)}[data-theme=dark] .skill-item:hover{background:var(--color-gray-500)}.skill-item h4{margin:0;font-weight:var(--font-weight-semibold);font-size:var(--font-sm)}.skill-item h4,[data-theme=dark] .skill-item h4{color:var(--color-text-primary)}.carousel-dots{display:flex;gap:var(--space-3);align-items:center;justify-content:center}.dot{width:14px;height:14px;border-radius:var(--radius-full);background:rgba(37,99,235,.3);cursor:pointer;transition:var(--transition-all)}[data-theme=dark] .dot{background:rgba(96,165,250,.3)}.dot.active{background:var(--color-primary-600);transform:scale(1.3);box-shadow:0 0 0 4px rgba(37,99,235,.2)}[data-theme=dark] .dot.active{background:var(--color-primary-400);box-shadow:0 0 0 4px rgba(96,165,250,.2)}@media (max-width:768px){.skills-track{display:flex;grid-template-columns:none;gap:0;transition:transform var(--duration-normal) var(--ease-in-out);touch-action:pan-y}.skill-category{min-width:calc(100% - var(--space-4));max-width:calc(100% - var(--space-4));flex-shrink:0;margin:0 var(--space-2);min-height:400px;display:flex;flex-direction:column;padding:var(--space-5);overflow:hidden;box-sizing:border-box}.category-header{flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);text-align:center}.category-header h3{font-size:var(--font-sm);text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.experience-badge{font-size:var(--font-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg)}.skills-list{flex:1;gap:var(--space-3);min-width:0}.skill-item{padding:var(--space-4);font-size:var(--font-sm);max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.skill-item h4{font-size:var(--font-sm);word-wrap:break-word;overflow-wrap:break-word;white-space:normal}}@media (max-width:480px){.skill-category{min-height:350px;padding:var(--space-4)}.skill-item{padding:var(--space-3);font-size:var(--font-xs)}.category-header h3{font-size:var(--font-sm)}.experience-badge{font-size:var(--font-xs);padding:var(--space-1) var(--space-2)}}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.article-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);overflow:hidden;transition:var(--transition-all);box-shadow:0 2px 8px rgba(0,0,0,.04)}[data-theme=dark] .article-card{background:var(--color-gray-700);border-color:var(--color-gray-600)}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:var(--color-primary-200)}[data-theme=dark] .article-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:var(--color-primary-400)}.article-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-card-image{width:100%;aspect-ratio:16/9;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-in-out)}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-content{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;flex:1}.article-card-category{display:inline-block;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary-600);margin-bottom:var(--space-2)}[data-theme=dark] .article-card-category{color:var(--color-primary-400)}.article-card-content h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.article-card-content h3,.article-card-content p{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.article-card-content p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);flex:1}.article-card-content time{font-size:var(--font-xs);color:var(--color-text-tertiary);margin-top:var(--space-3)}.articles-cta{text-align:center;margin-top:var(--space-8)}.articles-cta .btn-secondary{background:var(--color-primary-600);color:var(--color-white);border-color:var(--color-primary-600)}.articles-cta .btn-secondary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);color:var(--color-white)}[data-theme=dark] .articles-cta .btn-secondary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-white)}[data-theme=dark] .articles-cta .btn-secondary:hover{background:var(--color-primary-400);border-color:var(--color-primary-400);color:var(--color-white)}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;gap:var(--space-4)}.article-card{border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.08)}.article-card-content{padding:var(--space-4)}}@media (max-width:480px){.article-card-content h3{font-size:var(--font-base)}}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary-600),var(--color-primary-500));transform:translateX(-50%);border-radius:var(--radius-sm);box-shadow:0 0 10px var(--color-primary-alpha-30)}.timeline-item{position:relative;margin-bottom:var(--space-6);display:flex;justify-content:flex-end;padding-right:calc(50% + var(--space-6))}.timeline-item:nth-child(2n){justify-content:flex-start;padding-right:0;padding-left:calc(50% + var(--space-6))}.timeline-dot{position:absolute;left:50%;top:var(--space-5);width:14px;height:14px;background:var(--color-primary-600);border-radius:var(--radius-full);transform:translateX(-50%);z-index:2;border:3px solid var(--color-white);box-shadow:0 0 0 3px var(--color-primary-600),0 4px 12px var(--color-primary-alpha-30);transition:var(--transition-all)}[data-theme=dark] .timeline-dot{border-color:var(--color-gray-900)}.timeline-item:hover .timeline-dot{transform:translateX(-50%) scale(1.15);box-shadow:0 0 0 5px var(--color-primary-500),0 6px 16px var(--color-primary-alpha-40)}.timeline-content{background:var(--color-bg-primary);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:550px;transition:var(--transition-all);border:1px solid var(--color-primary-alpha-10)}[data-theme=dark] .timeline-content{background:var(--color-gray-700);border-color:var(--color-primary-alpha-20)}.timeline-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.timeline-content h3{font-size:var(--font-lg);margin-bottom:var(--space-2);font-weight:var(--font-weight-bold)}.timeline-content h3,[data-theme=dark] .timeline-content h3{color:var(--color-text-primary)}.timeline-date{font-size:var(--font-xs);color:var(--color-primary-600);font-weight:var(--font-weight-semibold);margin-top:var(--space-3);display:block;text-align:center;background:var(--color-primary-alpha-10);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto;white-space:nowrap}.timeline-content p{color:var(--color-text-secondary);line-height:var(--line-height-base);margin:0;font-size:var(--font-sm);margin-bottom:0}[data-theme=dark] .timeline-content p{color:var(--color-gray-300)}.timeline-modal{display:none}.timeline-modal.active{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-alpha-70);align-items:center;justify-content:center;z-index:10000;padding:var(--space-4)}.timeline-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:350px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl);transform:scale(.9);opacity:0;transition:var(--transition-all)}[data-theme=dark] .timeline-modal-content{background:var(--color-gray-700);color:var(--color-text-primary)}.timeline-modal.active .timeline-modal-content{transform:scale(1);opacity:1}.timeline-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.timeline-modal-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-lg);font-weight:var(--font-weight-semibold)}.timeline-modal-close{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-100);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);color:var(--color-gray-600);font-size:var(--font-xl);line-height:var(--line-height-none)}[data-theme=dark] .timeline-modal-close{background:var(--color-gray-600);color:var(--color-gray-100)}.timeline-modal-close:hover{background:var(--color-border-primary);transform:scale(1.1)}[data-theme=dark] .timeline-modal-close:hover{background:var(--color-gray-500)}.timeline-modal p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0;font-size:var(--font-sm);text-align:left}[data-theme=dark] .timeline-modal p{color:var(--color-gray-300)}.timeline-info-btn{display:none}.timeline-item-header{display:block}@media (max-width:768px){.timeline{position:relative;max-width:100%;margin:0;padding:0 var(--space-4)}.timeline:before{left:1.5rem;width:2px;transform:none}.timeline-item,.timeline-item:nth-child(2n){justify-content:flex-start;padding-left:4rem;padding-right:0;margin-bottom:var(--space-8);display:block}.timeline-dot{left:1.5rem;top:var(--space-4);transform:none;width:12px;height:12px}.timeline-content{max-width:100%;padding:var(--space-5);margin:0;position:relative}.timeline-content p{display:none}.timeline-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-2)}.timeline-content h3{font-size:var(--font-base);margin-bottom:0;line-height:var(--line-height-base);flex:1}.timeline-date{font-size:var(--font-xs);padding:var(--space-1) var(--space-3);margin-top:var(--space-2);margin-left:0;margin-right:0;display:block;width:fit-content}.timeline-info-btn{display:flex;width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));color:var(--color-white);border:none;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);flex-shrink:0;box-shadow:var(--shadow-sm)}.timeline-info-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--color-primary-alpha-40)}}#testimonials{background:var(--color-bg-secondary)!important}[data-theme=dark] #testimonials{background:var(--color-gray-800)!important}.testimonials-container{position:relative;overflow:visible;margin-top:var(--space-12);padding:var(--space-4) 0 var(--space-8)}.testimonials-track{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-8);transition:transform var(--duration-normal) var(--ease-in-out)}@media (min-width:1024px){.testimonials-container{padding:0 var(--space-4)}.testimonial-card:first-child{grid-column:span 8;grid-row:span 1}.testimonial-card:nth-child(2){grid-column:span 4;grid-row:span 1}.testimonial-card:nth-child(3){grid-column:span 5;grid-row:span 1}.testimonial-card:nth-child(4){grid-column:span 7;grid-row:span 1}.testimonial-card:nth-child(5),.testimonial-card:nth-child(6){grid-column:span 6;grid-row:span 1}}@media (min-width:769px) and (max-width:1023px){.testimonials-track{grid-template-columns:repeat(2,1fr)}.testimonial-card{grid-column:span 1!important}}.testimonial-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-2);transition:all var(--duration-normal) var(--ease-in-out);border:1px solid rgba(37,99,235,.1);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}[data-theme=dark] .testimonial-card{background:var(--color-gray-700);border-color:rgba(37,99,235,.2)}.testimonial-card:hover{box-shadow:var(--shadow-lg)}.testimonial-card.multilingual{direction:rtl}.testimonial-card.multilingual .testimonial-content{text-align:right}.testimonial-card.multilingual .testimonial-author{text-align:left;direction:ltr}.testimonial-content{flex-grow:1;margin-bottom:var(--space-6)}.testimonial-content p{font-style:italic;line-height:var(--line-height-normal);margin-bottom:0;color:var(--color-text-secondary);font-size:var(--font-base);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] .testimonial-content p{color:var(--color-gray-300)}.testimonial-author{display:flex;flex-direction:column;gap:var(--space-1)}.testimonial-author strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-lg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] .testimonial-author strong{color:var(--color-gray-100)}.testimonial-author span{color:var(--color-text-secondary);font-size:var(--font-sm)}[data-theme=dark] .testimonial-author span{color:var(--color-gray-300)}.arabic-text{font-family:Noto Sans Arabic,Segoe UI,sans-serif;font-size:var(--font-lg);line-height:var(--line-height-loose);direction:rtl;text-align:right}.linkedin-note{text-align:center;margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}[data-theme=dark] .linkedin-note{background:var(--color-gray-700);border-color:var(--color-gray-600)}.linkedin-note a{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-medium)}.linkedin-note a:hover{text-decoration:underline}@media (max-width:768px){.testimonials-container{overflow:hidden;padding:var(--space-4) 0;position:relative}.testimonials-track{grid-template-columns:none;gap:0;transition:transform var(--duration-normal) var(--ease-in-out);will-change:transform}.testimonial-card,.testimonials-track{display:flex;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.testimonial-card{min-width:calc(100% - var(--space-4));max-width:calc(100% - var(--space-4));flex-shrink:0;margin:0 var(--space-2);min-height:400px;flex-direction:column;box-sizing:border-box;padding:var(--space-5);outline:none!important}.testimonial-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--space-6);text-align:center}.testimonial-content p{text-align:center;margin-bottom:0;font-size:var(--font-base);line-height:var(--line-height-normal);padding:0 var(--space-4);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;box-sizing:border-box}.testimonial-author{text-align:center;margin-top:auto;padding-top:var(--space-4)}.testimonial-author strong{font-size:var(--font-lg);margin-bottom:var(--space-2);display:block}.testimonial-author span{font-size:var(--font-sm);opacity:.8}.testimonial-card.multilingual .testimonial-author,.testimonial-card.multilingual .testimonial-content{text-align:center;direction:ltr}.testimonial-card.multilingual .arabic-text{text-align:center;direction:rtl}}@media (max-width:480px){.testimonials-container .container{padding:0 var(--space-2)}.testimonial-card{padding:var(--space-4);min-height:350px;margin:0 var(--space-2)}.testimonial-card,.testimonial-card.featured{min-width:calc(100% - var(--space-4));max-width:calc(100% - var(--space-4))}.testimonial-content p{font-size:var(--font-sm);line-height:var(--line-height-base);padding:0 var(--space-2)}.testimonial-author strong{font-size:var(--font-base)}.testimonial-author span{font-size:var(--font-sm)}}#contact{background:var(--color-bg-primary)!important}[data-theme=dark] #contact{background:var(--color-gray-900)!important}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.contact-info h3{font-size:var(--font-2xl);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:var(--space-4);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.contact-info h3,[data-theme=dark] .contact-info h3{color:var(--color-text-primary)}.contact-info p{font-size:var(--font-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed);letter-spacing:-.01em}[data-theme=dark] .contact-info p{color:var(--color-gray-300)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.contact-method{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:var(--transition-all);border:1px solid rgba(37,99,235,.1)}[data-theme=dark] .contact-method{background:var(--color-gray-700);border-color:rgba(37,99,235,.2)}.contact-method:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-lg)}[data-theme=dark] .contact-method:hover{background:var(--color-gray-600)}.contact-icon{font-size:var(--font-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));border-radius:var(--radius-lg);color:var(--color-white);flex-shrink:0}.contact-text{display:flex;flex-direction:column}.contact-label{font-size:var(--font-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}[data-theme=dark] .contact-label{color:var(--color-gray-400)}.contact-value{font-weight:var(--font-weight-semibold);font-size:var(--font-sm)}.contact-value,[data-theme=dark] .contact-value{color:var(--color-text-primary)}.social-links{gap:var(--space-3);margin-top:var(--space-10)}.social-link,.social-links{display:flex;justify-content:center}.social-link{width:40px;height:40px;align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-lg);transition:var(--transition-all);border:1px solid rgba(37,99,235,.1);color:var(--color-text-primary)}[data-theme=dark] .social-link{background:var(--color-gray-700);border-color:rgba(37,99,235,.2);color:var(--color-text-primary)}.social-link:hover{background:var(--color-primary-600);color:var(--color-white);transform:translateY(-5px);box-shadow:0 8px 25px rgba(37,99,235,.3)}.social-link svg{width:20px;height:20px}.contact-form{background:var(--color-bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(37,99,235,.1);height:fit-content}[data-theme=dark] .contact-form{background:var(--color-gray-700);border-color:rgba(37,99,235,.2)}.form-group{margin-bottom:var(--space-6)}.form-group input,.form-group textarea{width:100%;padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-sm);transition:var(--transition-all);background:var(--color-bg-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--color-gray-600);border-color:var(--color-gray-500);color:var(--color-gray-100)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(37,99,235,.1);background:var(--color-bg-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{background:var(--color-gray-700)}.form-group textarea{resize:vertical;min-height:100px}@media (max-width:768px){.contact-form{text-align:center}.contact-form .btn-primary{margin:0 auto;display:block}}.thank-you-message .info-card-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.thank-you-message .info-card-label{font-weight:600;color:var(--color-text-primary)}.thank-you-message .info-card-value{color:var(--color-text-secondary);font-size:1.1rem;font-weight:600}#countdown-timer{font-family:monospace;min-width:90px;display:inline-block;text-align:left}@media (max-width:600px){.thank-you-message .info-card-row{flex-direction:column;align-items:flex-start;gap:.25rem}.thank-you-message .info-card-label{margin-bottom:.1rem}.thank-you-message .info-card-value{text-align:left;width:100%;word-break:break-word;white-space:normal}}.contact-form .hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-status{margin-top:1rem;padding:0;min-height:1.5rem;font-size:.95rem}.contact-status.is-success{color:var(--color-success-text,#065f46);background:var(--color-success-bg,#d1fae5);border:1px solid var(--color-success-border,#10b981);border-radius:.375rem;padding:.75rem 1rem}.contact-status.is-error{color:var(--color-error-text,#991b1b);background:var(--color-error-bg,#fee2e2);border:1px solid var(--color-error-border,#ef4444);border-radius:.375rem;padding:.75rem 1rem}.contact-disclosure{margin-top:var(--space-4,1rem);display:flex;align-items:flex-start;gap:var(--space-2,.5rem);font-size:.75rem;line-height:1.55;color:var(--color-gray-500,#6b7280);max-width:56ch}.contact-disclosure-icon{flex-shrink:0;width:14px;height:14px;margin-top:.15rem;color:var(--color-gray-400,#9ca3af)}.contact-disclosure-link{color:var(--color-gray-700,#374151);text-decoration:none;border-bottom:1px solid var(--color-gray-300,#d1d5db);transition:border-color .15s ease,color .15s ease}.contact-disclosure-link:focus-visible,.contact-disclosure-link:hover{color:var(--color-primary-600,#2563eb);border-bottom-color:var(--color-primary-600,#2563eb)}.footer{background:var(--color-gray-50);padding:var(--space-8) 0;margin-top:var(--space-12);text-align:center;border-top:1px solid var(--color-border-primary)}[data-theme=dark] .footer{background:var(--color-gray-800);border-top:1px solid var(--color-primary-alpha-20)}.footer .container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-8)}.footer p{color:var(--color-text-muted);margin-bottom:var(--space-4)}[data-theme=dark] .footer p{color:var(--color-gray-400)}.footer-links{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-fast)}.footer-links a:hover{color:var(--color-primary-500);text-decoration:underline}[data-theme=dark] .footer-links a{color:var(--color-gray-400)}[data-theme=dark] .footer-links a:hover{color:var(--color-primary-400)}@media (max-width:768px){.footer-links{flex-direction:column;gap:var(--space-2);align-items:center}.footer .container{padding:0 var(--space-4)}}.chat-widget{display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-body)}.chat-widget-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.chat-widget-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.chat-new-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-xs);font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chat-new-btn:hover{background:var(--color-bg-primary);color:var(--color-primary-500);border-color:var(--color-primary-500)}.chat-new-btn svg{width:.875rem;height:.875rem}.chat-page-section{padding:6rem 0 var(--space-12)}.chat-page-section .chat-widget{height:calc(100dvh - 240px);min-height:500px;max-height:900px}@media (max-width:600px){.chat-page-section{padding:5rem 0 var(--space-4)}.chat-page-section .chat-widget{height:calc(100dvh - 170px);min-height:520px;max-height:none}}.chat-inline-section{margin:var(--space-12) 0}.chat-inline-heading{font-size:var(--font-xl);margin-bottom:var(--space-4)}.chat-inline-section .chat-widget{height:500px}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);max-width:90%;line-height:1.5;word-wrap:break-word}.chat-message-user{background:var(--color-primary-500);color:var(--color-on-primary,#fff);align-self:flex-end}.chat-message-assistant{background:var(--color-bg-secondary);color:var(--color-text-primary);align-self:flex-start}.chat-message-streaming:after{content:"▊";animation:b 1s steps(2) infinite}@keyframes b{50%{opacity:0}}.chat-empty-state{color:var(--color-text-muted);font-style:italic}.chat-message a{color:inherit;text-decoration:underline}.chat-sources-cards{align-self:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3);padding:0 var(--space-4) var(--space-2);max-width:95%}.chat-source-card{display:flex;flex-direction:column;width:200px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--color-text-primary);background:var(--color-bg-primary);transition:transform .15s,box-shadow .15s,border-color .15s}.chat-source-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--color-primary-500)}.chat-source-card img{width:100%;height:100px;object-fit:cover;display:block}.chat-source-card-body{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.chat-source-card-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);line-height:1.3}.chat-source-card-excerpt{font-size:var(--font-xs);color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}@media (max-width:600px){.chat-sources-cards{flex-direction:column;gap:var(--space-2);max-width:100%}.chat-source-card{flex-direction:row;width:100%;align-items:center}.chat-source-card img{width:64px;height:64px;flex-shrink:0;border-radius:0}.chat-source-card-body{padding:var(--space-2) var(--space-3);flex:1;min-width:0;gap:2px}.chat-source-card-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.chat-source-card-excerpt{-webkit-line-clamp:1;font-size:11px}}.chat-input-form{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.chat-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-base);resize:none;background:var(--color-bg-primary);color:var(--color-text-primary)}.chat-input:focus{outline:2px solid var(--color-primary-500);outline-offset:1px}.chat-send-btn{background:var(--color-primary-500);color:var(--color-on-primary,#fff);border:none;border-radius:var(--radius-md);padding:0 var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-send-btn svg{width:1.25rem;height:1.25rem}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-disclaimer{font-size:var(--font-xs);color:var(--color-text-muted);padding:var(--space-2) var(--space-4);text-align:center;margin:0;border-top:1px solid var(--color-border-primary)}.chat-bubble-btn{position:fixed;bottom:2rem;right:2rem;z-index:9998;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-primary-500);color:var(--color-on-primary,#fff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,99,235,.35);text-decoration:none;transition:transform .15s,box-shadow .15s}.chat-bubble-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px rgba(37,99,235,.5)}.chat-bubble-btn svg{width:1.5rem;height:1.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:600px){.chat-message{max-width:95%}.chat-bubble-btn{bottom:1rem;right:1rem;width:3rem;height:3rem}.chat-bubble-btn svg{width:1.25rem;height:1.25rem}}.chat-starter-questions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);align-self:flex-start}.chat-starter-chip{padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-sm);font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:left}.chat-starter-chip:hover{background:var(--color-bg-primary);color:var(--color-primary-500);border-color:var(--color-primary-500)}.chat-lead-capture{margin:0 var(--space-4) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-primary-500);border-radius:var(--radius-md);position:relative}.chat-lead-capture[hidden]{display:none}.chat-lead-message{font-size:var(--font-sm);color:var(--color-text-primary);margin-bottom:var(--space-2)}.chat-lead-form{display:flex;gap:var(--space-2)}.chat-lead-email{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-sm)}.chat-lead-email:focus{outline:2px solid var(--color-primary-500);outline-offset:1px}.chat-lead-submit{padding:var(--space-2) var(--space-4);background:var(--color-primary-500);color:var(--color-on-primary,#fff);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-family:inherit}.chat-lead-submit:disabled{opacity:.5;cursor:not-allowed}.chat-lead-dismiss{position:absolute;top:var(--space-1);right:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;line-height:1}.chat-lead-thanks{margin-top:var(--space-2);font-size:var(--font-sm);color:var(--color-primary-500)}.chat-lead-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.cc-wrapper.cc-hidden{display:none}.cc-backdrop{position:fixed;inset:0;
    /* !important survives cssnano's normalize-z-index plugin (same reason
       as .cc-banner). Must sit below banner (10000) and prefs overlay (10002),
       above all page content. */z-index:9999!important;background:var(--color-black-alpha-30);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.cc-wrapper.cc-visible .cc-backdrop{opacity:1;pointer-events:auto}.cc-banner{position:fixed;bottom:var(--space-5);left:50%;
    /* !important survives cssnano's normalize-z-index plugin which otherwise
       rewrites this to ~7 based on stacking-context analysis at minify time,
       silently breaking layering against runtime DOM (article body wins). */z-index:10000!important;max-width:var(--container-lg);width:calc(100% - var(--space-10));padding:var(--space-5) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:none;transform:translate(-50%,calc(100% + var(--space-8)));opacity:0;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.cc-wrapper.cc-visible .cc-banner{transform:translate(-50%);opacity:1}.cc-banner-inner{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.cc-text{flex:1;min-width:200px;margin:0;font-size:var(--font-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.cc-actions{display:flex;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap}.cc-btn{padding:var(--space-2) var(--space-4);border-radius:var(--btn-radius);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:var(--transition-colors);min-height:var(--touch-target-minimum);white-space:nowrap;line-height:var(--line-height-normal)}.cc-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.cc-btn-accept{background:var(--color-primary-500);color:var(--color-white)}.cc-btn-accept:hover{background:var(--color-primary-600)}.cc-btn-decline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-secondary)}.cc-btn-decline:hover{background:var(--color-bg-tertiary)}.cc-btn-prefs{background:transparent;color:var(--color-text-muted);padding:var(--space-2)}.cc-btn-prefs:hover{color:var(--color-primary-500)}.cc-overlay{display:none}.cc-overlay.cc-open{display:flex;position:fixed;inset:0;background:var(--color-black-alpha-70);
    /* !important for same reason as .cc-banner above; must stay above banner. */z-index:10002!important;align-items:center;justify-content:center}.cc-panel{background:var(--color-bg-primary);border-radius:var(--radius-xl);max-width:480px;width:calc(100% - var(--space-8));max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:c var(--duration-slow) var(--ease-out)}@keyframes c{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.cc-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-primary)}.cc-panel-header h3{margin:0;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cc-panel-close{background:none;border:none;font-size:var(--font-2xl);cursor:pointer;color:var(--color-text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-colors)}.cc-panel-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.cc-panel-body{padding:var(--space-5) var(--space-6)}.cc-panel-intro{margin:0 0 var(--space-5);font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.cc-panel-footer{padding:var(--space-4) var(--space-6) var(--space-5);display:flex;justify-content:flex-end}.cc-category{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-primary)}.cc-category:last-child{border-bottom:none}.cc-category-row{display:flex;justify-content:space-between;align-items:center}.cc-category-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cc-badge{font-size:var(--font-xs);padding:var(--space-1) var(--space-2);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.cc-category-desc{margin:var(--space-2) 0 0;font-size:var(--font-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.cc-switch{position:relative;display:inline-block;cursor:pointer}.cc-switch input{opacity:0;width:0;height:0;position:absolute}.cc-slider{display:block;width:44px;height:24px;background:var(--color-gray-300);border-radius:12px;position:relative;transition:background var(--duration-normal) var(--ease-in-out)}.cc-slider:after{content:"";position:absolute;width:18px;height:18px;background:var(--color-white);border-radius:var(--radius-full);top:3px;left:3px;transition:transform var(--duration-normal) var(--ease-in-out)}.cc-switch input:checked+.cc-slider{background:var(--color-primary-500)}.cc-switch input:checked+.cc-slider:after{transform:translateX(20px)}.cc-switch input:focus-visible+.cc-slider{box-shadow:var(--shadow-focus-primary)}[data-theme=dark] .cc-badge{background:var(--color-primary-400-alpha-20);color:var(--color-primary-400)}[data-theme=dark] .cc-slider{background:var(--color-gray-600)}@media (max-width:768px){.cc-banner{width:calc(100% - var(--space-6));bottom:var(--space-3);padding:var(--space-3) var(--space-4)}.cc-banner-inner{flex-direction:column;gap:var(--space-3)}.cc-actions{width:100%}.cc-btn-accept,.cc-btn-decline{flex:1}.cc-panel{width:calc(100% - var(--space-6))}.cc-panel-header{padding:var(--space-3) var(--space-4)}.cc-panel-header h3{font-size:var(--font-lg)}.cc-panel-body{padding:var(--space-3) var(--space-4)}.cc-panel-intro{margin-bottom:var(--space-3);font-size:var(--font-xs)}.cc-category{padding:var(--space-3) 0}.cc-category-desc{font-size:var(--font-xs)}.cc-panel-footer{padding:var(--space-3) var(--space-4)}}@media (max-width:480px){.cc-actions{flex-direction:column}.cc-btn{width:100%;text-align:center}}@media (prefers-reduced-motion:reduce){.cc-backdrop,.cc-banner{transition:none}.cc-panel{animation:none}}.section{padding:var(--space-20) 0}.section:nth-child(2n){background:var(--color-bg-secondary)}.section:nth-child(odd){background:var(--color-bg-primary)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:clamp(var(--font-2xl),4vw,var(--font-4xl));font-weight:var(--font-weight-extrabold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:var(--space-4);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.section-header h2,[data-theme=dark] .section-header h2{color:var(--color-text-primary)}.section-header p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-top:var(--space-4);max-width:600px;margin-left:auto;margin-right:auto}.section-header p,.section-tag{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.section-tag{display:inline-block;background:var(--color-primary-alpha-10);color:var(--color-primary-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}[data-theme=dark] .section-tag{background:var(--color-primary-400-alpha-20);color:var(--color-primary-300)}.theme-toggle-container{position:fixed;left:2rem;bottom:2rem;z-index:9999!important;display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (max-width:600px){.theme-toggle-container{left:1rem;bottom:1rem}}.theme-toggle-btn{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(37,99,235,.4),0 0 0 0 rgba(37,99,235,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.theme-toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,hsla(0,0%,100%,.2));border-radius:50%;opacity:0;transition:opacity .3s ease}.theme-toggle-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(37,99,235,.5),0 0 0 4px rgba(37,99,235,.15)}.theme-toggle-btn:hover:before{opacity:1}.theme-toggle-btn:active{transform:translateY(-1px) scale(.98)}.theme-toggle-btn .theme-icon{width:24px;height:24px;stroke-width:2;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.theme-toggle-btn .moon-icon,.theme-toggle-btn .sun-icon{opacity:0;transform:scale(.5) rotate(-180deg)}[data-theme=dark] .theme-toggle-btn .sun-icon,[data-theme=light] .theme-toggle-btn .moon-icon,html:not([data-theme]) .theme-toggle-btn .moon-icon{opacity:1;transform:scale(1) rotate(0deg)}[data-theme=dark] .theme-toggle-btn{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 4px 15px rgba(96,165,250,.4),0 0 0 0 rgba(96,165,250,.3)}[data-theme=dark] .theme-toggle-btn:hover{box-shadow:0 8px 25px rgba(96,165,250,.5),0 0 0 4px rgba(96,165,250,.15)}@media (max-width:768px){.theme-toggle-container{left:1rem;right:auto;bottom:1rem}.theme-toggle-btn{width:3rem;height:3rem}.theme-toggle-btn .theme-icon{width:20px;height:20px}}.back-to-top-btn{position:fixed;left:var(--space-8);bottom:var(--space-24);width:50px;height:50px;background:var(--color-primary-alpha-90);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(var(--space-5));transition:var(--transition-all);box-shadow:0 4px 12px var(--color-primary-alpha-30);z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.back-to-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-btn:hover{background:var(--color-primary-alpha-95);transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-alpha-40)}.back-to-top-btn svg{width:var(--space-5);height:var(--space-5)}[data-theme=dark] .back-to-top-btn{background:var(--color-primary-400-alpha-90);box-shadow:0 4px 12px var(--color-primary-400-alpha-30)}[data-theme=dark] .back-to-top-btn:hover{background:var(--color-primary-400-alpha-95);box-shadow:0 6px 16px var(--color-primary-400-alpha-40)}.carousel-navigation{display:none;gap:var(--space-6);margin-top:var(--space-8);padding:0 var(--space-4)}.carousel-btn,.carousel-navigation{align-items:center;justify-content:center}.carousel-btn{background:var(--color-bg-primary);border:1px solid var(--color-primary-alpha-20);border-radius:var(--radius-full);width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);display:flex;cursor:pointer;transition:var(--transition-all);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .carousel-btn{background:var(--color-gray-700);border-color:var(--color-primary-alpha-30);color:var(--color-primary-400)}.carousel-btn:hover:not(:disabled){background:var(--color-primary-600);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-btn svg{width:var(--space-5);height:var(--space-5)}@media (max-width:768px){.carousel-navigation.mobile-only{display:flex!important}}.scroll-down{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);cursor:pointer;width:var(--touch-target-generous);height:var(--touch-target-generous);border-radius:var(--radius-full);background:var(--color-white-alpha-10);border:2px solid var(--color-white-alpha-30);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.scroll-down:hover{background:var(--color-white-alpha-30);border-color:var(--color-white-alpha-40);transform:translateX(-50%) translateY(-4px);box-shadow:0 8px 25px var(--color-white-alpha-15)}.scroll-down:active{transform:translateX(-50%) translateY(-2px) scale(.95)}.scroll-chevron{width:12px;height:12px;border-right:2px solid var(--color-white-alpha-80);border-bottom:2px solid var(--color-white-alpha-80);transform:rotate(45deg);animation:d 2s infinite}@keyframes d{0%,20%,50%,80%,to{margin-top:0}40%{margin-top:-6px}60%{margin-top:-3px}}.back-to-top{color:var(--color-primary-400);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-all);font-size:var(--font-sm)}.back-to-top:hover{color:var(--color-primary-300);transform:translateY(-2px)}#legalModal{display:none}#legalModal.active{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-alpha-70);z-index:10001;align-items:center;justify-content:center}#legalModal .modal-content{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);max-width:650px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px var(--color-black-alpha-25);transform:scale(.9);opacity:0;transition:var(--transition-all)}#legalModal.active .modal-content{transform:scale(1);opacity:1}[data-theme=dark] #legalModal .modal-content{background:var(--color-gray-900);color:var(--color-gray-100)}#legalModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-5)}[data-theme=dark] #legalModal .modal-header{border-bottom-color:var(--color-gray-700)}#legalModal .modal-header h3{margin:0;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800)}[data-theme=dark] #legalModal .modal-header h3{color:var(--color-gray-100)}#legalModal .modal-close{background:none;border:none;font-size:var(--font-2xl);cursor:pointer;color:var(--color-gray-500);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-all)}#legalModal .modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-800)}[data-theme=dark] #legalModal .modal-close{color:var(--color-gray-400)}[data-theme=dark] #legalModal .modal-close:hover{background:var(--color-gray-700);color:var(--color-gray-100)}#legalModal #modalContent h4{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#legalModal #modalContent h4:first-child{margin-top:0}[data-theme=dark] #legalModal #modalContent h4{color:var(--color-gray-100)}#legalModal #modalContent p{margin-bottom:var(--space-4);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}[data-theme=dark] #legalModal #modalContent p{color:var(--color-gray-300)}#legalModal #modalContent ul{margin:var(--space-4) 0;padding-left:var(--space-6)}#legalModal #modalContent li{margin-bottom:var(--space-2);color:var(--color-gray-600)}[data-theme=dark] #legalModal #modalContent li{color:var(--color-gray-300)}#legalModal #modalContent a{color:var(--color-primary-500);text-decoration:none}#legalModal #modalContent a:hover{text-decoration:underline}[data-theme=dark] #legalModal #modalContent a{color:var(--color-primary-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}.mobile-only{display:none}.desktop-only{display:block}.bg-dark{background:var(--color-gray-50)}[data-theme=dark] .bg-dark{background:var(--color-gray-800)}@media (max-width:768px){.section{padding:var(--space-12) 0}.back-to-top-btn{left:var(--space-4);bottom:var(--space-20);width:var(--touch-target-minimum);height:var(--touch-target-minimum)}.back-to-top-btn svg{width:18px;height:18px}.scroll-down{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);bottom:var(--space-6)}.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (max-width:1200px){.skills-track{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px) and (max-width:1023px){.skills-track{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media (max-width:768px){.hero{padding:var(--space-20) var(--space-4) var(--space-12);text-align:center}.hero-content{max-width:100%;padding:var(--space-4) var(--space-2);width:100%}.hero h1{line-height:1.1;word-wrap:break-word;overflow-wrap:break-word}.hero h2{font-size:var(--font-xl)}.hero-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto;gap:var(--space-4)}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;margin:0}.about-grid{grid-template-columns:1fr;gap:var(--space-8)}.about-text{margin-bottom:var(--space-8);text-align:left}.about-text>div{flex-direction:column}.about-text .about-btn{width:100%;justify-content:center;text-align:center}.stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4);justify-content:center}.stat{padding:var(--space-5) var(--space-3);min-width:80px}.stat-number{font-size:1.75rem}.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.contact-form,.contact-info{width:100%}.contact-info{margin-bottom:var(--space-8)}.section{padding:var(--space-12) 0}.section-title{font-size:var(--font-3xl);margin-bottom:var(--space-8)}.container{padding:0 var(--space-4)}.nav{padding:var(--space-4)}.nav-menu{gap:var(--space-4)}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (max-width:480px){.hero h1{font-size:clamp(1.75rem,8vw,2.5rem)}.typewriter-container{font-size:clamp(var(--font-base),4vw,var(--font-xl))}.hero h2{font-size:var(--font-lg)}.section-title{font-size:1.75rem}.timeline-content{padding:var(--space-4)}.timeline-content h3{font-size:var(--font-lg)}.form-row{flex-direction:column}.form-group{width:100%}.btn{padding:var(--space-3) var(--space-6);font-size:var(--font-sm)}.contact-methods{gap:var(--space-3)}.contact-method{padding:var(--space-3)}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:auto;padding:var(--space-12) var(--space-4) var(--space-8)}}@media (min-resolution:192dpi){.contact-form,.skill-item,.timeline-content{box-shadow:0 2px 10px rgba(0,0,0,.08)}}@media print{.contact-form,.hero-buttons,.nav,.theme-toggle{display:none}.hero{padding:var(--space-8) 0}.section{page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:768px){[data-theme=dark] .skill-item{background:rgba(30,41,59,.5)}[data-theme=dark] .timeline-content{background:rgba(30,41,59,.8)}}