@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#1d2427;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:salmon;text-decoration:inherit;transition:all .3s}img{transition:all .3s}a:hover{color:#d24e3f}body{margin:0;min-height:100vh;scroll-behavior:smooth;position:relative;height:100%}h1{font-size:50px;line-height:1.1}h2{text-transform:uppercase;font-size:30px}h2:before{content:"<";left:0;color:salmon}h2:after{content:">";left:0;color:salmon}h3{text-transform:uppercase;font-size:24px}button{border-radius:8px;border:1px solid transparent;padding:10px 20px;font-size:16px;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .3s}button:hover{border-color:salmon}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{color:#fff;background-color:#1d2427}a:hover{color:salmon}button{background-color:#1a1a1a;color:#fff}form input,form textarea{color:#fff}.separator{height:7px;background:linear-gradient(90deg,#fcfcfc,salmon 51%,#d24e3f);width:100%}#root{padding:0;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.wrapper{max-width:1260px;width:100%;padding:0 35px}header{width:100%;display:flex;justify-content:center;box-shadow:0 0 25px -10px #000000bf;background-color:#00000042}.top-navbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;min-width:100vh;height:100%;padding:15px}.top-navbar a{color:#fff}.top-navbar a:hover{color:salmon}.top-navbar .nav-menu{display:flex;justify-content:center;align-items:center;column-gap:10px}.top-navbar .nav-menu a{opacity:75%}.top-navbar .nav-menu a:hover{opacity:100%}.top-navbar .header-logo{min-width:fit-content;font-size:20px;font-weight:500}.top-navbar .header-logo .logo-decor{color:salmon;font-weight:800;font-size:1em}.top-navbar .cta{min-width:fit-content;display:flex;gap:15px;align-items:center}.top-navbar .cta button{border:1.5px solid #fa8072;outline:none}.top-navbar .cta button:hover{color:salmon;outline:solid 1px #fa8072}.top-navbar .cta .soc-icons{display:flex;gap:7px;align-items:center;justify-content:center}.top-navbar .cta .soc-icons a{max-height:25px}.top-navbar .cta .soc-icons img{max-height:25px;opacity:30%}.top-navbar .cta .soc-icons img:hover{opacity:100%}.top-navbar .menu-item{padding:15px;width:100%;min-width:fit-content}.mobile-header{display:none}@media screen and (max-width: 750px){.mobile-header{position:fixed;width:100%;display:flex;justify-content:space-between;padding:20px 0 20px 20px;align-items:center;height:50px;z-index:100;background-color:#151a1d}.mobile-header-logo{display:flex;align-items:center;justify-content:center}.mobile-header-logo a span{color:#fff}.mobile-header-logo a .logo-decor{color:salmon;font-weight:700}.mobile-header-menu-toggle{width:50px;display:flex;align-items:center;justify-content:center}.desktop-header{display:none}}.mobilenav-modal{position:fixed;top:0;left:0;height:100%;background-color:#000b;width:100%;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column}.mobilenav-modal-logo{margin-bottom:30px}.mobilenav-modal-logo a span{color:#fff;font-size:24px}.mobilenav-modal-logo a .logo-decor{color:salmon;font-weight:700}.mobilenav-modal-close{position:absolute;top:30px;right:30px;height:50px;width:50px}.mobilenav-modal-close img{height:100%}.mobilenav-modal-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;margin-bottom:30px}.mobilenav-modal-menu a{color:#fff}.mobilenav-modal-menu a:hover{color:#d24e3f}.mobilenav-modal-soc-icons{display:flex;justify-content:center;align-items:center;gap:15px}.mobilenav-modal-soc-icons img{width:40px;opacity:60%}.mobilenav-modal-soc-icons img:hover{opacity:100%}.footer{box-shadow:0 0 25px -10px #000000bf;background-color:#00000042;color:#fff;padding:3rem 0 1.5rem;margin-top:auto;width:100%;display:flex;justify-content:center;text-align:start}.footer-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#f1f5f9;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;text-decoration:none;transition:color .3s ease}.contact-item:hover{color:salmon}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#1d2427;color:#cbd5e1;border-radius:50%;text-decoration:none;transition:all .3s ease;margin-top:15px}.social-link:hover{background-color:salmon;color:#fff;transform:translateY(-2px)}.services-list{list-style:none}.services-list li{color:#cbd5e1;margin-bottom:.5rem;padding-left:1rem;position:relative}.services-list li:before{content:"→";position:absolute;left:-4px;color:salmon}.footer-bottom{border-top:1px solid #374151;padding-top:1.5rem;text-align:center;width:100%;display:flex;justify-content:center}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#94a3b8;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:salmon}.availability-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#d24e3f;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.availability-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom-content{flex-direction:column;text-align:center}.social-links{justify-content:center}}.about{margin-top:100px}.about-content{width:100%;display:flex;margin-top:50px;flex-wrap:wrap-reverse}.about-content-description{width:50%;text-align:start}.about-content-description p{margin-top:10px}.about-content-description p span{color:salmon;font-weight:500}.about-content-image{width:50%;display:flex;justify-content:center;align-items:center}.about-content-image img{width:300px}@media screen and (max-width: 750px){.about-content-image,.about-content-description{width:100%}}.contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px;margin-bottom:100px}.contacts h2{margin-bottom:30px}.contacts p{padding:0 30px;width:100%}.contacts form{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;margin-top:30px}.contacts form input{background-color:transparent;border:none;border-bottom:1px solid #fa8072;margin:10px 0;padding:5px;font-family:Arial,Helvetica,sans-serif;width:30%}.contacts form textarea{background-color:#fa807210;border:1px solid rgba(250,128,114,.3764705882);margin:20px 0;padding:5px;font-family:Arial,Helvetica,sans-serif;width:30%;min-height:70px}.contacts form button{width:30%}@media screen and (max-width: 750px){.contacts p{padding:0;text-align:left;margin-top:10px}.contacts form input,.contacts form textarea,.contacts form button{width:100%}}.hero-container{position:relative;display:flex;justify-content:space-between;height:100vh;max-height:500px;min-height:300px}.hero-container .left{width:50%;display:flex;justify-content:center;flex-direction:column;align-items:start;gap:20px}.hero-container .left h1{font-size:64px;text-align:left}.hero-container .left p{text-align:left}.hero-container .left .hero-btns{display:flex;gap:10px;flex-wrap:wrap}.hero-container .left .hero-btns button{outline:1px solid #fa8072}.hero-container .left .hero-btns button:hover{color:salmon}.hero-container .left .hero-btns .highlighted{outline:1px solid #fa8072;background-color:#fa807220}.hero-container .right{position:relative;display:flex;justify-content:flex-end;flex-direction:column;align-items:center}.hero-container .right .hero-portrait{height:100%;max-height:500px}@media screen and (max-width: 750px){.hero-container{height:90vh;max-height:650px;max-width:100vw;overflow:clip;padding:30px}.hero-container .left{width:70%;gap:35px;line-height:30px}.hero-container .left h1{font-size:36px}.hero-container .right{position:absolute;left:35%;bottom:0;z-index:-1}.hero-container .right .hero-portrait{height:60%;max-height:400px}}.portfolio{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:100px;position:relative}.portfolio .portfolio-items{display:flex;justify-content:space-between;gap:20px;flex-wrap:nowrap;overflow-x:scroll;scrollbar-width:none;scroll-behavior:smooth;max-width:calc(100vw - 20px);padding:50px 30px 30px}.portfolio .portfolio-items .portfolio-item{background-color:#000;border-radius:15px;min-width:350px;display:flex;flex-direction:column;transition:all .3s}.portfolio .portfolio-items .portfolio-item-image img{width:100%;filter:grayscale(75%);border-radius:15px 0 0}.portfolio .portfolio-items .portfolio-item-image img:hover{filter:grayscale(0%)}.portfolio .portfolio-items .portfolio-item-name{margin-top:20px}.portfolio .portfolio-items .portfolio-item-tech-stack{padding:0 10px}.portfolio .portfolio-items .portfolio-item-tech-stack span{background-color:#d24e3f;border-radius:7px;padding:0 7px;margin:0 3px;text-transform:lowercase}.portfolio .portfolio-items .portfolio-item-description{margin-top:20px;padding:0 10px}.portfolio .portfolio-items .portfolio-item-btns{margin:20px 0}.portfolio .portfolio-items .portfolio-item-btns button{padding:7px 20px;margin:0 5px}.portfolio .portfolio-items .portfolio-item:hover{scale:1.05}.portfolio .portfolio-items .portfolio-item:hover .portfolio-item-image img{filter:grayscale(0%)}.portfolio .portfolio-cta{margin-top:30px}@media screen and (max-width: 750px){.portfolio{width:100%}.portfolio .portfolio-items{padding-left:0;padding-right:0}.portfolio .portfolio-items .portfolio-item{min-width:280px}}.portfolio-btns-container{display:flex;justify-content:space-between;width:100%;position:absolute;align-items:center;margin-left:-20px;margin-right:-20px;top:50%;padding:5px}.portfolio-btns-container .portfolio-btn-left,.portfolio-btns-container .portfolio-btn-right{width:65px;height:65px;background-color:#00000090;opacity:70%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.portfolio-btns-container .portfolio-btn-left img,.portfolio-btns-container .portfolio-btn-right img{height:50px}.portfolio-btns-container .portfolio-btn-left:hover,.portfolio-btns-container .portfolio-btn-right:hover{opacity:100%;scale:1.1}@media screen and (max-width: 750px){.portfolio-btns-container{display:none}}.pricing{margin-top:100px;width:100%}.pricing-cards{margin-top:50px;display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;flex-wrap:wrap;width:100%;gap:30px}.pricing-cards .pricing-card-1,.pricing-cards .pricing-card-2,.pricing-cards .pricing-card-3{background-color:#ffffff20;width:375px;padding:30px;border-radius:7px;transition:all .3s ease}.pricing-cards .pricing-card-1 ul,.pricing-cards .pricing-card-2 ul,.pricing-cards .pricing-card-3 ul{margin-top:20px;margin-bottom:20px;margin-left:30px}.pricing-cards .pricing-card-1 ul li,.pricing-cards .pricing-card-2 ul li,.pricing-cards .pricing-card-3 ul li,.pricing-cards .pricing-card-1 p,.pricing-cards .pricing-card-2 p,.pricing-cards .pricing-card-3 p{text-align:start}.pricing-cards .pricing-card-1 h3,.pricing-cards .pricing-card-2 h3,.pricing-cards .pricing-card-3 h3{text-align:center;margin-bottom:15px}.pricing-cards .pricing-card-1:hover,.pricing-cards .pricing-card-2:hover,.pricing-cards .pricing-card-3:hover{scale:1.05}.pricing-cards .pricing-card-1,.pricing-cards .pricing-card-3{border:1px solid rgba(255,255,255,.3764705882);box-shadow:#ffffff20 0 5px 15px}.pricing-cards .pricing-card-2{height:400px;display:flex;flex-direction:column;justify-content:space-around;border:2px solid #fa8072;box-shadow:#d24e3f20 0 6px 24px;padding:30px}.pricing-cards .pricing-card-2 h3{color:salmon}.pricing-addons{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap}.pricing-addons hr{height:50px}.pricing-addons p{color:salmon;font-weight:500}.pricing-addons li{text-align:left}@media screen and (max-width: 750px){.pricing-addons hr{display:none}}.ToS{text-align:left;margin:70px 0}.ToS h2{margin-top:35px}.ToS p{padding:10px 0;width:70%}.privacy-policy{text-align:left;margin:70px 0}.privacy-policy h2{margin-top:35px}.privacy-policy h3{margin-top:15px}.privacy-policy p{padding:10px 0;width:70%}.privacy-policy ul{margin-left:40px}.slide-up{position:fixed;bottom:15px;right:15px;height:80px;width:80px;display:flex;justify-content:center;align-items:center;background-color:#d24e3f;border-radius:50%;z-index:5;box-shadow:10px 5px 5px #0000001a;cursor:pointer;transition:all .3s ease}.slide-up:hover{scale:1.1}.slide-up img{width:70px}.cookie-consent{position:fixed;bottom:0;width:100%;background:#d24e3f;color:#fff;text-align:center;z-index:999}.cookie-consent-content{width:100%;padding:1.8rem;display:flex;justify-content:center;align-items:center;gap:15px}.cookie-consent-content .cookie-btns{display:flex;justify-content:center;align-items:center;gap:15px}.cookie-consent-content .cookie-btns button{background-color:#1d2427;padding:5px 15px;font-weight:400}.cookie-consent p{font-size:16px;font-weight:400}.cookie-consent a{color:#fff;text-decoration:underline}@media screen and (max-width: 750px){.cookie-consent-content{flex-direction:column}}