.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.project-showcase{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1ef2,#0a0a0afa);border:1px solid #8a4bff33;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.project-slide{will-change:transform;min-height:500px;transition:all .6s cubic-bezier(.4,0,.2,1)}.project-image-container{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}.project-image-container img{will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-image-container:hover img{transform:scale(1.05)}.tech-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#8a4bff33,#4b8aff33);border:1px solid #8a4bff4d;transition:all .3s}.tech-tag:hover{background:linear-gradient(135deg,#8a4bff4d,#4b8aff4d);transform:translateY(-2px)}.category-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #8a4bff33;border-radius:12px;padding:8px}.category-btn{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-btn.active{background:linear-gradient(135deg,#8a4bff,#4b8aff);box-shadow:0 4px 12px #8a4bff66}.category-btn:not(.active):hover{background:#4b556380;transform:translateY(-1px)}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8a4bffcc;border:1px solid #8a4bff4d;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d}.nav-btn:hover{background:#8a4bff;transform:translateY(-2px);box-shadow:0 6px 16px #8a4bff66}.indicator-dot{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.indicator-dot.active{background:linear-gradient(135deg,#8a4bff,#4b8aff);box-shadow:0 4px 8px #8a4bff66}.indicator-dot:not(.active):hover{background:#9ca3af;transform:scale(1.2)}.project-grid-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#1e1e1e99;border:1px solid #8a4bff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-grid-item:hover{background:#1e1e1ecc;border-color:#8a4bff4d;transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.project-grid-item img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-grid-item:hover img{transform:scale(1.1)}.action-btn{background:linear-gradient(135deg,#8a4bff,#6366f1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8a4bff4d}.action-btn:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px);box-shadow:0 6px 16px #8a4bff66}.counter-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8a4bffcc;border:1px solid #8a4bff4d;box-shadow:0 4px 12px #8a4bff33}.gradient-text{background:linear-gradient(135deg,#8a4bff,#4b8aff,#06b6d4);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradientShift;display:inline-block}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:768px){.project-showcase{border-radius:12px;margin:0}.project-slide{min-height:auto;padding:16px}.nav-btn{padding:8px;left:8px;right:8px}.nav-btn svg{width:20px;height:20px}.category-filter{margin:0 -8px;padding:4px}.category-btn{padding:8px 12px;font-size:14px}.project-grid-item{margin:0 4px}.tech-tag{padding:4px 8px;font-size:12px}.action-btn{padding:12px 16px;font-size:14px}}@media (max-width:640px){.project-slide{padding:12px}.gradient-text{font-size:2rem}.category-filter{flex-wrap:wrap;gap:4px}.nav-btn{left:4px;right:4px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #8a4bff}img[src*=placeholder]{background:linear-gradient(90deg,#374151,#4b5563,#374151) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}