.main-contact-page{justify-content:space-between;gap:40px;width:1200px;margin:0 auto;padding:80px 20px;display:flex}.left-container{flex-direction:column;flex:1;gap:30px;display:flex}.contact-title h1{width:400px;margin-bottom:10px;font-size:2.8rem;font-weight:700;line-height:1.1}.contact-title p{color:var(--muted);max-width:450px;font-size:16px;line-height:1.5}.contact-cards{flex-direction:column;gap:20px;display:flex}.contact-card{align-items:center;gap:15px;display:flex}.contact-icon{background:#ffffff08;border:2px solid #ffffff1f;border-radius:15px;justify-content:center;align-items:center;padding:12px;display:flex}.contact-icon svg{stroke:var(--cta);width:20px;height:20px}.contact-card p{color:var(--muted);font-size:.9rem}.contact-card a{color:var(--cta);font-size:.9rem;text-decoration:none}.contact-card a:hover{text-decoration:underline}.cta-quote{background-color:#ffffff08;border:2px solid #ffffff1f;border-radius:25px;width:fit-content;margin-top:20px;padding:15px 30px}.cta-quote h2{color:var(--text);margin-bottom:5px;font-size:1.2rem}.cta-quote p{color:var(--muted);font-size:.9rem}.quote-button{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #ffffff1f;border-radius:15px;align-items:center;gap:10px;width:fit-content;margin-top:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;display:flex}.quote-button:after{content:"->";font-family:Inter,sans-serif;font-size:1.1rem;transition:transform .2s ease-in-out}.quote-button:hover:after{transform:translate(4px)}.quote-button:hover{color:#00b4e6;background-color:#ffffff0d;border-color:#00b4e6}.right-container{flex:1;justify-content:center;align-items:center;display:flex}.contact-form{width:100%;max-width:500px;box-shadow:var(--shadow);background-color:#ffffff08;border:2px solid #ffffff1f;border-radius:25px;padding:30px}.contact-form div label{color:var(--muted);margin-bottom:8px;font-size:.9rem;display:block}.contact-form div input{border-radius:var(--r-input);color:#fff;background-color:#ffffff05;border:1px solid #ffffff1a;width:100%;margin-bottom:20px;padding:10px 15px;font-size:.9rem;transition:all .14s ease-in-out}.contact-form div textarea{border-radius:var(--r-input);color:#fff;resize:vertical;background-color:#ffffff05;border:1px solid #ffffff1a;width:100%;min-height:100px;margin-bottom:20px;padding:10px 15px;font-size:.9rem}.contact-form div input::placeholder,.contact-form div textarea::placeholder{color:var(--muted)}.contact-form div input:focus,.contact-form div textarea:focus{border-color:#00b4e6;outline:none;box-shadow:0 0 5px #00b4e680}.contact-form button{color:#000f1f;cursor:pointer;background-color:#00b4e6;border:none;border-radius:20px;width:100%;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 0 10px #22eeebae}.contact-form button:hover{background-color:#22dbe3;box-shadow:0 0 15px #22eeebae}.modal-content svg{width:100px;margin:10px auto 0;display:block}.path{stroke-dasharray:1000;stroke-dashoffset:0}.path.circle{animation:.9s ease-in-out dash}.path.line{stroke-dashoffset:1000px;animation:.9s ease-in-out .35s forwards dash}.path.check{stroke-dashoffset:-100px;animation:.9s ease-in-out .35s forwards dash-check}@keyframes dash{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes dash-check{0%{stroke-dashoffset:-100px}to{stroke-dashoffset:900px}}.modal-overlay{z-index:10000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;color:#fff;background-color:#0a1218;border-radius:15px;width:90%;max-width:600px;padding:30px}.modal-content h2{margin-top:20px;font-size:24px}.modal-content p{color:#a7b0c0e6;margin-top:10px;font-size:14px}.modal-content button{background-color:var(--cta);color:#000;cursor:pointer;border:none;border-radius:15px;gap:8px;margin-top:25px;margin-bottom:10px;padding:12px 40px;font-size:1rem;font-weight:600;transition:box-shadow .2s}.modal-content button:hover{box-shadow:0 0 15px var(--cta)}.modal-content button:before{content:"<-";margin-left:8px;margin-right:5px;font-family:Inter,sans-serif;transition:transform .2s;display:inline-block}@media (max-width:1100px){.main-contact-page{flex-direction:column;width:100%;padding:40px 20px}.right-container{margin-top:40px}}
