.blog-portfolio-root{--saas-bg:#fff;--saas-bg-elevated:#f8fafc;--saas-surface:#f1f5f9;--saas-border:#00000014;--saas-border-hover:#0000001f;--saas-primary:#6366f1;--saas-primary-hover:#4f46e5;--saas-primary-glow:#6366f140;--saas-primary-muted:#6366f11a;--saas-text:#0f172a;--saas-text-muted:#64748b;--saas-shadow:0 1px 3px 0 #00000014,0 1px 2px -1px #0000000f;--saas-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--saas-radius:1rem;--saas-radius-lg:1.5rem;--saas-section-padding:5rem;background:var(--saas-bg);min-height:100vh;color:var(--saas-text)}.blog-portfolio-root .hero-mesh{background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:48px 48px}.blog-portfolio-root .section-title-line{background:linear-gradient(90deg,transparent,var(--saas-primary),transparent);border-radius:2px;width:4rem;height:3px;margin:1rem auto 0}.blog-portfolio-root .saas-card-lift:hover{box-shadow:var(--saas-shadow-lg);border-color:#6366f133;transform:translateY(-2px)}.blog-portfolio-root .glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--saas-border);background:#ffffffe6}.blog-portfolio-root .glass-hover:hover{border-color:var(--saas-border-hover);box-shadow:var(--saas-shadow);background:#fffffff2}.blog-portfolio-root .saas-card{border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:var(--saas-shadow);background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}.blog-portfolio-root .saas-card:hover{border-color:var(--saas-border-hover);box-shadow:var(--saas-shadow-lg)}.blog-portfolio-root .saas-card.saas-card-lift{transition:transform .25s,border-color .25s,box-shadow .25s}.blog-portfolio-root .nav-item:after{background:var(--saas-primary)}.blog-portfolio-root .saas-btn-primary{background:var(--saas-primary);color:#fff;box-shadow:0 1px 3px #6366f14d}.blog-portfolio-root .saas-btn-primary:hover{background:var(--saas-primary-hover);box-shadow:0 4px 12px #6366f159}.blog-portfolio-root .saas-btn-secondary{color:var(--saas-text);border-color:var(--saas-border-hover);background:0 0}.blog-portfolio-root .saas-btn-secondary:hover{background:var(--saas-primary-muted);border-color:#6366f14d}.blog-portfolio-root .saas-heading-accent{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-portfolio-root .safe-area-pb{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}@keyframes portfolio-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.blog-portfolio-root .animate-fade-in-up{animation:.5s ease-out forwards portfolio-fade-in-up}@keyframes portfolio-glow-pulse{0%,to{box-shadow:0 1px 3px #6366f14d}50%{box-shadow:0 4px 14px #6366f159}}.blog-portfolio-root .btn-glow-pulse{animation:3s ease-in-out infinite portfolio-glow-pulse}.blog-portfolio-root .page-preview-frame{transition:box-shadow .25s,border-color .25s}.blog-portfolio-root .saas-card-lift:hover .page-preview-frame{box-shadow:var(--saas-shadow-lg);border-color:#00000014}