@charset "UTF-8";.header .nav ul,ul{list-style:none}*,.header .nav ul{margin:0;padding:0}.cta-button,.header .nav a,a{text-decoration:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;padding-top:60px;background-color:#142131}#contact,#home,#portfolio,#specialization,section{scroll-margin-top:60px}a{color:inherit;transition:.3s}.header{background-color:rgba(18,22,25,.9);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.15);height:60px;display:flex;align-items:center}.header .container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto;position:relative}.header .logo-title{font-weight:700;font-size:1.5rem;color:#fff}.header .logo-title-color,.header .nav a.active,.header .nav a:hover,.main-footer .footer-container .copyright a:hover{color:#63d1b2}.header .nav ul{display:flex;gap:20px}.header .nav a{position:relative;font-size:.9rem;font-weight:600;color:#fff;padding:5px 0;transition:color .3s}.header .nav a::after{content:"";position:absolute;left:0;bottom:1px;width:0;height:2px;background:#63d1b2;transition:width .3s}.header .nav a.active::after,.header .nav a:hover::after{width:100%}.header .menu-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer}.header .menu-toggle span{width:28px;height:3px;background:#fff;border-radius:2px}.hero-bg{width:100%;height:400px;margin:0 auto;position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;background-image:radial-gradient(ellipse 40% 60% at 22% 50%,rgba(0,242,254,.34) 0,rgba(0,0,0,0) 100%),radial-gradient(circle at 20% 25%,rgba(230,40,130,.15) 0,rgba(0,0,0,0) 40%),linear-gradient(35deg,#062e61 0,#0c1420 25%,#202a33 48%,#212b34 68%,#2f5653 85%,#488776 100%);background-blend-mode:screen}.hero-bg .hero-image{width:100%;display:flex;justify-content:center;min-width:0}.hero-bg .hero-image img{max-height:400px;width:auto;height:auto}.hero-bg .hero-content{width:100%;max-width:62%;text-align:left;padding:60px 20px 60px 0}.hero-bg .hero-content .hero-title{color:#fff;font-size:2.8rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:15px}.hero-bg .hero-content .hero-title span{color:#75cea2}.hero-bg .hero-content .hero-description{color:#fff;font-size:1.25rem;line-height:1.3;font-weight:400;margin-bottom:30px}.specialization-section{background-color:#fff;width:100%;text-align:center;position:relative;padding:60px 20px}.specialization-section .section-title{font-size:28px;font-weight:700;color:#111;margin-bottom:40px;letter-spacing:1px}.portfolio-section .portfolio-container,.specialization-section .cards-container{max-width:1240px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin:0 auto 40px}.specialization-section .cards-container .spec-card .icon-group{display:flex;justify-content:center;align-items:center;gap:12px;color:#25383e}.specialization-section .cards-container .spec-card .icon-group .icon-main{font-size:40px}.specialization-section .cards-container .spec-card .icon-group .icon-sub{font-size:55px}.specialization-section .cards-container .spec-card .icon-group .image-logo{width:95px}.specialization-section .cards-container .spec-card{width:100%;min-width:0;color:#0d1517;background-color:#c6eed6;padding:63px 15px 15px;border-radius:12px;text-align:center;transition:transform .3s,box-shadow .3s;display:flex;gap:20px;flex-direction:column;align-items:center;clip-path:polygon(50% 0%,100% 25%,100% 100%,0% 100%,0% 25%)}.specialization-section .cards-container .spec-card:hover{transform:translateY(-5px)}.specialization-section .cards-container .spec-card h3{font-size:17px;font-weight:700;margin-bottom:10px;min-height:32px;display:flex;align-items:center;justify-content:center;line-height:1.3;color:#0d1517;overflow-wrap:anywhere;word-break:break-word}.specialization-section .cards-container .spec-card p{font-size:14px;line-height:1.4;font-weight:600;color:#0d1517;overflow-wrap:anywhere;word-break:break-word}.portfolio-section{background-color:#142131;width:100%;text-align:center;position:relative;padding:60px 20px}.portfolio-section .section-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:50px;letter-spacing:2.5px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.portfolio-section .portfolio-container .portfolio-card{background:rgba(20,32,35,.6);border:2px solid #50bfa0;border-radius:18px;padding:6px;transition:transform .4s cubic-bezier(.165, .84, .44, 1),box-shadow .4s;box-shadow:0 10px 30px rgba(0,0,0,.4)}.portfolio-section .portfolio-container .portfolio-card:hover{transform:translateY(-8px);box-shadow:0 0 25px rgba(80,191,160,.6)}.portfolio-section .portfolio-container .portfolio-card .card-inner{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background-color:#c6eed6}.portfolio-section .portfolio-container .portfolio-card .card-inner .card-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(10,18,20,.95) 0,rgba(10,18,20,.8) 85%,transparent 100%);padding:20px 10px 12px}.portfolio-section .portfolio-container .portfolio-card .card-inner .card-overlay h3{font-size:13.5px;font-weight:600;color:#fff;text-align:center;letter-spacing:.5px}.portfolio-section .portfolio-container .portfolio-card .card-inner .microchip-icon{width:55%;height:55%;margin-bottom:25px}.portfolio-section .portfolio-container .portfolio-card .card-inner .card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.portfolio-section .portfolio-dots{display:flex;justify-content:center;align-items:center;gap:9px}.portfolio-section .portfolio-dots .dot{width:9px;height:9px;background-color:rgba(255,255,255,.2);border-radius:50%;transition:.3s}.portfolio-section .portfolio-dots .dot.active{background-color:#fff;transform:scale(1.3);box-shadow:0 0 8px #fff}.contact-section{background-color:#fff;position:relative;width:100%;padding:60px 20px;display:flex;justify-content:center;align-items:center;flex-grow:1}.contact-section .contact-container{width:100%;max-width:1200px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;position:relative}.contact-section .contact-container .profile-side{display:flex;align-items:flex-start;gap:30px}.contact-section .contact-container .profile-side .avatar-hex-border{padding-top:50px}.contact-section .contact-container .profile-side .avatar-hex-border svg{width:200px;margin:0 auto}.contact-section .contact-container .profile-side .avatar-hex-border #hex{stroke:#80E4B2;stroke-width:2px;stroke-linejoin:round}.contact-section .contact-container .profile-side .profile-text{color:#25383e}.contact-section .contact-container .profile-side .profile-text h2{font-size:28px;font-weight:700;margin-bottom:20px;letter-spacing:1px}.contact-section .contact-container .profile-side .profile-text p{font-size:16px;line-height:1.6;color:#0d1517;margin-bottom:15px;font-weight:400}.contact-section .contact-container .form-side{display:flex;justify-content:flex-end;align-items:center}.contact-section .contact-container .form-side .contact-card{background-color:#1e2430;border-radius:12px;padding:20px 26px;width:100%;max-width:480px;box-shadow:0 15px 35px rgba(0,0,0,.4);border:1px solid rgba(80,191,160,.05)}.contact-section .contact-container .form-side .contact-card .card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:22px}.contact-section .contact-container .form-side .contact-card .card-header h2{color:#fff;font-size:24px;font-weight:700;letter-spacing:1.5px}.contact-section .contact-container .form-side .contact-card .card-header-socials{display:flex;gap:15px}.contact-section .contact-container .form-side .contact-card .card-header-socials a{color:#80e4b2;font-size:22px;transition:color .3s,transform .2s}.contact-section .contact-container .form-side .contact-card .card-header-socials a:hover,.main-footer .footer-container .footer-socials a:hover{color:#fff;transform:translateY(-2px)}.contact-section .contact-container .form-side .contact-card .contact-form{display:flex;flex-direction:column}.contact-section .contact-container .form-side .contact-card .contact-form .input-group{margin-bottom:16px}.contact-section .contact-container .form-side .contact-card .contact-form input{width:100%;padding:6px 10px;background-color:#fff;border:none;border-radius:8px;font-size:18px;font-family:arial;color:#111;font-weight:400;outline:0;transition:box-shadow .3s}.contact-section .contact-container .form-side .contact-card .contact-form input::-moz-placeholder{color:#8c989c}.contact-section .contact-container .form-side .contact-card .contact-form input::placeholder{color:#8c989c}.contact-section .contact-container .form-side .contact-card .contact-form input:focus,.contact-section .contact-container .form-side .contact-card .contact-form textarea:focus{box-shadow:0 0 0 3px rgba(80,191,160,.4)}.contact-section .contact-container .form-side .contact-card .contact-form textarea{width:100%;padding:6px 10px;background-color:#fff;border:none;border-radius:8px;font-family:arial;font-size:18px;color:#111;font-weight:400;outline:0;transition:box-shadow .3s;resize:none}.contact-section .contact-container .form-side .contact-card .contact-form textarea::-moz-placeholder{color:#8c989c}.contact-section .contact-container .form-side .contact-card .contact-form textarea::placeholder{color:#8c989c}.contact-section .bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:.12}.contact-section .bg-elements .top-left-hex{position:absolute;top:5%;left:2%;width:25px;height:25px;background-color:#80e4b2;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.contact-section .bg-elements .mid-left-hex{position:absolute;top:15%;left:5%;width:35px;height:40px;border:2px solid #80e4b2;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.main-footer{background-color:#142131;width:100%;padding:25px 40px;position:relative;border-top:1px solid rgba(80,191,160,.05)}.main-footer .footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.main-footer .footer-container .copyright{color:#fff;font-size:13px;font-weight:500}.main-footer .footer-container .copyright a{color:#80e4b2;text-decoration:none;white-space:nowrap}.main-footer .footer-container .footer-socials{display:flex;gap:20px}.main-footer .footer-container .footer-socials a{color:#80e4b2;font-size:20px;transition:color .3s,transform .2s}.cta-button{display:inline-block;background-color:#71c69f;color:#070a12;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;border:none;border-radius:50px;cursor:pointer;transition:background-color .2s,transform .2s}.cta-button:hover{background-color:#85d6ab;transform:translateY(-1px)}.submit-btn{width:auto;background-color:#80e4b2;color:#0d1517;border:none;padding:10px 30px;font-size:13px;font-weight:700;border-radius:20px;cursor:pointer;letter-spacing:1px;transition:background-color .3s,transform .2s;margin-top:5px;margin-left:auto}.submit-btn:hover{background-color:#63d1b2;transform:translateY(-1px)}.alert{display:none;font-size:16px;line-height:24px}.alert--warning{display:block;color:RGB(161 98 7)}.alert--danger{display:block;color:RGB(185 28 28)}.alert--success{display:block;color:#fff}@media (max-width:1210px){.hero-bg .hero-content .hero-title{font-size:2.5rem;line-height:1.4}.hero-bg .hero-content .hero-description{font-size:1rem;line-height:1.45;margin-bottom:20px}}@media (max-width:992px){.hero-bg .hero-content .hero-title{font-size:2rem;line-height:1.36}.hero-bg .hero-content .hero-description{font-size:1rem;line-height:1.35}.portfolio-section,.specialization-section{padding-bottom:20px}.contact-section .contact-container{grid-template-columns:1fr;gap:40px}.contact-section .contact-container .profile-side{flex-direction:row;align-items:center;justify-content:center;gap:20px;text-align:center}.contact-section .contact-container .profile-side .avatar-hex-border{width:auto;padding-top:0}.contact-section .contact-container .profile-side .avatar-hex-border svg{width:160px}.contact-section .contact-container .profile-side .profile-text{max-width:520px}.contact-section .contact-container .form-side{justify-content:center;align-items:center}.contact-section .contact-container .form-side .contact-card{margin:0 auto;max-width:100%}}@media (max-width:768px){.header .menu-toggle span,.header .nav{transition:.3s}.header .menu-toggle{display:flex;z-index:1001}.header .menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.header .menu-toggle.active span:nth-child(2){opacity:0}.header .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header .nav{position:absolute;top:45px;left:0;width:100%;background:rgba(18,22,25,.9);opacity:0;visibility:hidden;transform:translateY(-10px);border-top:1px solid rgba(255,255,255,.1)}.header .nav ul{flex-direction:column;align-items:center;gap:0}.header .nav li{width:100%;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.header .nav a{display:block;padding:15px 10px;font-size:15px}.header .nav a::after{content:none}.header .nav.active{opacity:1;visibility:visible;transform:translateY(0)}.hero-bg .hero-content .hero-title{font-size:2rem;line-height:1.3}.hero-bg .hero-content .hero-description{font-size:1rem;line-height:1.35;margin-bottom:15px}.main-footer .footer-container{flex-direction:column;gap:20px}.main-footer .footer-container .footer-socials a{font-size:25px}}@media (max-width:600px){.hero-bg{height:auto;flex-direction:column}.hero-bg .hero-image img{width:200px}.hero-bg .hero-content{background-color:#1e2430;max-width:none;display:flex;flex-direction:column;align-items:center;padding:20px 10px 40px}.hero-bg .hero-content .hero-title{font-size:1.6rem;text-align:center;line-height:1.45}.hero-bg .hero-content .hero-description{font-size:1.1rem;text-align:center;line-height:1.45;margin-bottom:20px}.portfolio-section,.specialization-section{padding:60px 10px 20px}.specialization-section .cards-container{grid-template-columns:1fr}.specialization-section .cards-container .spec-card .icon-group{margin-bottom:0}.specialization-section .cards-container .spec-card{min-height:110px;clip-path:none;flex-direction:row;padding:10px 10px 10px 20px;text-align:left;gap:10px}.specialization-section .cards-container .spec-card h3{justify-content:left;margin-bottom:4px}.portfolio-section .portfolio-container{gap:35px}.contact-section .contact-container .form-side .contact-card .card-header h2,.portfolio-section .portfolio-container .portfolio-card .card-inner .card-overlay h3{font-size:20px}.contact-section{padding:40px 6px}.contact-section .contact-container{gap:30px}.contact-section .contact-container .profile-side{flex-direction:column;gap:20px}.contact-section .contact-container .profile-side .profile-text{max-width:100%}.contact-section .contact-container .form-side,.contact-section .contact-container .form-side .contact-card .card-header .card-header-socials{justify-content:center}.contact-section .contact-container .form-side .contact-card{padding:16px;max-width:100%}.contact-section .contact-container .form-side .contact-card .card-header{gap:12px;text-align:center}.contact-section .avatar-hex-border svg{width:150px}}