.projects-page{color:#11152b;background:#fff;width:100%;overflow:hidden}.projects-page *,.projects-page :before,.projects-page :after{box-sizing:border-box}.projects-page a{text-decoration:none}.projects-container{width:min(1240px,100% - 32px);margin:0 auto}.projects-hero{background:radial-gradient(circle at 80% 40%,#6a56e11f,#0000 28%),linear-gradient(135deg,#f9f8ff,#fff 55%,#f3f6ff);padding:65px 0 35px;position:relative;overflow:hidden}.projects-hero-pattern{opacity:.35;background-image:radial-gradient(#6851db24 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0}.projects-hero-grid{z-index:2;grid-template-columns:.92fr 1.08fr;align-items:center;gap:28px;min-height:325px;display:grid;position:relative}.projects-hero-content{padding-left:35px}.projects-kicker{color:#5b48d2;letter-spacing:.14em;background:#ece8ff;border-radius:999px;align-items:center;min-height:29px;padding:0 13px;font-size:8px;font-weight:900;display:inline-flex}.projects-hero-content h1{color:#11152b;letter-spacing:-.055em;margin:20px 0 0;font-size:clamp(48px,6vw,70px);font-weight:950;line-height:1}.projects-hero-content p{color:#687084;max-width:480px;margin:17px 0 0;font-size:14px;line-height:1.7}.projects-title-line{gap:5px;margin-top:18px;display:flex}.projects-title-line span{background:#7056df;border-radius:20px;width:32px;height:3px}.projects-title-line span:last-child{background:#d2c8fb;width:8px}.projects-hero-visual{justify-content:center;align-items:flex-end;min-height:350px;display:flex;position:relative}.projects-hero-image{z-index:2;object-fit:contain;filter:drop-shadow(0 25px 45px #2927592e);width:100%;max-width:760px;height:auto;position:relative}.hero-device-glow{filter:blur(70px);background:#6c53e224;border-radius:50%;width:320px;height:220px;position:absolute;top:22%;right:15%}.projects-filter-section{z-index:5;background:#fff;margin-top:-2px;position:relative}.projects-filter{border-radius:17px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:14px;display:flex;box-shadow:0 10px 30px #2628490f}.projects-filter button{color:#5f6578;cursor:pointer;background:#f5f6fb;border:0;border-radius:9px;min-height:40px;padding:0 21px;font-size:10px;font-weight:800;transition:transform .25s,background .25s,color .25s}.projects-filter button:hover{color:#5440cf;transform:translateY(-2px)}.projects-filter button.active{color:#fff;background:linear-gradient(100deg,#5535dc,#683de3);box-shadow:0 10px 20px #5638ca2e}.projects-grid-section{padding:28px 0 78px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{background:#fff;border:1px solid #43456617;border-radius:18px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 12px 34px #2224460f}.project-card:hover{border-color:#5c4ad22e;box-shadow:0 25px 55px #28284f1c}.project-image-wrap{background:#f2f4fa;width:100%;height:188px;position:relative;overflow:hidden}.project-image{object-fit:cover;transition:transform .6s,filter .6s}.project-card:hover .project-image{filter:saturate(1.04);transform:scale(1.045)}.project-image-overlay{background:linear-gradient(#0000 55%,#0c0f2514);position:absolute;inset:0}.project-round-icon{z-index:3;color:#fff;background:linear-gradient(135deg,#6547dd,#7554e5);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;display:flex;position:absolute;bottom:-23px;left:24px;box-shadow:0 8px 20px #5540c633}.project-round-icon svg{width:20px;height:20px}.project-card-content{padding:30px 18px 18px}.project-card-content h2{color:#171a2e;letter-spacing:-.025em;margin:0;font-size:19px;font-weight:850;line-height:1.2}.project-card-content p{color:#73788a;min-height:52px;margin:10px 0 14px;font-size:9.5px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tags span{color:#646a7c;background:#f7f8fc;border:1px solid #53546f14;border-radius:7px;align-items:center;min-height:25px;padding:0 9px;font-size:7px;font-weight:750;display:inline-flex}.project-view-link{color:#5e4dcd;align-items:center;gap:5px;margin-top:15px;font-size:8px;font-weight:850;transition:transform .25s,color .25s;display:inline-flex}.project-view-link svg{font-size:11px}.project-view-link:hover{color:#448fd5;transform:translate(3px)}.project-card.blue .project-round-icon{background:linear-gradient(135deg,#3e73d5,#5879d8)}.project-card.green .project-round-icon{background:linear-gradient(135deg,#3d9b62,#49af77)}.project-card.violet .project-round-icon{background:linear-gradient(135deg,#6845d8,#8056e5)}.project-card.orange .project-round-icon{background:linear-gradient(135deg,#ed8b27,#e9a135)}.project-card.pink .project-round-icon{background:linear-gradient(135deg,#cf5684,#b75bb2)}.why-projects-section{padding:0 0 60px}.why-projects-box{background:linear-gradient(135deg,#f6f3ff,#f6f9ff);border:1px solid #604dd914;border-radius:18px;grid-template-columns:.65fr 1fr 1fr 1fr;align-items:center;gap:18px;min-height:135px;padding:22px 30px;display:grid;position:relative;overflow:hidden}.why-projects-label{color:#6049d3;letter-spacing:.08em;max-width:100px;font-size:9px;font-weight:900;line-height:1.45}.why-projects-items{display:contents}.why-project-item{border-left:1px solid #4a4c6c1a;align-items:center;gap:10px;padding-left:18px;display:flex}.why-project-icon{color:#614dd4;background:#eeebff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.why-project-item h3{color:#171a2e;margin:0 0 5px;font-size:11px;font-weight:850}.why-project-item p{color:#777d8e;max-width:200px;margin:0;font-size:8px;line-height:1.55}.why-project-visual{opacity:.55;position:absolute;bottom:-22px;right:20px}.books{flex-direction:column;gap:4px;display:flex}.books span{background:linear-gradient(90deg,#6651d7,#9380e9);border-radius:4px;width:100px;height:14px;display:block;transform:rotate(-2deg)}.books span:nth-child(2){width:82px}.books span:nth-child(3){width:92px}.projects-cta{padding:0 0 90px}.projects-cta-box{background:linear-gradient(110deg,#2b107f,#5636d0,#6c4de0);border-radius:18px;align-items:center;gap:18px;padding:23px 28px;display:flex;box-shadow:0 28px 65px #412baa33}.projects-cta-icon{color:#fff;background:#ffffff21;border-radius:50%;flex:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.projects-cta-icon svg{width:27px;height:27px}.projects-cta-content{flex:1}.projects-cta-content h2{color:#fff;margin:0;font-size:22px;font-weight:850}.projects-cta-content p{color:#ffffffb8;margin:5px 0 0;font-size:9px}.projects-cta-button{color:#4d37b7;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 17px;font-size:9px;font-weight:850;transition:transform .3s,box-shadow .3s;display:inline-flex}.projects-cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 25px #160c4538}@media (max-width:1000px){.projects-hero-grid{grid-template-columns:1fr}.projects-hero-content{text-align:center;padding-left:0}.projects-hero-content p{margin-left:auto;margin-right:auto}.projects-title-line{justify-content:center}.projects-hero-visual{min-height:300px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-projects-box{grid-template-columns:1fr;gap:18px}.why-projects-label{max-width:none}.why-projects-item{border-top:1px solid #4a4c6c1a;border-left:0;padding-top:12px;padding-left:0}.why-projects-visual{display:none}}@media (max-width:700px){.projects-container{width:calc(100% - 24px)}.projects-hero{padding:55px 0 25px}.projects-hero-content h1{font-size:46px}.projects-hero-content p{font-size:11px}.projects-hero-visual{min-height:240px}.projects-filter{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:12px;overflow-x:auto}.projects-filter::-webkit-scrollbar{display:none}.projects-filter button{flex:none}.projects-grid{grid-template-columns:1fr}.project-image-wrap{height:210px}.project-card-content{padding:30px 17px 18px}.project-card-content h2{font-size:20px}.project-card-content p{font-size:9.5px}.why-projects-box{padding:25px 20px}.why-project-item{margin-top:2px}.projects-cta-box{flex-direction:column;align-items:flex-start;padding:25px 20px}.projects-cta-button{width:100%}}@media (max-width:420px){.projects-hero-content h1{font-size:39px}.project-image-wrap{height:190px}.projects-cta-content h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.projects-page *,.projects-page :before,.projects-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.projects-page button:focus-visible,.projects-page a:focus-visible{outline-offset:3px;outline:2px solid #7156df}