.portfolio-page{background-color:var(--color-gray-50);font-family:Poppins,sans-serif}.section-header .badge-brand{color:var(--color-secondary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;background:#00adef1a;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.brand-accent-text{color:var(--color-secondary)!important}.bottom-line{background:var(--gradient-primary);border-radius:var(--radius-full);width:60px;height:4px;margin-top:15px}.portfolio-masonry-section{background-color:var(--color-white);padding:100px 0}.masonry-grid{column-count:3;column-gap:30px}@media (max-width:992px){.masonry-grid{column-count:2}}@media (max-width:768px){.masonry-grid{column-count:1}}.masonry-item{break-inside:avoid;margin-bottom:30px}.showcase-card{background:var(--color-white);border:1px solid var(--color-gray-100);transition:var(--transition-base);border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #1a2d6c14}.showcase-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #1a2d6c26}.browser-header{background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200);align-items:center;padding:10px 15px;display:flex}.browser-header .dots{gap:6px;margin-right:20px;display:flex}.browser-header .dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.browser-url{background:var(--color-white);border-radius:var(--radius-sm);color:var(--color-gray-500);text-align:center;flex-grow:1;padding:4px 12px;font-family:monospace;font-size:11px}.showcase-scroll-container{cursor:pointer;height:450px;position:relative;overflow:hidden}.showcase-scroll-image{width:100%;height:auto;transition:transform 10s linear;display:block;transform:translateY(0)}.showcase-scroll-container:hover .showcase-scroll-image{transform:translateY(calc(450px - 100%))}.showcase-overlay{opacity:0;width:100%;height:100%;transition:var(--transition-base);background:linear-gradient(#0000 0%,#1a2d6c33 40%,#1a2d6cf2 100%);align-items:flex-end;padding:30px;display:flex;position:absolute;top:0;left:0}.showcase-scroll-container:hover .showcase-overlay{opacity:1}.showcase-content{color:var(--color-white);width:100%;transition:var(--transition-base);transform:translateY(20px)}.showcase-scroll-container:hover .showcase-content{transform:translateY(0)}.project-category{color:var(--color-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.project-title{margin-bottom:20px;font-size:24px;font-weight:800}.project-tags{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.tag{border-radius:var(--radius-sm);background:#ffffff1a;padding:4px 10px;font-size:11px}.view-project-btn{background:var(--color-secondary);color:var(--color-white);border-radius:var(--radius-full);transition:var(--transition-base);border:none;padding:10px 25px;font-size:14px;font-weight:600}.view-project-btn:hover{background:var(--color-white);color:var(--color-primary)}.portfolio-video-section{background-color:var(--color-white)}.video-card{background:var(--color-white);transition:var(--transition-base);border:1px solid var(--color-gray-100);border-radius:20px;overflow:hidden;box-shadow:0 15px 45px #1a2d6c14}.video-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00adef1a}.video-container{aspect-ratio:16/9;background:var(--color-black);width:100%}.video-container video{object-fit:cover;width:100%;height:100%}.video-info h3{color:var(--color-primary);margin-bottom:10px;font-size:20px;font-weight:700}.portfolio-slider-section{background:var(--color-gray-50)}.portfolio-swiper{padding:40px 0 60px!important}.project-slider-card{aspect-ratio:16/10;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000001a}.project-slider-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-slider-card:hover img{transform:scale(1.05)}.slider-overlay{background:linear-gradient(#0000 40%,#1a2d6ce6 100%);align-items:flex-end;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.slider-content{color:var(--color-white)}.slider-content h3{font-size:28px;font-weight:800}.bg-cyan{background-color:var(--color-secondary)}.portfolio-swiper .swiper-pagination-bullet-active{background:var(--color-secondary)!important}.portfolio-swiper .swiper-button-next,.portfolio-swiper .swiper-button-prev{background:var(--color-white);width:50px;height:50px;box-shadow:var(--shadow-md);border-radius:50%;color:var(--color-secondary)!important}.portfolio-swiper .swiper-button-next:after,.portfolio-swiper .swiper-button-prev:after{font-size:20px;font-weight:900}@media (max-width:768px){.slider-content h3{font-size:22px}.portfolio-masonry-section,.portfolio-video-section,.portfolio-slider-section{padding:60px 0}}