:root{--color-bg: #0a0a0f;--color-bg-secondary: #111827;--color-primary: #6366f1;--color-primary-light: #818cf8;--color-secondary: #06b6d4;--color-accent: #8b5cf6;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-card: rgba(255, 255, 255, .05);--color-card-border: rgba(255, 255, 255, .1);--color-card-hover: rgba(255, 255, 255, .08);--nav-height: 72px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scroll-animate{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-animate.is-visible{opacity:1;transform:none!important}.animate-fade-up{transform:translateY(40px)}.animate-fade-down{transform:translateY(-40px)}.animate-fade-left{transform:translate(-40px)}.animate-fade-right{transform:translate(40px)}.animate-scale{transform:scale(.85)}