.projects-showcase{--primary-gradient:linear-gradient(135deg,#6e45e2,#88d3ce);--card-bg:rgba(255,255,255,.08);--card-border:1px solid rgba(255,255,255,.1);--tech-bg:rgba(255,255,255,.12);--text-primary:#fff;--text-secondary:rgba(255,255,255,.7);--accent:#ff7e5f;max-width:1400px;margin:0 auto;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:35px;margin-top:30px;display:grid}.project-card{background:var(--card-bg);backdrop-filter:blur(12px);border:var(--card-border);height:100%;transform-style:preserve-3d;border-radius:20px;-ms-flex-direction:column;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:-ms-flexbox;display:flex;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(0)rotateY(0);box-shadow:0 10px 30px rgba(0,0,0,.3)}.project-card:hover{background:rgba(255,255,255,.12);transform:translateY(-10px)rotateX(3deg)rotateY(2deg);box-shadow:0 15px 40px rgba(0,0,0,.4)}.project-card:before{content:"";background:var(--primary-gradient);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-card:hover:before{opacity:.3}.carousel-container{border-radius:20px 20px 0 0;height:250px;position:relative;overflow:hidden}.carousel-slide{opacity:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%;transition:opacity .8s;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;overflow:hidden}.carousel-slide.active{opacity:1}.carousel-image{object-fit:contain;z-index:0;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.carousel-slide:after{content:"";z-index:1;background:linear-gradient(transparent 50%,rgba(0,0,0,.7));width:100%;height:100%;position:absolute;top:0;left:0}.slide-info{z-index:2;color:#fff;backdrop-filter:blur(5px);border:var(--card-border);opacity:0;background:rgba(245,2,2,.847);border-radius:12px;width:90%;margin:0 auto 20px;padding:15px 25px;transition:all .5s .2s;position:relative;transform:translateY(20px)}.carousel-slide.active .slide-info{opacity:1;transform:translateY(0)}.slide-info p{text-align:center;margin:0;font-size:14px;font-weight:300;line-height:1.6}.carousel-nav{z-index:10;gap:10px;display:-ms-flexbox;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.nav-dot{cursor:pointer;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:14px;height:14px;transition:all .3s;box-shadow:0 0 10px rgba(0,0,0,.3)}.nav-dot:hover{background:rgba(255,255,255,.7);transform:scale(1.3)}.nav-dot.active{background:var(--accent);transform:scale(1.3);box-shadow:0 0 15px rgba(255,126,95,.5)}.project-content{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;padding:25px;display:-ms-flexbox;display:flex}.project-title{-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px;display:-ms-flexbox;display:flex}.project-title i{background:var(--primary-gradient);color:#fff;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:-ms-flexbox;display:flex;box-shadow:0 5px 15px rgba(0,0,0,.2)}.project-title h2{color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0;font-size:1.8rem;font-weight:700}.tech-stack{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:25px;display:-ms-flexbox;display:flex}.tech-item{color:#1691d9;border:var(--card-border);backdrop-filter:blur(5px);background:#171716;border-radius:30px;padding:8px 18px;font-size:15px;font-weight:600;transition:all .3s}.tech-item:hover{background:#fff;transform:translateY(-3px)}.project-link{background:var(--primary-gradient);color:#1691d9;text-align:center;border:none;border-radius:30px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:fit-content;margin-top:auto;padding:10px 20px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:-ms-inline-flexbox;display:inline-flex;box-shadow:0 4px 15px rgba(0,0,0,.3)}.project-link:hover{background:linear-gradient(135deg,#e5e4db,#a0a099);transform:translateY(-3px);box-shadow:0 7px 20px rgba(0,0,0,.4)}.project-link i{margin-left:8px;transition:transform .3s}.project-link:hover i{transform:translate(3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(30px)}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.progress-bar{background:var(--accent);z-index:10;width:0%;height:4px;transition:width .3s linear;position:absolute;bottom:0;left:0}.carousel-slide.active .progress-bar{width:100%;transition:width 5s linear}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-title h2{font-size:1.6rem}.carousel-container{height:220px}}@media (max-width:480px){.project-card{border-radius:15px}.project-content{padding:20px}.project-title i{width:42px;height:42px;font-size:1.2rem}}
/*# sourceMappingURL=path0.e35a7eaa.css.map */