.Formx{background:var(--bg-color)}:root{--bg-color: #000000;--text-color: #ffffff}.light-mode{--bg-color: #ffffff;--text-color: #000000}.contact-page{width:100%;max-width:1400px;margin:0 auto;padding:100px 80px;display:flex;background:var(--bg-color);justify-content:space-between;gap:80px;box-sizing:border-box}.contact-left{flex:1}.contact-form-box{display:flex;flex-direction:column;gap:26px}.contact-form-box input,.contact-form-box textarea{width:100%;background:transparent;border:none;font-family:Inten;border-bottom:1px solid var(--text-color);color:var(--text-color);font-size:16px;padding:10px 0;outline:none;transition:border-color .3s ease}.contact-form-box input::placeholder,.contact-form-box textarea::placeholder{color:var(--text-color)}.contact-form-box input:focus,.contact-form-box textarea:focus{border-color:#003ef8}.contact-form-box textarea{resize:none;min-height:120px}.send-btn{margin-top:18px;background:#003ef8;color:#fff;border:none;padding:16px 0;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .3s ease}.send-btn:hover:not(:disabled){background:#035e00}.send-btn:disabled{cursor:not-allowed;opacity:.8}.btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.success-msg{margin-top:15px;font-size:14px;color:#6bff9d}.contact-right{flex:.9;color:var(--text-color)}.contact-right h2{font-size:30px;font-family:Inten;font-weight:700;margin-bottom:40px}.info-block{display:flex;gap:12px;margin-bottom:30px}.info-block .icon{font-size:25px;margin-top:-6px}.info-block h4{font-size:15px;font-weight:600;letter-spacing:1px;opacity:.6;margin-bottom:1px}.info-block a{font-size:18px;font-family:Inten;line-height:1.2;color:var(--text-color);text-decoration:none;max-width:420px}@media(max-width:1200px){.contact-page{padding:100px 60px;gap:60px}}@media(max-width:900px){.contact-page{padding:90px 40px;gap:50px}.contact-right h2{font-size:24px}}@media(max-width:768px){.contact-page{flex-direction:column;padding:60px 24px}.contact-right{margin-top:60px}}@media(max-width:480px){.contact-page{padding:10px 18px}.contact-form-box input,.contact-form-box textarea{font-size:15px}.send-btn{padding:14px 0;font-size:13px}.contact-right h2{font-size:22px}.info-block p{font-size:14px}}