.projects-swiper{padding:40px 80px;position:relative}.project-slide{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:500px;padding:0 24px}.project-content{display:flex;flex-direction:column;gap:32px}.project-title{font-size:32px;font-weight:700;color:#fff;line-height:1.2;transition:color .3s ease}html.light .project-title{color:#1e293b}.project-description{font-size:18px;font-weight:400;line-height:1.6;color:#ffffffe6;transition:color .3s ease}html.light .project-description{color:#1e293b}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:14px;font-weight:500;color:#8b5cf6;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);padding:4px 12px;border-radius:9999px;transition:all .2s ease;white-space:nowrap}html.light .project-tag{color:#6b46c1;background:#6b46c11a;border-color:#6b46c133}.project-tag:hover{background:#8b5cf633;border-color:#8b5cf64d;transform:translateY(-1px)}html.light .project-tag:hover{background:#6b46c133;border-color:#6b46c14d}.projects-subtitle{color:#a5b4fc;transition:color .3s ease}html.light .projects-subtitle{color:#1e293b!important}.project-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background-color:#8055e3;border-radius:8px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary i{font-size:16px}.btn-primary:hover{background-color:#8b5cf6e6;transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #6b46c140;color:#fff;text-decoration:none}.btn-outline{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;font-size:16px;font-weight:600;color:#8b5cf6;background-color:transparent;border:1px solid #8b5cf6;border-radius:8px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline i{font-size:16px}.btn-outline:hover{background-color:#8b5cf6;color:#fff;transform:scale(1.05);text-decoration:none}.project-image{width:100%;height:300px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.project-image img{position:relative;z-index:2}.swiper-button-next,.swiper-button-prev{background:#1e1b4bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;width:64px!important;height:64px!important;margin-top:-32px;border:1px solid rgba(139,92,246,.3);transition:all .3s ease;color:#fff!important;position:absolute;top:50%;z-index:10}.swiper-button-next{right:250px!important;top:520px!important}@media (min-width: 1400px){.swiper-button-next{right:50px!important}}@media (min-width: 1500px){.swiper-button-next{right:100px!important}}@media (min-width: 1700px){.swiper-button-next{right:200px!important}}@media (min-width: 1830px){.swiper-button-next{right:250px!important}}@media (min-width: 2200px){.swiper-button-next{right:430px!important}}@media (min-width: 2400px){.swiper-button-next{right:500px!important}}.swiper-button-prev{top:520px!important;left:250px!important}@media (min-width: 1400px){.swiper-button-prev{left:50px!important}}@media (min-width: 1500px){.swiper-button-prev{left:100px!important}}@media (min-width: 1700px){.swiper-button-prev{left:200px!important}}@media (min-width: 1830px){.swiper-button-prev{left:250px!important}}@media (min-width: 2200px){.swiper-button-prev{left:430px!important}}@media (min-width: 2400px){.swiper-button-prev{left:500px!important}}.swiper-button-next:hover,.swiper-button-prev:hover{background:#1e1b4be6;border-color:#8b5cf6;transform:scale(1.1);color:#8b5cf6!important;font-weight:700}.swiper-button-next:after,.swiper-button-prev:after{font-size:14px!important;font-weight:700;color:inherit}.swiper-pagination{bottom:-20px!important}.swiper-pagination-bullet{background:#8b5cf64d!important;opacity:1;width:12px!important;height:12px!important;transition:all .3s ease}.swiper-pagination-bullet-active{background:#8b5cf6!important;transform:scale(1.2)}@media (max-width: 1400px){.swiper-button-next,.swiper-button-prev{display:none!important}.projects-swiper{padding:40px 20px}}@media (max-width: 768px){.projects-swiper{padding:40px 20px 60px}.project-slide{grid-template-columns:1fr;grid-template-rows:auto auto;gap:24px;text-align:center}.project-content{order:2}.project-image{order:1;height:250px}.project-title{font-size:24px}.project-description{font-size:16px}.project-buttons,.project-tags{justify-content:center}.swiper-button-next,.swiper-button-prev{display:none!important}.swiper-pagination{bottom:-40px!important}}