:root{--bg-light:#f8fafc !important;--card-bg:#ffffff !important;--primary-cyan:#38bdf8 !important;--primary-purple:#a855f7 !important;--accent-pink:#ec4899 !important;--text-main:#0f172a !important;--text-muted:#64748b !important;--border-light:rgba(226, 232, 240, 0.9);--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}#x-hero-root.x-hero-wrapper{position:relative!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;background:#0f172a!important;background-image:radial-gradient(circle at 15% 20%,rgb(168 85 247 / .12) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgb(56 189 248 / .12) 0%,transparent 40%),linear-gradient(to right,rgb(255 255 255 / .02) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .02) 1px,transparent 1px)!important;background-size:100% 100%,100% 100%,40px 40px,40px 40px!important;padding:120px 20px 50px!important;display:flex!important;justify-content:center!important;align-items:center!important;border-bottom:1px solid rgb(255 255 255 / .08)!important;text-align:center!important}#x-hero-root .x-hero-shell{max-width:1100px!important;width:100%!important;margin:0 auto!important;padding:0!important}#x-hero-root .x-hero-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important}#x-hero-root .x-hero-title{font-size:42px!important;font-weight:800!important;line-height:1.3!important;color:#ffffff!important;margin:0 0 20px 0!important}#x-hero-root .x-hero-title span{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}#x-hero-root .x-hero-subtitle{font-size:16px!important;color:#94a3b8!important;line-height:1.6!important;max-width:780px!important;margin:0 0 30px 0!important}#x-hero-root .x-hero-actions{display:flex!important;justify-content:center!important;width:100%!important;margin:0!important}#x-hero-root .x-hero-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:14px 36px!important;border-radius:99px!important;font-size:16px!important;font-weight:700!important;color:#ffffff!important;text-decoration:none!important;border:none!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 6px 25px rgb(16 185 129 / .35)!important;transition:all 0.3s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}#x-hero-root .x-hero-btn::before{content:''!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .35),transparent)!important;transition:left 0.6s ease!important}#x-hero-root .x-hero-btn:hover::before{left:100%!important}#x-hero-root .x-hero-btn:hover{transform:translateY(-2px)!important;background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 30px rgb(5 150 105 / .45)!important}#x-hero-root .x-hero-btn svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.5!important;transition:transform 0.3s ease!important}#x-hero-root .x-hero-btn:hover svg{transform:translateX(4px)!important}.hero-portfolio-section{position:relative!important;width:100%!important;padding:40px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;background:var(--bg-light)!important}.hero-container{position:relative!important;z-index:10!important;max-width:1200px!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.category-tabs-wrapper{width:100%!important;max-width:1050px!important;display:flex!important;justify-content:center!important}.category-tabs-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-bottom:30px!important;flex-wrap:wrap!important;width:100%!important}.cat-tab{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;border-radius:99px!important;background:var(--card-bg)!important;border:1px solid var(--border-light)!important;color:var(--text-muted)!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all 0.25s ease!important;outline:none!important}.cat-tab:hover{border-color:var(--primary-cyan)!important;color:var(--text-main)!important}.cat-tab.active{background:linear-gradient(135deg,#7c3aed,#0284c7)!important;color:#ffffff!important;border-color:transparent!important;box-shadow:0 4px 15px rgb(124 58 237 / .2)!important}.mobile-cat-select-wrapper{display:none;width:100%!important;margin-bottom:25px!important;position:relative!important}.mobile-cat-select{width:100%!important;padding:14px 18px!important;font-size:14px!important;font-weight:700!important;color:var(--text-main)!important;background-color:var(--card-bg)!important;border:1.5px solid var(--border-light)!important;border-radius:14px!important;outline:none!important;box-shadow:0 4px 20px rgb(15 23 42 / .06)!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg fill='%2364748b' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:20px!important;transition:border-color 0.2s ease,box-shadow 0.2s ease!important}.mobile-cat-select:focus{border-color:#7c3aed!important;box-shadow:0 4px 20px rgb(124 58 237 / .15)!important}.category-header{display:flex!important;flex-direction:column!important;align-items:center!important;margin-bottom:25px!important;width:100%!important;max-width:900px!important}.category-title{font-size:24px!important;font-weight:800!important;line-height:1.3!important;color:var(--text-main)!important;transition:opacity 0.25s ease!important}.category-title span{background:linear-gradient(135deg,var(--accent-pink),#7c3aed)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.grid-showcase-wrapper{width:100%!important;max-width:1150px!important;margin-top:10px!important}.portfolio-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:24px!important;width:100%!important}.grid-card{background:var(--card-bg)!important;border:1px solid var(--border-light)!important;border-radius:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;text-align:left!important;box-shadow:0 10px 30px rgb(15 23 42 / .06)!important;transition:transform 0.35s cubic-bezier(.16,1,.3,1),box-shadow 0.35s cubic-bezier(.16,1,.3,1)!important;position:relative!important}.grid-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 40px rgb(15 23 42 / .12)!important}.grid-card-parent{padding:12px 16px!important;font-size:14px!important;font-weight:800!important;color:var(--text-main)!important;background:#f8fafc!important;border-bottom:1px solid var(--border-light)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.grid-card-media{position:relative!important;width:100%!important;aspect-ratio:3 / 4!important;overflow:hidden!important;background:#f1f5f9!important}.grid-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transition:transform 0.5s ease!important}.grid-card:hover .grid-card-media img{transform:scale(1.03)!important}.grid-card-body{padding:12px 14px!important;background:#ffffff!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.grid-card-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important}.btn-grid-demo{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:8px!important;color:#64748b!important;background:#f1f5f9!important;border:1px solid var(--border-light)!important;text-decoration:none!important;transition:all 0.2s ease!important;padding:0!important}.btn-grid-demo:hover{background:#e2e8f0!important;color:#7c3aed!important;border-color:rgb(124 58 237 / .3)!important}.btn-grid-demo .btn-icon-filled{width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important;transition:transform 0.2s ease!important}.btn-grid-demo:hover .btn-icon-filled{transform:scale(1.1)!important}.btn-grid-select{flex:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:38px!important;padding:0 12px!important;font-size:13px!important;font-weight:700!important;border-radius:8px!important;color:#ffffff!important;background:linear-gradient(135deg,#7c3aed,#0284c7)!important;text-decoration:none!important;box-shadow:0 4px 12px rgb(124 58 237 / .25)!important;transition:all 0.25s ease!important;white-space:nowrap!important}.btn-grid-select:hover{opacity:0.95!important;box-shadow:0 6px 16px rgb(124 58 237 / .35)!important;transform:translateY(-1px)!important}.btn-grid-select .btn-icon{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform 0.25s ease!important}.btn-grid-select:hover .btn-icon{transform:translateX(3px)!important}@media(max-width:900px){#x-hero-root .x-hero-title{font-size:32px!important}}@media(max-width:640px){#x-hero-root.x-hero-wrapper{padding:60px 16px 35px!important}.hero-portfolio-section{padding:25px 5px!important}#x-hero-root .x-hero-title{font-size:25px!important}#x-hero-root .x-hero-subtitle{font-size:13px!important;margin-bottom:20px!important}#x-hero-root .x-hero-btn{width:auto!important;padding:10px 20px!important;font-size:13px!important;gap:6px!important;box-shadow:none!important;transition:none!important}#x-hero-root .x-hero-btn::before{display:none!important}#x-hero-root .x-hero-btn svg{width:14px!important;height:14px!important;transition:none!important}.category-tabs-nav{display:none!important}.mobile-cat-select-wrapper{display:block!important}.mobile-cat-select{box-shadow:none!important}.mobile-cat-select:focus{box-shadow:none!important}.category-header{margin-bottom:20px!important}.category-title{font-size:20px!important}.portfolio-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.grid-card{border-radius:10px!important;box-shadow:none!important;transform:none!important;transition:none!important}.grid-card:hover{transform:none!important;box-shadow:none!important}.grid-card-media img{transition:none!important}.grid-card-parent{padding:4px 10px!important;font-size:12px!important}.grid-card-body{padding:8px!important}.grid-card-actions{flex-direction:row!important;gap:6px!important}.btn-grid-demo{width:32px!important;height:32px!important;min-width:32px!important;border-radius:6px!important;box-shadow:none!important;transition:none!important}.btn-grid-demo .btn-icon-filled{width:18px!important;height:18px!important;transition:none!important}.btn-grid-select{height:32px!important;padding:0 8px!important;font-size:11px!important;border-radius:6px!important;box-shadow:none!important;transition:none!important}.btn-grid-select:hover{box-shadow:none!important;transform:none!important}.btn-grid-select .btn-icon{width:12px!important;height:12px!important;transition:none!important}}@media(max-width:360px){.portfolio-grid{gap:4px!important}.grid-card-body{padding:6px!important}}.portfolio-loading{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;grid-column:1 / -1;color:#64748b;font-size:14px}.portfolio-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:portfolio-spin 0.7s linear infinite}@keyframes portfolio-spin{to{transform:rotate(360deg)}}