*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--lh-heading);font-weight:var(--fw-bold)}button{cursor:pointer;font-family:inherit;border:none;background:none}ul,ol{list-style:none}:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #1c2333;--color-bg-overlay: rgba(13, 17, 23, .85);--color-surface: #21262d;--color-surface-hover: #30363d;--color-border: #30363d;--color-border-accent: #ff6600;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-accent: #ff6600;--color-accent-hover: #ff8533;--color-accent-muted: rgba(255, 102, 0, .15);--color-success: #3fb950;--color-warning: #d29922;--color-error: #f85149;--color-cat-management: #58a6ff;--color-cat-database: #ff6600;--color-cat-frontend: #f778ba;--color-cat-backend: #7ee787;--color-cat-infra: #d2a8ff;--color-cat-hardware: #ffa657;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--fs-hero: clamp(2.5rem, 5vw, 4.5rem);--fs-h1: clamp(2rem, 4vw, 3.5rem);--fs-h2: clamp(1.75rem, 3vw, 2.5rem);--fs-h3: clamp(1.25rem, 2vw, 1.5rem);--fs-h4: clamp(1.1rem, 1.5vw, 1.25rem);--fs-body: clamp(.95rem, 1.2vw, 1.125rem);--fs-small: .875rem;--fs-xs: .75rem;--lh-heading: 1.2;--lh-body: 1.7;--lh-tight: 1.4;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--section-padding: clamp(4rem, 8vw, 8rem);--container-max: 1200px;--container-padding: clamp(1rem, 3vw, 2rem);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(255, 102, 0, .2);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-header: 100;--z-mobile-menu: 200;--z-modal: 300;--z-scroll-top: 50}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f6f8fa;--color-bg-tertiary: #f0f3f6;--color-bg-overlay: rgba(255, 255, 255, .92);--color-surface: #f0f3f6;--color-surface-hover: #e8ecf0;--color-border: #d0d7de;--color-border-accent: #bf4c00;--color-text-primary: #1f2328;--color-text-secondary: #424a53;--color-text-muted: #656d76;--color-accent: #bf4c00;--color-accent-hover: #993d00;--color-accent-muted: rgba(191, 76, 0, .1);--color-success: #1a7f37;--color-warning: #9a6700;--color-error: #cf222e;--color-cat-management: #0969da;--color-cat-database: #bf4c00;--color-cat-frontend: #bf3989;--color-cat-backend: #1a7f37;--color-cat-infra: #8250df;--color-cat-hardware: #bc4c00;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(191, 76, 0, .12)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--section-padding)}.section-title{text-align:center;margin-bottom:var(--space-3xl)}.section-title h2{font-size:var(--fs-h2);color:var(--color-text-primary);margin-bottom:var(--space-md);position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--color-accent);border-radius:var(--radius-full)}.section-subtitle{font-size:var(--fs-body);color:var(--color-text-secondary);max-width:600px;margin-inline:auto}[data-animate]{opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow)}[data-animate=fade-up]{transform:translateY(30px)}[data-animate=fade-up].is-visible{opacity:1;transform:translateY(0)}[data-animate=fade-in].is-visible{opacity:1}[data-animate=slide-left]{transform:translate(-30px)}[data-animate=slide-left].is-visible{opacity:1;transform:translate(0)}[data-animate=slide-right]{transform:translate(30px)}[data-animate=slide-right].is-visible{opacity:1;transform:translate(0)}[data-animate=scale-in]{transform:scale(.95)}[data-animate=scale-in].is-visible{opacity:1;transform:scale(1)}[data-stagger]>*{transition-delay:calc(var(--stagger-index, 0) * .1s)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}@media(prefers-reduced-motion:reduce){[data-animate]{opacity:1;transform:none;transition:none}.animate-in{animation:none}html{scroll-behavior:auto}}