@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&family=Rubik:wght@400;500;700&family=Rubik+Mono+One&family=Inter:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap";*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;background:#070020;font-family:Inter,sans-serif;color:#fff;width:100%;max-width:100vw;overflow-x:hidden}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 100px;background-color:#0b0b0b;width:100%;max-width:100vw;overflow-x:hidden}.section-title{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(30px,3vw,53px);text-transform:uppercase;color:#ededed;text-align:center;margin:40px 0;z-index:2}.section-heading-wrapper{position:relative;width:100%;height:138px;margin-bottom:38px;display:flex;justify-content:center;align-items:center}.section-rectangle{position:absolute;top:0;width:100%;max-width:100vw;height:138px;border-radius:12px;padding:2px;background:linear-gradient(to right,#06001e00,#6336f5,#06001e00);opacity:.59;z-index:1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeInHeader{to{opacity:1}}@keyframes fadeInLogo{to{opacity:1;transform:scale(1)}}@keyframes fadeInLink{to{opacity:1;transform:translateY(0)}}.highlight{background:linear-gradient(to right,#6336f5,#8e58e5);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.gradient-button{background:linear-gradient(to right,#6336f5,#8e58e5);color:#fff;border:none;border-radius:14px;cursor:pointer;box-shadow:0 6px #6737f252;font-family:Rubik Mono One,monospace;transition:all .3s ease}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 8px #6737f252}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6336f5,#8e58e5);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8e58e5,#6336f5)}@media (max-width: 768px){.section-heading-wrapper,.section-rectangle{height:100px}}@media (max-width: 480px){.section-heading-wrapper,.section-rectangle{height:80px}}.header{display:flex;align-items:center;justify-content:space-between;width:100%;height:162px;padding:clamp(20px,3vw,40px);box-sizing:border-box;background:linear-gradient(to right,#0b0b0b33,#34008733 20%,#6200ff33,#34008733 80%,#0b0b0b33);font-family:Unbounded,sans-serif;opacity:0;animation:fadeInHeader .5s ease forwards;position:sticky;top:0;z-index:1000}body.menu-open main,body.menu-open footer{filter:brightness(.7);transition:filter .3s ease}.logo{display:flex;align-items:center;justify-content:center;width:clamp(50px,8vw,90.66px);height:clamp(50px,8vw,90.66px);border-radius:50%;overflow:hidden;opacity:0;transform:scale(.8);animation:fadeInLogo .5s ease forwards;flex-shrink:0}.logo img{width:100%;height:100%;object-fit:cover}.header__spacer{width:clamp(50px,8vw,90.66px);flex-shrink:0}.nav{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(15px,2.5vw,35px);width:calc(100% - clamp(20px,4vw,40px));max-width:clamp(350px,95vw,1200px);height:auto;min-height:90px;padding:clamp(10px,2vw,20px);box-sizing:border-box;border-radius:45px;z-index:0;background:linear-gradient(to right,#080026,#11111180,#080026);flex:1;margin:0 auto}.nav:before{content:"";position:absolute;inset:0;border-radius:45px;padding:1px;background:radial-gradient(circle at center,#6336f5,#8e58e5,#7343ef);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none;z-index:-1}.nav__button{display:inline-block;font-family:Unbounded,sans-serif;font-size:clamp(13px,1.6vw,16px);font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-decoration:none;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-image:linear-gradient(90deg,#6336f5,#8e58e5);transition:all .3s ease;opacity:0;transform:translateY(10px);animation:fadeInLink .5s ease forwards;animation-delay:calc(var(--index) * .1s);border:none;background-color:transparent;cursor:pointer;padding:8px 12px;border-radius:8px;white-space:nowrap}.nav__button:hover{background-image:none;-webkit-text-fill-color:white;color:#fff;background:#6336f51a}.nav__button:focus{outline:none;background:#6336f533}.burger{display:none;position:relative;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;flex-shrink:0}.burger__box{width:30px;height:30px;display:inline-block;position:relative}.burger__inner{display:block;top:50%;margin-top:-1px}.burger__inner,.burger__inner:before,.burger__inner:after{width:30px;height:3px;background:linear-gradient(90deg,#6336f5,#8e58e5);border-radius:3px;position:absolute;transition:transform .3s cubic-bezier(.77,.2,.05,1),background .3s cubic-bezier(.77,.2,.05,1),opacity .3s ease;box-shadow:0 2px 8px #6336f54d}.burger__inner:before,.burger__inner:after{content:"";display:block}.burger__inner:before{top:-8px}.burger__inner:after{top:8px}.burger.active .burger__inner{transform:rotate(45deg);background:#fff}.burger.active .burger__inner:before{transform:rotate(90deg) translate(8px);opacity:0}.burger.active .burger__inner:after{transform:rotate(90deg) translate(-8px);background:#fff}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;visibility:hidden;transition:visibility .3s ease}.mobile-menu.active{visibility:visible}.mobile-menu__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}.mobile-menu.active .mobile-menu__overlay{opacity:1}.mobile-menu__content{position:absolute;top:0;right:-100%;width:100%;max-width:400px;height:100%;background:linear-gradient(135deg,#0b0b0b,#1a0b2e);box-shadow:-5px 0 30px #6336f533;padding:30px;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.77,.2,.05,1);overflow-y:auto}.mobile-menu.active .mobile-menu__content{right:0}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid rgba(99,54,245,.3)}.mobile-menu__logo{width:60px;height:60px;border-radius:50%;overflow:hidden}.mobile-menu__logo img{width:100%;height:100%;object-fit:cover}.mobile-menu__close{width:40px;height:40px;background:transparent;border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.mobile-menu__close-icon{position:relative;width:25px;height:25px}.mobile-menu__close-icon span{position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.mobile-menu__close-icon span:first-child{transform:rotate(45deg)}.mobile-menu__close-icon span:last-child{transform:rotate(-45deg)}.mobile-menu__close:hover .mobile-menu__close-icon span{background:#8e58e5}.mobile-menu__nav{flex:1;display:flex;flex-direction:column;gap:15px}.mobile-menu__link{position:relative;display:block;padding:20px 0;text-decoration:none;color:#fff;font-family:Unbounded,sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;overflow:hidden;opacity:0;transform:translate(50px);transition:all .5s ease;border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.mobile-menu.active .mobile-menu__link{opacity:1;transform:translate(0)}.mobile-menu.active .mobile-menu__link:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-menu__link:nth-child(2){transition-delay:.15s}.mobile-menu.active .mobile-menu__link:nth-child(3){transition-delay:.2s}.mobile-menu.active .mobile-menu__link:nth-child(4){transition-delay:.25s}.mobile-menu.active .mobile-menu__link:nth-child(5){transition-delay:.3s}.mobile-menu__link-text{position:relative;z-index:2;transition:all .3s ease}.mobile-menu__link-hover{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#6336f51a,#8e58e533);transition:left .3s ease;z-index:1}.mobile-menu__link:hover .mobile-menu__link-text{color:#8e58e5;transform:translate(10px)}.mobile-menu__link:hover .mobile-menu__link-hover{left:0}.mobile-menu__link:focus{outline:none}.mobile-menu__footer{margin-top:auto;padding-top:30px;border-top:1px solid rgba(99,54,245,.3);text-align:center;color:#8e58e5;font-family:Unbounded,sans-serif;font-size:14px;line-height:1.5}@media (max-width: 1024px){.nav{display:none}.burger{display:flex;align-items:center;justify-content:center}.header__spacer{display:none}}@media (max-width: 768px){.header{height:100px;padding:clamp(15px,2vw,20px)}.logo{width:clamp(50px,8vw,60px);height:clamp(50px,8vw,60px)}.mobile-menu__content{max-width:100%;padding:20px}.mobile-menu__link{font-size:18px;padding:15px 0}}@media (max-width: 480px){.header{height:80px;padding:clamp(10px,2vw,15px)}.logo{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px)}.burger{width:35px;height:35px}.burger__inner,.burger__inner:before,.burger__inner:after{width:25px}.mobile-menu__header{margin-bottom:30px}.mobile-menu__logo{width:50px;height:50px}.mobile-menu__link{font-size:16px;padding:12px 0}}.main{width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;color:#fff;overflow-x:hidden}.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;transition:all .3s ease}.contact-modal.active{opacity:1;visibility:visible}.contact-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}.contact-modal.active .contact-modal__overlay{opacity:1}.contact-modal__content{position:relative;width:100%;max-width:1000px;height:auto;max-height:85vh;background:#0b0b0b;border-radius:20px;overflow:hidden;border:1px solid rgba(99,54,245,.3);box-shadow:0 20px 60px #00000080;transform:scale(.9) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.contact-modal.active .contact-modal__content{transform:scale(1) translateY(0);opacity:1}.contact-modal__main{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;padding:40px;box-sizing:border-box;background:#0b0b0bf2}.contact-modal__close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;z-index:4;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.contact-modal__close:hover{background:#ffffff26;transform:rotate(90deg);border-color:#6336f580}.contact-modal__close-icon{position:relative;width:16px;height:16px}.contact-modal__close-icon:before,.contact-modal__close-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.contact-modal__close-icon:before{transform:rotate(45deg)}.contact-modal__close-icon:after{transform:rotate(-45deg)}.contact-modal__close:hover .contact-modal__close-icon:before,.contact-modal__close:hover .contact-modal__close-icon:after{background:#8e58e5}.contact-modal__navigation{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.contact-modal__nav-btn{background:transparent;border:none;color:#d8d3ff;padding:10px 20px;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .3s ease;opacity:.7}.contact-modal__nav-btn.active{background:#6336f533;color:#8e58e5;opacity:1}.contact-modal__nav-btn:hover:not(.active){background:#ffffff0d;opacity:.9}.contact-modal__header{text-align:center;margin-bottom:30px;padding-top:10px}.contact-modal__header h2{font-family:Unbounded,sans-serif;font-size:clamp(28px,4vw,36px);color:#fff;margin-bottom:12px;background:linear-gradient(90deg,#6336f5,#8e58e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.contact-modal__header p{color:#d8d3ff;font-size:clamp(16px,2vw,18px);opacity:.8}.contact-modal__body{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;min-height:400px}.contact-page{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.contact-page.active{opacity:1;transform:translate(0);pointer-events:all}.contact-page.leaving{opacity:0;transform:translate(-20px)}.contact-page__content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:40px}.contact-modal__info{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:500px}.contact-modal__contacts{text-align:center;width:100%}.contact-modal__contacts h3,.contact-modal__social h3{font-family:Unbounded,sans-serif;color:#fff;margin-bottom:24px;font-size:clamp(18px,2.5vw,22px);font-weight:600}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;justify-content:center;gap:16px;color:#d8d3ff;font-size:clamp(14px,1.5vw,16px);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-item:last-child{border-bottom:none}.contact-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.contact-item a{color:#8e58e5;text-decoration:none;transition:all .3s ease;font-weight:500}.contact-item a:hover{color:#6336f5;text-decoration:underline}.contact-modal__social{text-align:center;width:100%}.social-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-decoration:none}.social-link:hover{background:#6336f533;border-color:#6336f580;transform:translateY(-2px);box-shadow:0 8px 20px #6336f533}.social-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.social-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease}.social-link:hover .social-icon img{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(230deg)}.contact-form{display:flex;flex-direction:column;gap:16px;height:100%}.form-group{display:flex;flex-direction:column}.form-input,.form-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#fff;font-family:Inter,sans-serif;font-size:15px;transition:all .3s ease;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#a08ddc;opacity:.7}.form-input:focus,.form-textarea:focus{border-color:#6336f5;background:#6336f51a;box-shadow:0 0 0 3px #6336f51a}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-submit{background:linear-gradient(90deg,#6336f5,#8e58e5);color:#fff;border:none;border-radius:12px;padding:16px 28px;font-family:Unbounded,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;letter-spacing:.5px}.form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #6336f54d}.form-submit:disabled{opacity:.7;cursor:not-allowed}.contact-modal__success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:30px;padding:20px 0}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#6336f5,#8e58e5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;animation:successScale .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes successScale{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.contact-modal__success h3{font-family:Unbounded,sans-serif;color:#fff;font-size:28px;margin-bottom:15px;font-weight:700;animation:fadeInUp .6s ease .2s both}.contact-modal__success p{color:#d8d3ff;font-size:18px;margin-bottom:30px;max-width:500px;line-height:1.6;animation:fadeInUp .6s ease .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-button{background:linear-gradient(90deg,#6336f5,#8e58e5);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-family:Unbounded,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;letter-spacing:.5px;animation:fadeInUp .6s ease .6s both}.success-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6336f54d}@media (max-width: 968px){.contact-modal__content{max-width:95%}}@media (max-width: 768px){.contact-modal__content{max-height:90vh}.contact-modal__main{padding:30px 25px}.contact-modal__close{top:15px;right:15px;width:40px;height:40px}.contact-modal__header,.contact-modal__navigation{margin-bottom:20px}.contact-modal__nav-btn{padding:8px 16px;font-size:14px}.contact-modal__body{min-height:350px}.contact-page__content,.contact-modal__info{gap:30px}}@media (max-width: 480px){.contact-modal{padding:10px}.contact-modal__content{max-height:95vh;border-radius:16px}.contact-modal__main{padding:25px 20px}.contact-modal__header{margin-bottom:15px}.contact-modal__header h2{font-size:24px}.contact-info{gap:16px}.contact-item{padding:10px 0;font-size:14px}.form-input,.form-textarea{padding:12px 16px;font-size:14px}.form-textarea{min-height:80px}.form-submit{padding:14px 20px;font-size:14px}.social-link{width:40px;height:40px}.social-icon{width:20px;height:20px}.contact-modal__success h3{font-size:24px}.contact-modal__success p{font-size:16px}.success-icon{width:60px;height:60px;font-size:28px}}.hero{width:100%;max-width:100vw;min-width:320px;margin:0;padding:86px 20px;text-align:center;overflow-x:hidden}.hero__title{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(40px,3.5vw,66px);margin:0;color:#fff}.hero__subtitle{margin-top:23px;max-width:100%;font-family:Unbounded,sans-serif;font-weight:600;font-size:clamp(20px,2vw,35px);letter-spacing:1px;line-height:45px;color:#fff}.hero__button{margin-top:23px;padding:15px 76px;font-family:Rubik Mono One,monospace;font-size:clamp(16px,1.2vw,22px);background:linear-gradient(to right,#6336f5,#8e58e5);color:#fff;border:none;border-radius:14px;cursor:pointer;box-shadow:0 6px #6737f252;transition:all .3s ease}.hero__button:hover{transform:translateY(-2px);box-shadow:0 8px #6737f252}.hero__image{width:100%;max-width:min(100%,1840px);height:auto;aspect-ratio:1840 / 1150;margin:30px auto 150px;background:url(/assets/hero-7tLPX5Yx.png) no-repeat center/contain;background-size:contain}@media (max-width: 768px){.hero{padding:60px 15px}.hero__image{margin:20px 0 80px}}@media (max-width: 480px){.hero__title{font-size:clamp(28px,6vw,40px)}.hero__subtitle{font-size:clamp(16px,3vw,24px);line-height:32px}.hero__button{padding:10px 50px;font-size:clamp(14px,2vw,18px)}}.about{width:100%;max-width:100vw;min-width:320px;margin:0;padding:20px;text-align:center;background:linear-gradient(180deg,#0b0b0c,#070020);overflow-x:hidden}.about__text{width:100%;max-width:100vw;margin:0 auto 150px;padding:0 20px;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(20px,2vw,35px);line-height:1.5;letter-spacing:.02em;color:#fff}@media (max-width: 768px){.about{padding:20px 15px}.about__text{margin-bottom:80px;padding:0 15px}}@media (max-width: 480px){.about__text{margin-bottom:50px;padding:0 10px;font-size:clamp(16px,3vw,24px)}}.portfolio{width:100%;max-width:100vw;margin:0;padding:150px 20px;text-align:center;background:linear-gradient(180deg,#070020,#0b0b0c);overflow-x:hidden}.portfolio__subtitle{width:100%;max-width:100vw;margin:0 auto 50px;padding:0 20px;font-family:Unbounded,sans-serif;font-weight:500;font-size:clamp(24px,2.5vw,43px);line-height:38px;color:#533f96}.portfolio__slider-wrapper{position:relative;width:100%;max-width:100%;margin:0 auto;overflow-x:hidden}.portfolio__slider{display:flex;gap:clamp(10px,1.5vw,15px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 clamp(20px,2vw,30px);cursor:grab;-webkit-overflow-scrolling:touch;justify-content:flex-start;margin:0 auto;max-width:100%}.portfolio__slider:active{cursor:grabbing}.portfolio__slider::-webkit-scrollbar{height:8px}.portfolio__slider::-webkit-scrollbar-thumb{background:#8953f780;border-radius:4px}.portfolio__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#6336f5cc;border:none;color:#fff;font-size:clamp(20px,2.5vw,30px);width:clamp(40px,4vw,50px);height:clamp(40px,4vw,50px);border-radius:50%;cursor:pointer;z-index:10}.portfolio__arrow--left{left:clamp(5px,1vw,15px)}.portfolio__arrow--right{right:clamp(5px,1vw,15px)}.portfolio__item{width:clamp(250px,28vw,500px);min-width:250px;padding:20px;display:flex;flex-direction:column;background:#000;border:1px solid rgba(137,83,247,.678);border-radius:16px;text-align:left;transition:transform .3s ease,box-shadow .3s ease;flex:0 0 auto;scroll-snap-align:center;cursor:pointer;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards;animation-delay:calc(var(--index) * .1s)}.portfolio__item:hover{transform:translateY(-10px);box-shadow:0 0 25px #d0b9ff4d}.portfolio__item-image{width:100%;height:auto;aspect-ratio:520 / 385;margin-bottom:20px;align-self:center;border-radius:12px;background-size:cover;background-position:center}.portfolio__item-title{font-family:Unbounded,sans-serif;font-weight:600;font-size:clamp(18px,1.8vw,32px);margin-bottom:20px;color:#e9e2ff}.portfolio__item-text{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,1.5vw,24px);line-height:1.5;color:#e9e2ff}.portfolio__modal{display:none;position:fixed;top:0;left:0;width:100%;max-width:100vw;height:100%;background:#000c;align-items:center;justify-content:center;z-index:1000}.portfolio__modal.active{display:flex}.portfolio__modal-content{background:#1a1a1a;padding:20px;border-radius:12px;max-width:90vw;width:clamp(300px,80vw,600px);position:relative;color:#fff}.portfolio__modal-title{font-family:Unbounded,sans-serif;font-size:clamp(20px,2vw,28px);margin-bottom:15px;color:#e9e2ff}.portfolio__modal-text{font-family:Inter,sans-serif;font-size:clamp(14px,1.5vw,18px);line-height:1.5;color:#d8d3ff}.portfolio__modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;color:#fff;cursor:pointer}.projects-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.project-preview{background:#ffffff0d;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.project-preview:hover{transform:translateY(-5px);border-color:#6336f580;box-shadow:0 10px 25px #6336f533}.project-preview-image{height:100px;background-size:cover;background-position:center;background-repeat:no-repeat}.project-preview-title{padding:12px;font-family:Inter,sans-serif;font-size:13px;color:#fff;margin:0;font-weight:500;line-height:1.3}@media (max-width: 768px){.projects-preview{grid-template-columns:repeat(2,1fr);gap:12px}.project-preview-image{height:80px}.project-preview-title{font-size:12px;padding:10px}}@media (max-width: 480px){.projects-preview{grid-template-columns:1fr}}@media (max-width: 768px){.portfolio{padding:80px 15px}.portfolio__slider-wrapper{padding:0}.portfolio__slider{padding:0 clamp(10px,1.5vw,15px)}.portfolio__arrow{font-size:clamp(16px,2vw,24px);width:clamp(30px,3vw,40px);height:clamp(30px,3vw,40px)}.portfolio__item{width:clamp(220px,45vw,350px);min-width:220px;padding:15px}}@media (max-width: 480px){.portfolio__item{width:clamp(200px,80vw,280px);min-width:200px}.portfolio__item-image{aspect-ratio:4 / 3}.portfolio__subtitle{font-size:clamp(18px,4vw,28px);padding:0 10px}.portfolio__slider{gap:10px;padding:0 clamp(5px,1vw,10px)}}.processes{width:100%;padding:114px 20px;text-align:center;background:linear-gradient(180deg,#0b0b0c,#070020);box-sizing:border-box;overflow-x:hidden}.processes__subtitle{width:100%;max-width:1180px;margin:0 auto 105px;padding:0 20px;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(20px,2vw,35px);line-height:1.5;letter-spacing:.02em;color:#e9e2ff;text-align:center}.processes__block{display:flex;align-items:center;gap:20px;margin:0 20px 75px;flex-wrap:wrap;justify-content:center}.processes__block:last-child{margin-bottom:0}.processes__icon{flex-shrink:0;width:clamp(80px,12vw,120px);height:auto;aspect-ratio:151.5 / 121.44;margin:20px 0}.processes__icon img{width:100%;height:100%;object-fit:contain}.processes__content{width:100%;max-width:738px;display:flex;flex-direction:column;text-align:center}.processes__title{font-family:Unbounded,sans-serif;font-size:clamp(16px,1.5vw,22px);font-weight:600;color:#e9e2ff;margin-bottom:15px;text-transform:uppercase;text-align:center}.processes__text,.processes__note{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,1.2vw,18px);line-height:1.5;color:#cecfff;text-align:left}.processes__text{margin-bottom:20px}.processes__note{display:flex;align-items:center;gap:8px}.processes__note:before{content:"🛈";font-size:20px;color:#a08ddc}@media (max-width: 768px){.processes{padding:80px 15px}.processes__block{flex-direction:column;align-items:center;margin:0 15px 50px;gap:15px}.processes__icon{margin:15px 0;width:clamp(60px,10vw,100px)}.processes__subtitle{margin-bottom:60px;padding:0 15px}}@media (max-width: 480px){.processes__subtitle{font-size:clamp(16px,3vw,24px);margin-bottom:40px}}.stack{width:100%;max-width:100vw;margin:0;padding:80px 20px;text-align:center;background:linear-gradient(180deg,#070020,#0b0b0c);overflow-x:hidden}.stack-content{width:100%;max-width:1200px;margin:0 auto;padding:30px;background:#14142866;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(99,54,245,.3);border-radius:16px;box-shadow:0 4px 30px #0003}.stack-row{display:flex;align-items:center;gap:20px;padding:15px 20px;margin:10px 0;border-radius:12px;background:#1e1e3c4d;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideIn .5s ease forwards;animation-delay:calc(var(--index) * .1s)}.stack-label{flex:0 0 clamp(100px,15vw,180px);font-family:Unbounded,sans-serif;font-size:clamp(16px,1.8vw,26px);font-weight:700;color:#fff;background:linear-gradient(90deg,#7b3fe4,#a68bff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stack-info{flex:1;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,1.5vw,22px);color:#d8d3ff;line-height:1.5;text-align:left}@media (max-width: 768px){.stack{padding:60px 15px}.stack-content{padding:20px 15px}.stack-row{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 15px}.stack-label{flex:0 0 auto;font-size:clamp(14px,1.5vw,20px)}.stack-info{font-size:clamp(12px,1.3vw,18px)}}.price{width:100%;max-width:100vw;margin:0;padding:150px 20px;text-align:center;background:linear-gradient(180deg,#0b0b0c,#070020);overflow-x:hidden}.price__slider-wrapper{position:relative;width:100%;max-width:100%;margin:0 auto;overflow-x:hidden}.price__slider{display:flex;gap:clamp(10px,1.5vw,15px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 clamp(20px,2vw,30px);cursor:grab;-webkit-overflow-scrolling:touch;justify-content:flex-start;margin:0 auto;max-width:100%}.price__slider:active{cursor:grabbing}.price__slider::-webkit-scrollbar{height:8px}.price__slider::-webkit-scrollbar-thumb{background:#8953f780;border-radius:4px}.price__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#6336f5cc;border:none;color:#fff;font-size:clamp(20px,2.5vw,30px);width:clamp(40px,4vw,50px);height:clamp(40px,4vw,50px);border-radius:50%;cursor:pointer;z-index:10}.price__arrow--left{left:clamp(5px,1vw,15px)}.price__arrow--right{right:clamp(5px,1vw,15px)}.price__item{width:clamp(250px,28vw,500px);min-width:250px;padding:20px;display:flex;flex-direction:column;background:#000;border:1px solid rgba(137,83,247,.678);border-radius:16px;text-align:left;transition:transform .3s ease,box-shadow .3s ease;flex:0 0 auto;scroll-snap-align:center;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards;animation-delay:calc(var(--index) * .1s)}.price__item:hover{transform:translateY(-10px);box-shadow:0 0 25px #d0b9ff4d}.price__item-image{width:100%;height:auto;aspect-ratio:457 / 385;margin-bottom:20px;align-self:center;border-radius:12px;background-size:cover;background-position:center}.price__item-title{font-family:Unbounded,sans-serif;font-weight:500;font-size:clamp(18px,1.8vw,32px);color:#e9e2ff;margin:0 0 20px}.price__item-price{font-family:Rubik,sans-serif;font-weight:700;font-size:clamp(14px,1.5vw,24px);color:#e9e2ff;margin:0 0 20px}.price__item-text{font-family:Inter,sans-serif;font-size:clamp(14px,1.5vw,24px);font-weight:500;line-height:1.5;color:#d8d3ff;margin:0 0 20px}@media (max-width: 768px){.price{padding:80px 15px}.price__slider-wrapper{padding:0}.price__slider{padding:0 clamp(10px,1.5vw,15px)}.price__arrow{font-size:clamp(16px,2vw,24px);width:clamp(30px,3vw,40px);height:clamp(30px,3vw,40px)}.price__item{width:clamp(220px,45vw,350px);min-width:220px;padding:15px}}@media (max-width: 480px){.price__item{width:clamp(200px,80vw,280px);min-width:200px}.price__item-image{aspect-ratio:4 / 3}.price__slider{gap:10px;padding:0 clamp(5px,1vw,10px)}}.footer{width:100%;max-width:100vw;background:#0b0b0b;color:#e9e2ff;padding:38.5px 20px;border-top:1px solid rgba(99,54,245,.5);font-family:Inter,sans-serif;font-weight:600;font-size:clamp(14px,1.5vw,18px);line-height:1.5;position:relative}.footer__container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px}.footer__block{flex:1;padding:0 clamp(10px,2vw,30px);color:#e9e2ff;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(14px,1.5vw,18px);text-align:center}.footer__block--border{border-left:1px solid rgba(99,54,245,.5)}.footer__block--logo{display:flex;justify-content:flex-end}.footer__logo{width:clamp(150px,20vw,219px);height:auto;aspect-ratio:219 / 135;margin:20px 0;object-fit:contain}.footer__copyright{width:100%;text-align:center;margin-top:20px;font-size:clamp(12px,1.2vw,16px);color:#d8d3ff}.footer__block p,.footer__block a{font-size:clamp(14px,1.5vw,18px);margin-bottom:10px;line-height:1.5;color:#e9e2ff}.footer__nav-button{display:block;background:transparent;border:none;color:#e9e2ff;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(14px,1.5vw,18px);margin-bottom:10px;line-height:1.5;cursor:pointer;text-decoration:none;transition:color .3s ease;width:100%;text-align:center;padding:5px 0}.footer__nav-button:hover,.footer__nav-button:focus{color:#bba0ff;background:linear-gradient(to right,#6336f5,#8e58e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;outline:none}.footer__block a{display:block;text-decoration:none;transition:color .3s ease}.footer__block a:hover,.footer__block a:focus{color:#bba0ff;background:linear-gradient(to right,#6336f5,#8e58e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer__block a[href^=mailto]{color:#d0cbff}.footer__scroll-top{position:fixed;bottom:20px;right:20px;background:linear-gradient(to right,#6336f5,#8e58e5);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-family:Inter,sans-serif;font-size:24px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #6336f54d;transition:transform .3s ease,opacity .3s ease;opacity:.8}.footer__scroll-top:hover{transform:translateY(-5px);opacity:1}@media (max-width: 768px){.footer__container{flex-direction:column;align-items:center;text-align:center}.footer__block{padding:15px}.footer__block--border{border-left:none;border-top:1px solid rgba(99,54,245,.5);padding-top:20px}.footer__block--logo{justify-content:center}.footer__logo{margin:20px auto}.footer__block p,.footer__block a,.footer__nav-button{text-align:center}}@media (max-width: 480px){.footer{padding:20px 10px}.footer__logo{width:clamp(120px,30vw,150px)}.footer__block p,.footer__block a,.footer__nav-button{font-size:clamp(12px,2vw,16px)}.footer__scroll-top{width:40px;height:40px;font-size:20px}}