:root{--color-primary-50:#fef9e7;--color-primary-100:#fef3c7;--color-primary-200:#fde68a;--color-primary-300:#fcd34d;--color-primary-400:#fbbf24;--color-primary-500:#fab908;--color-primary-600:#d97706;--color-primary-700:#b45309;--color-primary-800:#92400e;--color-primary-900:#78350f;--color-secondary-50:#f9fafb;--color-secondary-100:#f3f4f6;--color-secondary-200:#e5e7eb;--color-secondary-300:#d1d5db;--color-secondary-400:#9ca3af;--color-secondary-500:#6b7280;--color-secondary-600:#4b5563;--color-secondary-700:#374151;--color-secondary-800:#2d2d2d;--color-secondary-900:#1f2937;--color-accent-50:var(--color-primary-50);--color-accent-100:var(--color-primary-100);--color-accent-200:var(--color-primary-200);--color-accent-300:var(--color-primary-300);--color-accent-400:var(--color-primary-400);--color-accent-500:var(--color-primary-500);--color-accent-600:var(--color-primary-600);--color-accent-700:var(--color-primary-700);--color-accent-800:var(--color-primary-800);--color-accent-900:var(--color-primary-900);--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success-light:#d1fae5;--color-success:#10b981;--color-success-dark:#047857;--color-warning-light:#fef3c7;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-error-light:#fee2e2;--color-error:#ef4444;--color-error-dark:#dc2626;--color-info-light:#dbeafe;--color-info:#3b82f6;--color-info-dark:#1d4ed8;--cta-bg:#fab908;--cta-bg-hover:#fbbf24;--cta-text:#111827;--cta-shadow:0 10px 20px -10px rgba(250,185,8,0.45);--color-heading:#141414;--color-linkedin:#0a66c2;--color-linkedin-hover:#0b5cad;--font-primary:var(--font-playfair),"Playfair Display","Noto Serif",serif;--font-secondary:var(--font-afacad),"Afacad","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","Courier New",monospace;--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;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--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;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.05);--shadow-primary:0 10px 15px -3px rgba(250,185,8,0.3),0 4px 6px -4px rgba(250,185,8,0.3);--shadow-secondary:0 10px 15px -3px rgba(45,45,45,0.2),0 4px 6px -4px rgba(45,45,45,0.2);--shadow-accent:var(--shadow-primary);--radius-none:0;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--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);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-notification:1700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes progressBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-slide-up{animation:slideUp var(--transition-base) var(--ease-out)}.animate-slide-down{animation:slideDown var(--transition-base) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-base) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-base) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out)}.animate-bounce-in{animation:bounceIn var(--transition-slow) var(--ease-bounce)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-primary)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.focus-ring{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--transition-fast)}.focus-ring:focus-visible{outline-color:var(--cta-bg);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 0,var(--color-neutral-300) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-heading{height:2rem;width:60%;margin-bottom:var(--space-4)}.skeleton-avatar{width:3rem;height:3rem;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.spinner{width:2rem;height:2rem;border:3px solid var(--color-neutral-300);border-top-color:var(--cta-bg);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:3rem;height:3rem;border-width:4px}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all var(--transition-base)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background-color:var(--color-error-light);color:var(--color-error-dark)}.card{background-color:white;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-bordered{border:1px solid var(--color-neutral-200)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:none;outline:none}.btn:focus-visible{outline:2px solid var(--cta-bg);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--cta-bg);color:var(--cta-text)}.btn-primary:hover:not(:disabled){background-color:var(--cta-bg-hover);box-shadow:var(--cta-shadow)}.btn-secondary{background-color:var(--color-secondary-700);color:white}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-800);box-shadow:var(--shadow-secondary)}.progress-bar{width:100%;height:.5rem;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--cta-bg),var(--cta-bg-hover));transition:width var(--transition-base);border-radius:var(--radius-full)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);background-color:var(--color-neutral-900);color:white;font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1}@media (max-width:640px){:root{--text-5xl:2.25rem;--text-4xl:1.875rem;--text-3xl:1.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--shadow-sm:0 0 0 1px var(--color-neutral-900);--shadow-md:0 0 0 2px var(--color-neutral-900);--shadow-lg:0 0 0 3px var(--color-neutral-900)}}