:root{--color-primary:#2F52A0;--color-primary-light:#B8C6D9;--color-primary-dark:#254080;--color-primary-hover:#254080;--color-primary-alpha-10:rgba(47,82,160,0.1);--color-primary-alpha-20:rgba(47,82,160,0.2);--color-white:#FFFFFF;--color-black:#1A1A1A;--color-gray-900:#1A1A1A;--color-gray-700:#595959;--color-gray-500:#A6A6A6;--color-gray-200:#E5E5E5;--color-gray-100:#F2F2F2;--color-gray-50:#FAFAFA;--color-success:#22C55E;--color-success-light:#DCFCE7;--color-warning:#F59E0B;--color-warning-light:#FEF3C7;--color-error:#EF4444;--color-error-light:#FEE2E2;--color-info:#3B82F6;--color-info-light:#DBEAFE;--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-muted:var(--color-gray-500);--color-text-inverse:var(--color-white);--color-bg:var(--color-white);--color-bg-secondary:var(--color-gray-100);--color-bg-tertiary:var(--color-gray-50);--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-500);--color-overlay:rgba(26,26,26,0.7);--color-overlay-light:rgba(255,255,255,0.9);--font-family:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fw-thin:100;--fw-extralight:200;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--fs-display:clamp(3rem,6vw,5rem);--fs-h1:clamp(2.25rem,5vw,3.5rem);--fs-h2:clamp(1.75rem,4vw,2.5rem);--fs-h3:clamp(1.375rem,3vw,1.75rem);--fs-h4:clamp(1.125rem,2vw,1.375rem);--fs-h5:clamp(1rem,1.5vw,1.125rem);--fs-h6:clamp(0.875rem,1.2vw,1rem);--fs-body-lg:clamp(1.125rem,1.5vw,1.25rem);--fs-body:1rem;--fs-body-sm:0.875rem;--fs-caption:0.75rem;--fs-overline:0.6875rem;--lh-none:1;--lh-tight:1.1;--lh-heading:1.2;--lh-ui:1.4;--lh-body:1.6;--lh-relaxed:1.75;--ls-tighter:-0.03em;--ls-tight:-0.02em;--ls-normal:0;--ls-wide:0.02em;--ls-wider:0.05em;--ls-widest:0.1em;--ls-heading:var(--ls-tight);--ls-body:var(--ls-normal);--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-36:144px;--space-40:160px;--section-padding:clamp(64px,10vw,120px);--section-padding-sm:clamp(48px,8vw,80px);--section-padding-lg:clamp(80px,12vw,160px);--section-gap:clamp(48px,8vw,96px);--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--container-max:1280px;--container-padding:clamp(16px,5vw,48px);--grid-columns:12;--grid-gap:24px;--grid-gap-sm:16px;--grid-gap-lg:32px;--grid-gap-xl:48px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--radius-pill:9999px;--border-width:1px;--border-width-2:2px;--border-width-4:4px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 4px rgba(0,0,0,0.06);--shadow-md:0 4px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 16px rgba(0,0,0,0.1);--shadow-xl:0 16px 32px rgba(0,0,0,0.12);--shadow-2xl:0 24px 48px rgba(0,0,0,0.16);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.06);--shadow-none:none;--shadow-primary-sm:0 2px 8px rgba(47,82,160,0.15);--shadow-primary:0 4px 14px rgba(47,82,160,0.25);--shadow-primary-lg:0 8px 24px rgba(47,82,160,0.3);--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-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-default:var(--ease-in-out);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--duration-slowest:1000ms;--transition-colors:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--transition-shadow:box-shadow var(--duration-normal) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:48px;--icon-3xl:64px;--z-below:-1;--z-base:0;--z-above:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:52px;--btn-padding-sm:8px 16px;--btn-padding-md:12px 24px;--btn-padding-lg:16px 32px;--btn-radius:var(--radius-lg);--btn-font-size:var(--fs-body-sm);--btn-font-weight:var(--fw-semibold);--input-height:48px;--input-height-sm:40px;--input-height-lg:56px;--input-padding:12px 16px;--input-radius:var(--radius-md);--input-border-width:1.5px;--card-padding:var(--space-6);--card-padding-sm:var(--space-4);--card-padding-lg:var(--space-8);--card-radius:var(--radius-xl);--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-lg);--navbar-height-mobile:64px;--bp-xs:0px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--color-error-dark:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-gray-800:#333333;--color-linkedin:#0A66C2;--color-accent-blue-light:#60a5fa;--color-white-alpha-4:rgba(255,255,255,0.04);--color-white-alpha-5:rgba(255,255,255,0.05);--color-white-alpha-6:rgba(255,255,255,0.06);--color-white-alpha-8:rgba(255,255,255,0.08);--color-white-alpha-10:rgba(255,255,255,0.1);--color-white-alpha-12:rgba(255,255,255,0.12);--color-white-alpha-15:rgba(255,255,255,0.15);--color-white-alpha-18:rgba(255,255,255,0.18);--color-white-alpha-20:rgba(255,255,255,0.2);--color-white-alpha-25:rgba(255,255,255,0.25);--color-white-alpha-30:rgba(255,255,255,0.3);--color-white-alpha-35:rgba(255,255,255,0.35);--color-white-alpha-40:rgba(255,255,255,0.4);--color-white-alpha-50:rgba(255,255,255,0.5);--color-white-alpha-55:rgba(255,255,255,0.55);--color-white-alpha-60:rgba(255,255,255,0.6);--color-white-alpha-65:rgba(255,255,255,0.65);--color-white-alpha-70:rgba(255,255,255,0.7);--color-white-alpha-75:rgba(255,255,255,0.75);--color-white-alpha-80:rgba(255,255,255,0.8);--color-white-alpha-82:rgba(255,255,255,0.82);--color-white-alpha-85:rgba(255,255,255,0.85);--color-white-alpha-90:rgba(255,255,255,0.9);--color-black-alpha-2:rgba(0,0,0,0.02);--color-black-alpha-3:rgba(0,0,0,0.03);--color-black-alpha-4:rgba(0,0,0,0.04);--color-black-alpha-5:rgba(0,0,0,0.05);--color-black-alpha-6:rgba(0,0,0,0.06);--color-black-alpha-8:rgba(0,0,0,0.08);--color-black-alpha-10:rgba(0,0,0,0.1);--color-black-alpha-12:rgba(0,0,0,0.12);--color-black-alpha-15:rgba(0,0,0,0.15);--color-black-alpha-20:rgba(0,0,0,0.2);--color-black-alpha-25:rgba(0,0,0,0.25);--color-black-alpha-30:rgba(0,0,0,0.3);--color-black-alpha-35:rgba(0,0,0,0.35);--color-black-alpha-40:rgba(0,0,0,0.4);--color-black-alpha-45:rgba(0,0,0,0.45);--color-black-alpha-50:rgba(0,0,0,0.5);--color-black-alpha-55:rgba(0,0,0,0.55);--color-black-alpha-60:rgba(0,0,0,0.6);--color-black-alpha-70:rgba(0,0,0,0.7);--color-black-alpha-85:rgba(0,0,0,0.85);--color-black-alpha-90:rgba(0,0,0,0.9);--color-black-alpha-95:rgba(0,0,0,0.95);--color-info-alpha-4:rgba(59,130,246,0.04);--color-info-alpha-6:rgba(59,130,246,0.06);--color-info-alpha-8:rgba(59,130,246,0.08);--color-info-alpha-10:rgba(59,130,246,0.1);--color-info-alpha-12:rgba(59,130,246,0.12);--color-info-alpha-15:rgba(59,130,246,0.15);--color-info-alpha-20:rgba(59,130,246,0.2);--color-info-alpha-25:rgba(59,130,246,0.25);--color-info-alpha-30:rgba(59,130,246,0.3);--color-info-alpha-35:rgba(59,130,246,0.35);--color-error-alpha-6:rgba(220,38,38,0.06);--gradient-dark-bg:linear-gradient(180deg,#0a0a0a,#1a1a2e 50%,#16213e);--gradient-dark-navy:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);--gradient-accent:linear-gradient(135deg,#1e3a5f,#0ea5e9);--gradient-accent-alt:linear-gradient(135deg,#1e3a5f,#2563eb);--gradient-login-bg:linear-gradient(135deg,#f8fafc,#e2e8f0);--gradient-success:linear-gradient(90deg,#22c55e,#4ade80);--gradient-error:linear-gradient(90deg,#ef4444,#f87171);--gradient-warning:linear-gradient(90deg,#f59e0b,#fbbf24);--gradient-info:linear-gradient(90deg,#3b82f6,#60a5fa);--shadow-soft:0 12px 40px rgba(0,0,0,0.06);--shadow-info-sm:0 4px 16px rgba(59,130,246,0.12);--shadow-info:0 4px 16px rgba(59,130,246,0.25);--shadow-info-lg:0 6px 20px rgba(59,130,246,0.3);--shadow-ring:0 0 0 3px var(--color-black-alpha-4);--shadow-ring-strong:0 0 0 3px var(--color-black-alpha-5);--shadow-info-ring:0 0 0 3px var(--color-info-alpha-12);--shadow-info-ring-sm:0 0 0 3px var(--color-info-alpha-10);--color-text-on-dark:var(--color-text-inverse);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--space-3xl:var(--space-16);--space-4xl:var(--space-24);--grid-gap-sm:var(--grid-gap-sm,16px);--gradient-electronic-cards:linear-gradient(135deg,#1e3a5f,#3B82F6);--gradient-batteries:linear-gradient(135deg,#064e3b,#10B981);--gradient-pdu:linear-gradient(135deg,#312e81,#6366f1)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms;--duration-slowest:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--color-text)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}p{line-height:var(--lh-body);color:var(--color-text-secondary)}button{cursor:pointer;border:none;background:none}:root{--font-primary:var(--font-family,"Inter",sans-serif);--font-heading:var(--font-family,"Inter",sans-serif);--fs-button:var(--fs-body-sm);--fs-nav:var(--fs-body-sm);--fs-small:var(--fs-body-sm);--color-accent:var(--color-primary);--color-accent-hover:var(--color-primary-dark);--color-accent-light:var(--color-primary-alpha-10);--color-bg-alt:var(--color-bg-secondary);--color-bg-dark:var(--color-black);--color-text-light:var(--color-text-muted);--color-text-on-dark:var(--color-white);--color-border-hover:var(--color-border-strong);--shadow-accent:var(--shadow-primary);--navbar-height:72px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only,body.scroll-locked{overflow:hidden}.reveal{opacity:0;transform:scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.visible{opacity:1;transform:scale(1)}.reveal-up{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-up.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-clip{opacity:0;-webkit-clip-path:inset(10% 10% 10% 10%);clip-path:inset(10% 10% 10% 10%);transition:opacity 1s cubic-bezier(.16,1,.3,1),-webkit-clip-path 1s cubic-bezier(.16,1,.3,1);transition:opacity 1s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1);transition:opacity 1s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1),-webkit-clip-path 1s cubic-bezier(.16,1,.3,1);will-change:opacity,clip-path}.reveal-clip.visible{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.reveal-zoom{opacity:0;transform:scale(.8);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-zoom.visible{opacity:1;transform:scale(1)}.reveal-stagger>[class*=reveal]:first-child{transition-delay:0s}.reveal-stagger>[class*=reveal]:nth-child(2){transition-delay:80ms}.reveal-stagger>[class*=reveal]:nth-child(3){transition-delay:.16s}.reveal-stagger>[class*=reveal]:nth-child(4){transition-delay:.24s}.reveal-stagger>[class*=reveal]:nth-child(5){transition-delay:.32s}.reveal-stagger>[class*=reveal]:nth-child(6){transition-delay:.4s}.reveal-stagger>[class*=reveal]:nth-child(7){transition-delay:.48s}.reveal-stagger>[class*=reveal]:nth-child(8){transition-delay:.56s}.page-transition{animation:pageFadeIn .4s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes textRotateIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textRotateOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes preloaderFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes preloaderFadeOut{0%{opacity:1}to{opacity:0}}@keyframes progressFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-clip,.reveal-left,.reveal-right,.reveal-up,.reveal-zoom{transition-duration:.01ms!important;opacity:1;transform:none;-webkit-clip-path:none;clip-path:none}}