:root{--breakpoint-xs:0px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px;--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-primary-light:#60a5fa;--color-bg-dark:#0f172a;--color-bg-medium:#1e293b;--color-bg-light:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-terminal:#00ff41;--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-particle:radial-gradient(circle at center, #2563eb 0%, transparent 70%);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Consolas',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;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--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;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.3);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.4);--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-river:600ms cubic-bezier(0.4, 0, 0.2, 1);--z-particle-bg:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-terminal:600;--z-tooltip:700}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-dark);overflow-x:hidden;min-height:100vh}.skip-to-main{position:absolute;top:-9999px;left:-9999px;z-index:999;padding:var(--space-4);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md)}.skip-to-main:focus{top:var(--space-4);left:var(--space-4)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--color-text-primary:#ffffff;--color-bg-dark:#000000}}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:1.2;margin-bottom:var(--space-4);color:var(--color-text-primary)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary);text-decoration:underline}strong{font-weight:var(--weight-semibold);color:var(--color-text-primary)}code{font-family:var(--font-mono);font-size:.9em;padding:.125rem .25rem;background:var(--color-bg-medium);border-radius:var(--radius-sm);color:var(--color-terminal)}pre{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4);background:var(--color-bg-medium);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}pre code{padding:0;background:0 0}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-16) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:1fr}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width:768px){:root{--text-3xl:2.25rem;--text-4xl:3rem}.container{padding:0 var(--space-8)}.section{padding:var(--space-20) 0}.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}.md\:hidden{display:none}.md\:block{display:block}}@media (min-width:1024px){:root{--text-3xl:2.5rem;--text-4xl:3.5rem}.container{padding:0 var(--space-12)}.section{padding:var(--space-24) 0}.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}}@media (min-width:1440px){.container{padding:0 var(--space-16)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeInUp{animation:fadeInUp var(--transition-river) ease-out}.animate-fadeIn{animation:fadeIn var(--transition-river) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}[data-animate-stagger]>*,[data-animate=fade-in],[data-animate=slide-up]{opacity:0}[data-animate-stagger]>*,[data-animate=slide-up]{transform:translateY(30px)}.animate-fade-in{animation:fadeIn var(--transition-river) ease-out forwards;opacity:1!important}.animate-slide-up{animation:fadeInUp var(--transition-river) ease-out forwards;opacity:1!important}.animate-visible{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){[data-animate-stagger]>*,[data-animate=fade-in],[data-animate=slide-up]{opacity:1;transform:none;animation:none!important;transition:none!important}.skill-progress-bar{transition:none!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}a{text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")"}}