.hero-section{border-radius:30px;justify-content:center;align-items:center;width:100%;height:50vh;margin:120px auto 30px;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();text-align:center;background:#0f140071;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-title{color:#fff;letter-spacing:2px;font-size:3.5rem;font-weight:800}.hero-subtitle{color:#d1d5db;margin-top:2px;font-size:1.2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:100%;max-width:1200px;margin:0 auto;display:grid}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#140a28e6,#280a50e6);border:1px solid #a855f766;border-radius:28px;margin-bottom:20px;transition:all .4s;display:grid;overflow:hidden;box-shadow:0 10px 40px #a855f726}.projects-page-wrapper{width:100%;padding:0 15px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.project-card:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 0 25px #a855f7cc,0 0 60px #ec489999}.project-card img{object-fit:cover;width:10%;height:10px;transition:transform .5s}.project-card:hover img{transform:scale(1.1)}.project-card:after{content:"";z-index:1;background:linear-gradient(#0000 50%,#000c);position:absolute;inset:0}.project-content{z-index:2;text-align:center;padding:28px;position:relative}.project-content h3{color:#fff;letter-spacing:1px;font-size:1.4rem;font-weight:700}.project-content a{color:#fff;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:50px;margin-top:12px;padding:8px 20px;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.project-content a:hover{transform:scale(1.1);box-shadow:0 0 20px #ec4899b3}.project-rate{background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:18px;font-size:1.2rem;font-weight:800}.flip-card{perspective:1000px;width:100%;height:420px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card,.gsap-wrapper{min-height:420px}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:25px;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.flip-card-front{background:linear-gradient(135deg,#1a0033,#2d0050);border:1px solid #a855f766;box-shadow:0 10px 40px #a855f733}.flip-card-front img{object-fit:cover;width:100%;height:200px}.project-rate{color:#ec4899;margin-top:15px;font-size:1.1rem;font-weight:700}.button-group{justify-content:center;gap:12px;margin-top:15px;display:flex}.button-group a,.button-group button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#a855f7,#ec4899);border:none;border-radius:30px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .3s}.button-group a:hover,.button-group button:hover{transform:scale(1.1)}.gsap-wrapper{perspective:1200px;width:100%;height:420px}.gsap-front,.gsap-back{backface-visibility:hidden;border-radius:25px;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.gsap-front{background:linear-gradient(135deg,#1a0033,#2d0050);border:1px solid #a855f766;box-shadow:0 10px 40px #a855f733}.gsap-front img{object-fit:contain;background:0 0;width:80%;height:auto;max-height:150px;margin:15px auto 0;display:block}.gsap-back{text-align:center;color:#fff;background:linear-gradient(135deg,#12001f,#2a004f);border:1px solid #ec489966;padding:30px;transform:rotateY(180deg)}.gsap-card{width:100%;height:100%;transform-style:preserve-3d;position:relative}.gsap-back{transform:rotateY(180deg)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;padding:0 15px;display:grid}.flip-card,.gsap-wrapper{height:auto}.gsap-front img{height:180px}.project-content{padding:18px}.project-content h3{font-size:1.1rem}.project-rate{font-size:1rem}.button-group{flex-direction:column;gap:8px}.button-group a,.button-group button{width:100%}.hero-section{background-position:50%;border-radius:0;width:100%;height:40vh;margin:100px 0 20px}.hero-overlay{padding:20px}.hero-title{font-size:1.9rem;line-height:1.2}.hero-subtitle{margin-top:8px;padding:0 10px;font-size:.9rem}}@media (max-width:480px){.hero-section{background-position:60%;height:45vh}}body{overflow-x:hidden}