.ProjectPage-module__I1sVea__BannerContainer{border-radius:10px;width:100%;height:65vh;position:relative;overflow:hidden}.ProjectPage-module__I1sVea__backButtonContainer{color:#fff;cursor:pointer;z-index:1000;background-color:#0009;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:2.5rem;padding:4px 0;transition:background-color .3s;display:flex;position:absolute;top:1rem;left:1rem}.ProjectPage-module__I1sVea__BannerImage{object-fit:cover;width:100%;height:100%}.ProjectPage-module__I1sVea__BannerOverlay{text-align:center;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem 0;display:flex}.ProjectPage-module__I1sVea__BannerOverlay img{border-radius:50%;width:68px;height:60px}.ProjectPage-module__I1sVea__BannerOverlay a{color:#2d84f3;font-size:1rem;font-weight:900;text-decoration:none}.ProjectPage-module__I1sVea__ProjectTitle{margin-top:10px;font-size:2rem;transition:color .1s ease-in-out;line-height:2.55rem!important}.ProjectPage-module__I1sVea__ProjectTitle:hover{color:#fff}.ProjectPage-module__I1sVea__ProjectDetails{z-index:100;background:#111827;border-radius:8px;width:90%;max-width:1200px;margin:-310px auto 0;padding:13px 40px;line-height:1.75rem;position:relative;box-shadow:0 19px 38px #00000060,0 15px 12px #00000038}.ProjectPage-module__I1sVea__ProjectDetails h2,.ProjectPage-module__I1sVea__ProjectDetails h3,.ProjectPage-module__I1sVea__ProjectDetails p{margin:0 auto;line-height:1.75rem}.ProjectPage-module__I1sVea__ProjectDetails p{margin:1rem 0}.ProjectPage-module__I1sVea__ProjectDetails ul{color:#a8a8a8;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem 0;font-size:17px;display:flex}.ProjectPage-module__I1sVea__ProjectDetails ul li{width:100%;list-style:none}.ProjectPage-module__I1sVea__TechStack{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.ProjectPage-module__I1sVea__TechBadge{color:#fff;background:#007bff;border-radius:4px;padding:5px 10px;font-size:.9rem;transition:transform .3s ease-in-out;transform:scale(1)}.ProjectPage-module__I1sVea__TechBadge:hover{transform:scale(1.1)}.ProjectPage-module__I1sVea__Links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.ProjectPage-module__I1sVea__Links a{color:#007bff;font-weight:700;text-decoration:none}.ProjectPage-module__I1sVea__Links a:hover{text-decoration:underline}.ProjectPage-module__I1sVea__snapshotsContainer{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.ProjectPage-module__I1sVea__snapshotsSubContainer{grid-template-columns:repeat(auto-fit,minmax(650px,1fr));justify-content:center;gap:1rem;width:100%;display:grid}.ProjectPage-module__I1sVea__snapshotsContainer img{object-fit:cover;border-radius:8px;width:100%;height:auto;transition:transform .3s ease-in-out;transform:scale(1)}.ProjectPage-module__I1sVea__source_code{letter-spacing:0;cursor:pointer;color:#fff;background-image:linear-gradient(120deg,var(--accent-color2)100%,var(--accent-color2)100%);background-position:0 88%;background-repeat:no-repeat;background-size:100% .2em;padding:.2rem 0;font-size:.9rem;text-decoration:none;transition:background-size .25s ease-in}.ProjectPage-module__I1sVea__source_code:hover{background-size:100% 88%}.ProjectPage-module__I1sVea__videoSection{flex-direction:column;align-items:center;width:90%;max-width:1200px;margin:2.5rem auto 1rem;display:flex}.ProjectPage-module__I1sVea__videoTitle{text-align:center;color:#fff;margin-bottom:1.2rem;font-size:1.5rem;font-weight:700}.ProjectPage-module__I1sVea__videoPlaceholder{width:100%;max-width:960px;height:0;margin:0 auto;padding-bottom:min(56.25%,540px);position:relative}.ProjectPage-module__I1sVea__videoWrapper{z-index:50;background:#000;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 32px #0009}@keyframes ProjectPage-module__I1sVea__slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.ProjectPage-module__I1sVea__introVideo{border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.ProjectPage-module__I1sVea__miniPlayer{z-index:9999;border-radius:8px;width:320px;max-width:calc(100vw - 48px);height:180px;animation:.5s cubic-bezier(.16,1,.3,1) forwards ProjectPage-module__I1sVea__slideInRight;position:fixed;inset:auto 24px 24px auto;box-shadow:0 10px 30px #000000d9}.ProjectPage-module__I1sVea__closeMiniPlayer{color:#fff;cursor:pointer;z-index:100;background:#ff4d4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000080}.ProjectPage-module__I1sVea__closeMiniPlayer:hover{background:#ff1a1a}@media screen and (max-width:600px){.ProjectPage-module__I1sVea__BannerOverlay{flex-direction:row}.ProjectPage-module__I1sVea__BannerContainer{height:55vh}.ProjectPage-module__I1sVea__ProjectDetails{width:98%;margin:-250px auto 0;padding:18px}.ProjectPage-module__I1sVea__ProjectTitle{margin:.5rem 0;font-size:1.25rem}.ProjectPage-module__I1sVea__ProjectDetails p{margin:.5rem 0;font-size:14px}.ProjectPage-module__I1sVea__ProjectDetails h3{color:#a8a8a8;font-size:14px}.ProjectPage-module__I1sVea__ProjectDetails ul{padding:0;font-size:.875rem}.ProjectPage-module__I1sVea__keyFeaturesHeading{margin:.5rem 0;font-weight:600}.ProjectPage-module__I1sVea__BannerOverlay img{width:50px;height:50px}.ProjectPage-module__I1sVea__snapshotsSubContainer{grid-template-columns:repeat(auto-fit,minmax(357px,1fr))}.ProjectPage-module__I1sVea__TechBadge{padding:3px 8px;font-size:.8rem}.ProjectPage-module__I1sVea__Links{gap:10px}.ProjectPage-module__I1sVea__backButtonContainer{top:.5rem;left:.5rem}.ProjectPage-module__I1sVea__videoSection{width:98%;margin:1.5rem auto 1rem}.ProjectPage-module__I1sVea__videoTitle{font-size:1.2rem}.ProjectPage-module__I1sVea__videoWrapper{border-radius:8px}.ProjectPage-module__I1sVea__miniPlayer{width:250px;height:140px;bottom:16px;right:16px}}