#contact{max-width:var(--max-width);display:flex;flex-direction:column;margin:140px auto 0;min-height:calc(100vh - 140px);justify-content:center}@media screen and (max-width:768px){#contact{padding:2rem 1rem}}#contact h1{font-size:2rem;text-transform:uppercase;font-family:Raleway,sans-serif;font-weight:900;letter-spacing:.1rem;color:#000}#contact h1 span{background:linear-gradient(90deg,#1488cc,#15d2d2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#contact *{box-sizing:border-box}#contact .contact-container{display:flex;gap:4rem;width:100%;padding:2rem 0;position:relative;z-index:1}@media screen and (max-width:768px){#contact .contact-container{flex-direction:column;gap:2rem}}#contact .contact-container:before{content:"";position:absolute;top:-20%;width:500px;height:500px;background:#1488cc;border-radius:100%;filter:blur(100px);-webkit-filter:blur(100px);opacity:.2;right:10%;z-index:-1}#contact .contact-container:after{content:"";width:400px;height:300px;background-image:radial-gradient(#c3c9d5 2px,transparent 0);background-size:20px 20px;background-position:-19px -19px;position:absolute;left:80%;bottom:-10%;z-index:-1}#contact .contact-container>*{flex:1 1}#contact .contact-container .contact-form{display:flex;flex-direction:column;gap:2rem;position:relative;max-width:100%}#contact .contact-container .contact-form:after{content:"";width:200px;height:200px;position:absolute;left:-18%;top:-35%;opacity:.2;background-size:120px 120px;background-position:-80px;background-image:linear-gradient(90deg,#c3c9d5 2px,transparent 0),linear-gradient(180deg,#c3c9d5 2px,transparent 0);z-index:-1}#contact .contact-container .contact-form .form-group{display:flex;gap:1rem;width:100%;max-width:100%}#contact .contact-container .contact-form .form-group>*{flex:1 1}#contact .contact-container .contact-form input,#contact .contact-container .contact-form textarea{padding:1rem;border-radius:.5rem;border:1px solid var(--border)}#contact .contact-container .contact-info{display:flex;flex-direction:column;gap:1rem;background-color:hsla(0,0%,100%,.6);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);padding:1rem;border:1px solid var(--border);border-radius:1rem}#contact .contact-container .contact-info .contact-info-item{display:flex;flex-direction:column;flex:1 1;gap:8px}#contact .contact-container .contact-info .contact-info-item h3{font-size:1rem;font-weight:500;text-transform:uppercase}#contact .contact-container .contact-info .contact-info-item>p{font-size:.8rem;font-weight:300}#contact .contact-container .contact-info .contact-info-item span{display:flex;gap:8px;align-items:center;color:#1488cc;font-size:.8rem}#contact .contact-container .contact-info .contact-info-item span .contact-info-icon{width:30px;height:30px;border-radius:50%;background-color:rgba(20,136,204,.2);display:flex;justify-content:center;align-items:center}body{--background:#f5f9fa;--foreground:#fff;--text:#000;--indent:#ebf2f5;--border:#e5e7eb}.imber-button{text-transform:uppercase;font-weight:700;border-radius:.5rem;padding:.8rem 1rem;transition:all .2s ease-in-out;box-sizing:border-box;min-width:100px;border:none;cursor:pointer;flex-direction:row;gap:.5rem;white-space:nowrap}.imber-button,.imber-button span{display:flex;justify-content:center;align-items:center}.imber-button span{font-size:.8rem;color:#fff}.imber-button:disabled{cursor:not-allowed;background-color:var(--indent)!important}.imber-button:disabled p{color:var(--text)!important;opacity:.2!important}.imber-button.primary{background-color:#1488cc}.imber-button.primary>p{color:#fff}.imber-button.primary:not(:disabled):hover{background-color:#29a3ea;box-shadow:0 0 0 5px rgba(20,136,204,.2)}.imber-button.primary:active{background-color:#1279b5;box-shadow:0 0 0 0 rgba(20,136,204,.2)}.imber-button.secondary{background-color:var(--foreground);border:1px solid var(--border)}.imber-button.secondary>p{color:#1488cc}.imber-button.secondary:not(:disabled):hover{box-shadow:0 0 0 5px rgba(20,136,204,.2)}.imber-button.secondary:active{box-shadow:0 0 0 0 rgba(20,136,204,.2)}.imber-button.danger{background-color:var(--foreground);border:1px solid var(--border)}.imber-button.danger>p{color:#ee414c}.imber-button.danger:not(:disabled):hover{box-shadow:0 0 0 5px rgba(238,65,76,.2)}.imber-button.danger:active{box-shadow:0 0 0 0 rgba(238,65,76,.2)}.imber-button>p{font-size:.8rem;transition:all .2s ease-in-out;line-height:1rem}