.contact-section{position:relative;min-height:100vh;background-color:black;overflow:hidden;display:block;width:100%}.contact-section canvas{position:absolute}.contact-section .particle-canvas{inset:0;width:100%;height:100%}.contact-section .wave-canvas{bottom:0;left:0;width:100%}.contact-section .form-canvas{inset:0;width:100%;height:100%;pointer-events:none}.contact-section .container{position:relative;z-index:10;padding:5rem 1rem}.contact-section .content-wrapper{max-width:64rem;margin:0 auto;position:relative;z-index:10}.contact-section .form{will-change:transform;transform:translateZ(0)}.contact-section .form,.contact-section .form-button,.contact-section .form-group,.contact-section .form-input{opacity:1!important;visibility:visible!important}.contact-section .header{text-align:center;margin-bottom:4rem}.contact-section .title{position:relative;font-size:2.25rem;font-weight:700;color:white;margin-bottom:1.5rem}@media (min-width:768px){.contact-section .title{font-size:3rem}}.contact-section .title-accent{position:absolute;top:-1.5rem;right:-1.5rem;width:3rem;height:3rem;background-color:rgb(59,130,246);border-radius:9999px;opacity:.2;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.contact-section .description{color:rgb(156,163,175);font-size:1.125rem;max-width:36rem;margin:0 auto}.contact-section .info-cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-bottom:4rem}@media (min-width:768px){.contact-section .info-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-section .info-card{background-color:rgba(17,24,39,.5);backdrop-filter:blur(8px);padding:1.5rem;border-radius:.75rem;border:1px solid rgb(31,41,55);transition:all .3s ease}.contact-section .info-card:hover{border-color:rgba(59,130,246,.5)}.contact-section .info-card-icon{color:rgb(59,130,246);margin-bottom:1rem;width:2rem;height:2rem}.contact-section .info-card-title{color:white;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.contact-section .info-card-text{color:rgb(156,163,175)}.contact-section .form{position:relative;background-color:rgba(17,24,39,.3);backdrop-filter:blur(16px);padding:2rem;border-radius:1rem;border:1px solid rgb(31,41,55);z-index:10;display:flex;flex-direction:column}.contact-section .form-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-bottom:1.5rem}@media (min-width:768px){.contact-section .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-section .form-group{position:relative;margin-bottom:1.5rem}.contact-section .form-input{width:100%;background-color:rgba(17,24,39,.7)!important;border:1px solid rgba(75,85,99,.5)!important;border-radius:.5rem;padding:.75rem 1rem;color:white;transition:all .3s ease}.contact-section .form-input::placeholder{color:rgb(107,114,128)}.contact-section .form-input:focus{outline:none;border-color:rgb(59,130,246)}.contact-section .form-highlight{position:absolute;bottom:0;left:0;height:2px;background-color:rgb(59,130,246);transform-origin:left;transition:transform .3s ease;transform:scaleX(0)}.contact-section .form-highlight.active{transform:scaleX(1)}.contact-section .form-textarea{min-height:150px;resize:vertical}button.form-button{display:flex!important;width:100%!important;background-color:rgb(59,130,246)!important;color:white!important;font-weight:600!important;padding:1rem 1.5rem!important;border-radius:.5rem!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .3s ease!important;position:relative!important;z-index:20!important;margin-top:1rem!important;box-shadow:0 4px 14px rgba(59,130,246,.4)!important;border:none!important;font-size:1rem!important;cursor:pointer!important;overflow:visible!important}button.form-button:hover:not(:disabled){background-color:rgb(37,99,235)!important;transform:translateY(-2px)!important;box-shadow:0 7px 14px rgba(59,130,246,.5)!important}button.form-button:active{transform:translateY(1px)!important}button.form-button:disabled{opacity:.7!important;cursor:not-allowed!important}button.form-button .form-button-icon{width:1.25rem!important;height:1.25rem!important}button.form-button:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:.75rem;background:linear-gradient(45deg,#3b82f6,#1e40af);z-index:-1;opacity:.5;filter:blur(8px);transition:opacity .3s ease}button.form-button:hover:before{opacity:.8}.contact-section .spinner{width:1.5rem;height:1.5rem;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}