@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";
[data-portfolio],[data-portfolio] [data-theme=purple],[data-portfolio]:where(:root,*){--bg-main:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffbf;--bg-card-hover:#fffffff2;--bg-pill-cap:#7c3aed;--bg-pill-body:#fff;--primary-accent:#6366f1;--primary-glow:#6366f140;--secondary-accent:#a855f7;--tertiary-accent:#ec4899;--salt-particle:#c084fc;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--border-color:#e2e8f0cc;--border-highlight:#a855f74d;--badge-bg:#6366f114;--hero-gradient:radial-gradient(circle at 70% 30%, #a855f71f 0%, #6366f114 40%, transparent 70%);--shadow-soft:0 20px 40px -15px #6366f11f;--shadow-hover:0 25px 50px -12px #a855f738}[data-portfolio] *,[data-portfolio] :before,[data-portfolio] :after{box-sizing:border-box}[data-portfolio]{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}[data-portfolio] .font-display{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif}[data-portfolio] .gradient-text{background:linear-gradient(135deg,#0f172a 20%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-portfolio] .gradient-accent-text{background:linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 50%, var(--tertiary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-portfolio] .glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);border-radius:24px;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-portfolio] .glass-panel:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-hover);transform:translateY(-2px)}[data-portfolio] .glass-pill{background:var(--badge-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--primary-accent);border-radius:9999px;align-items:center;gap:8px;padding:6px 18px;font-size:.85rem;font-weight:700;display:inline-flex}[data-portfolio] .glass-button{background:linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);color:#fff;cursor:pointer;box-shadow:0 10px 25px var(--primary-glow);border:none;border-radius:9999px;align-items:center;gap:10px;padding:14px 28px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex}[data-portfolio] .glass-button:hover{box-shadow:0 14px 35px var(--primary-glow);transform:translateY(-2px)scale(1.02)}[data-portfolio] .glass-button:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-portfolio] .glass-button-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:9999px;align-items:center;gap:10px;padding:14px 26px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #00000008}[data-portfolio] .glass-button-secondary:hover{border-color:var(--border-highlight);background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}@keyframes pf-floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1.5deg)}}@keyframes pf-pulseGlow{0%,to{opacity:.5}50%{opacity:.9}}[data-portfolio] .animate-float{animation:6s ease-in-out infinite pf-floatSlow}[data-portfolio] .animate-pulse-slow{animation:4s ease-in-out infinite pf-pulseGlow}[data-portfolio] ::-webkit-scrollbar{width:8px}[data-portfolio] ::-webkit-scrollbar-track{background:var(--bg-main)}[data-portfolio] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-portfolio] ::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}[data-portfolio] .pf-hero-grid{grid-template-columns:1.05fr .95fr!important;align-items:center!important;gap:30px!important;display:grid!important}@media (max-width:900px){.pf-desktop-nav{display:none!important}.pf-mobile-btn{display:flex!important}.pf-search-text{display:none!important}[data-portfolio] .pf-hero-grid{grid-template-columns:1fr!important;gap:30px!important}}@media (max-width:768px){[data-portfolio] section{padding-left:16px!important;padding-right:16px!important}[data-portfolio] .pf-hero-section{min-height:auto!important;padding-top:100px!important;padding-bottom:40px!important;display:block!important;overflow:visible!important}[data-portfolio] .pf-hero-buttons{flex-direction:column!important;gap:12px!important;width:100%!important}[data-portfolio] .pf-hero-buttons button,[data-portfolio] .pf-hero-buttons a{text-align:center!important;justify-content:center!important;width:100%!important}[data-portfolio] .pf-pill-canvas-container{height:480px!important;min-height:480px!important;margin-top:10px!important;position:relative!important;overflow:visible!important}[data-portfolio] .pf-pill-canvas-container>div:first-child{z-index:0!important}[data-portfolio] .pf-floating-badge-top{z-index:20!important;pointer-events:none!important;width:180px!important;max-width:calc(100% - 16px)!important;padding:12px 14px!important;top:8px!important;right:8px!important}[data-portfolio] .pf-floating-badge-bottom{z-index:20!important;pointer-events:none!important;max-width:calc(100% - 16px)!important;padding:8px 12px!important;bottom:8px!important;left:8px!important}[data-portfolio] .pf-banner-card{padding:24px 16px!important}[data-portfolio] .pf-sync-arrow{display:none!important}[data-portfolio] .pf-footer{text-align:center!important;flex-direction:column!important;justify-content:center!important;gap:14px!important}[data-portfolio] .pf-footer-links{justify-content:center!important}}@media (max-width:640px){[data-portfolio] .pf-header-get-started{display:none!important}[data-portfolio] .glass-panel{border-radius:18px!important}}@media (max-width:480px){[data-portfolio] h1{font-size:2rem!important}[data-portfolio] h2{font-size:1.7rem!important}[data-portfolio] .pf-pill-canvas-container{height:420px!important;min-height:420px!important}[data-portfolio] .pf-floating-badge-top{width:160px!important;padding:10px 12px!important}[data-portfolio] .pf-floating-badge-top>div:nth-child(2){font-size:1.4rem!important}}@media (max-width:380px){[data-portfolio] .pf-pill-canvas-container{height:380px!important;min-height:380px!important}[data-portfolio] .pf-floating-badge-top{width:145px!important;padding:8px 10px!important}[data-portfolio] .pf-floating-badge-top>div:nth-child(2){font-size:1.2rem!important}[data-portfolio] .pf-floating-badge-bottom{padding:6px 10px!important}[data-portfolio] .pf-floating-badge-bottom>div>div:first-child{font-size:.7rem!important}[data-portfolio] .pf-floating-badge-bottom>div>div:last-child{font-size:.62rem!important}}@media (max-width:767px){[data-portfolio] .pf-hero-section{position:relative!important;overflow:visible!important}[data-portfolio] .pf-hero-text-col{z-index:2!important;position:relative!important}[data-portfolio] .pf-hero-badge{max-width:60%!important;font-size:.8rem!important}[data-portfolio] .pf-hero-title{max-width:56%!important;font-size:clamp(1.5rem,5vw,2rem)!important}[data-portfolio] .pf-pill-canvas-container{z-index:0!important;pointer-events:none!important;width:44%!important;height:240px!important;min-height:240px!important;margin-top:0!important;position:absolute!important;top:115px!important;left:auto!important;right:0!important;overflow:hidden!important}[data-portfolio] .pf-floating-badge-top,[data-portfolio] .pf-floating-badge-bottom{display:none!important}[data-portfolio] .pf-about-section{padding-top:32px!important;padding-bottom:32px!important;position:relative!important;overflow:visible!important}[data-portfolio] .pf-about-text-col{z-index:2!important;position:relative!important}[data-portfolio] .pf-about-text-col .glass-pill,[data-portfolio] .pf-about-text-col h2{max-width:58%!important}[data-portfolio] .pf-about-text-col h2{font-size:clamp(1.4rem,5vw,1.9rem)!important}[data-portfolio] .pf-about-text-col p,[data-portfolio] .pf-about-text-col ul,[data-portfolio] .pf-about-text-col>div:not(:first-child):not(:nth-child(2)){max-width:100%!important;padding-right:0!important}[data-portfolio] .pf-about-dna-col{z-index:0!important;pointer-events:none!important;width:44%!important;height:200px!important;min-height:200px!important;position:absolute!important;top:28px!important;left:auto!important;right:0!important;overflow:hidden!important}[data-portfolio] .pf-about-dna-col>div{width:100%!important;height:100%!important}}@media (max-width:480px){[data-portfolio] .pf-about-dna-col{height:180px!important;min-height:180px!important;top:24px!important}}@media (max-width:380px){[data-portfolio] .pf-about-dna-col{width:42%!important;height:160px!important;min-height:160px!important;top:20px!important}[data-portfolio] .pf-about-text-col .glass-pill,[data-portfolio] .pf-about-text-col h2{max-width:54%!important}}@media (max-width:767px){[data-portfolio] .pf-banner-card{min-height:unset!important;overflow:hidden!important}[data-portfolio] .pf-banner-grid{flex-direction:column!important;display:flex!important;position:relative!important}[data-portfolio] .pf-banner-grid>div:first-child{z-index:2!important;max-width:100%!important;position:relative!important}[data-portfolio] .pf-banner-grid>div:first-child h2{max-width:100%!important;font-size:clamp(1.4rem,5vw,1.85rem)!important}[data-portfolio] .pf-banner-grid>div:first-child>div[style*=flex-wrap]{flex-direction:column!important;gap:8px!important}[data-portfolio] .pf-banner-cards-preview{transform-origin:100% 0!important;height:174px!important;transform:scale(.58)!important}}@media (max-width:480px){[data-portfolio] .pf-banner-grid>div:first-child h2{font-size:clamp(1.25rem,4.5vw,1.6rem)!important}}[data-portfolio] .pf-about-tabs-panel{padding:40px}[data-portfolio] .pf-about-vision-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:767px){[data-portfolio] .pf-about-tabs-panel{padding:24px}[data-portfolio] .pf-about-vision-grid{grid-template-columns:1fr}[data-portfolio] .pf-team-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}[data-portfolio] .pf-navbar-logo{height:75px!important}}