:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.recent-projects{padding:100px 0;color:#fff;position:relative;overflow:hidden}@media(max-width:768px){.recent-projects{padding:60px 0}}@media(max-width:576px){.recent-projects{padding:40px 0}}.recent-projects__header{text-align:center;max-width:800px;margin:0 auto 60px}.recent-projects__header .general-title{margin-bottom:24px}[data-theme=light] .recent-projects__header .general-title{color:rgba(0,0,0,.7)}.recent-projects__header .general-subtitle{color:hsla(0,0%,100%,.7);font-size:18px;line-height:1.6}[data-theme=light] .recent-projects__header .general-subtitle{color:rgba(0,0,0,.7)}.recent-projects__carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:40px;max-width:1400px;margin:0 auto}@media(max-width:768px){.recent-projects__carousel{gap:16px}}.recent-projects__card-wrapper{flex:1 1;max-width:1200px;position:relative;border-radius:24px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);background:#0a0a0a;min-height:500px;box-shadow:0 40px 80px rgba(0,0,0,.4)}.recent-projects__card-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 100% 0,#263d61 0,rgba(0,0,0,0) 100%),radial-gradient(60% 60% at 0 100%,#263d61 0,rgba(0,0,0,0) 100%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.recent-projects__card-wrapper:hover:before{opacity:1}[data-theme=light] .recent-projects__card-wrapper{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 40px 80px rgba(0,0,0,.05)}[data-theme=light] .recent-projects__card-wrapper:before{background:radial-gradient(60% 60% at top right,rgba(240,244,250,.9) 0,transparent 100%),radial-gradient(60% 60% at bottom left,rgba(240,244,250,.9) 0,transparent 100%)}@media(max-width:768px){.recent-projects__card-wrapper{min-height:auto}}.recent-projects__card{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding:48px 0;width:100%;height:100%}@media(max-width:1200px){.recent-projects__card{gap:40px}}@media(max-width:768px){.recent-projects__card{display:flex;flex-direction:column-reverse;padding:40px 24px;text-align:center;gap:40px}}@media(max-width:576px){.recent-projects__card{padding:32px 16px}}.recent-projects__card-content{position:relative;z-index:5;padding:0 48px}@media(max-width:1200px){.recent-projects__card-content{padding:0 24px}}@media(max-width:768px){.recent-projects__card-content{padding:0;display:flex;flex-direction:column;align-items:center}}.recent-projects__card-content .recent-projects__card-badge{display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:6px 14px;border-radius:100px;background:hsla(0,0%,100%,.1);color:#fff;margin-bottom:24px;border:1px solid hsla(0,0%,100%,.2)}[data-theme=light] .recent-projects__card-content .recent-projects__card-badge{background:rgba(0,0,0,.05);color:#000;border-color:rgba(0,0,0,.1)}.recent-projects__card-content h3{max-width:480px;margin-bottom:24px;font-size:32px;font-weight:700;line-height:1.3;color:#fff}[data-theme=light] .recent-projects__card-content h3{color:#161616}@media(max-width:1024px){.recent-projects__card-content h3{font-size:28px}}@media(max-width:576px){.recent-projects__card-content h3{font-size:22px;margin-bottom:16px}}.recent-projects__card-content p{font-size:16px;line-height:1.6;color:hsla(0,0%,100%,.65);max-width:500px;margin-bottom:40px}[data-theme=light] .recent-projects__card-content p{color:rgba(0,0,0,.65)}@media(max-width:576px){.recent-projects__card-content p{font-size:14px;margin-bottom:24px}}.recent-projects__card-action{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;padding-bottom:4px;border-bottom:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}.recent-projects__card-action svg{transition:transform .3s ease}.recent-projects__card-action:hover{border-color:#fff}.recent-projects__card-action:hover svg{transform:translateX(4px)}[data-theme=light] .recent-projects__card-action{color:#161616;border-color:rgba(0,0,0,.3)}[data-theme=light] .recent-projects__card-action:hover{border-color:#161616}.recent-projects__card-image{display:flex;justify-content:center;align-items:center}@media(max-width:1200px){.recent-projects__card-image{padding:0 24px}}@media(max-width:768px){.recent-projects__card-image{padding:0;width:100%;max-width:500px;margin:0 auto}}.recent-projects__card-image img{max-width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.recent-projects .carousel-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.recent-projects .carousel-btn:hover{color:#fff;transform:scale(1.1)}[data-theme=light] .recent-projects .carousel-btn{color:rgba(0,0,0,.3)}[data-theme=light] .recent-projects .carousel-btn:hover{color:#161616}@media(max-width:1024px){.recent-projects .carousel-btn{position:absolute;background:rgba(0,0,0,.5);border-radius:50%;width:44px;height:44px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recent-projects .carousel-btn--prev{left:10px}.recent-projects .carousel-btn--next{right:10px}[data-theme=light] .recent-projects .carousel-btn{background:hsla(0,0%,100%,.8)}}@media(max-width:768px){.recent-projects .carousel-btn{display:none}}.recent-projects__pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:50px}@media(max-width:768px){.recent-projects__pagination{margin-top:30px}}.recent-projects__pagination .pagination-dot{width:32px;height:4px;border-radius:4px;background:hsla(0,0%,100%,.2);border:none;cursor:pointer;transition:all .3s ease;padding:0}.recent-projects__pagination .pagination-dot.active{background:#fff;width:48px}.recent-projects__pagination .pagination-dot:hover:not(.active){background:hsla(0,0%,100%,.4)}[data-theme=light] .recent-projects__pagination .pagination-dot{background:rgba(0,0,0,.1)}[data-theme=light] .recent-projects__pagination .pagination-dot.active{background:#161616}[data-theme=light] .recent-projects__pagination .pagination-dot:hover:not(.active){background:rgba(0,0,0,.2)}