@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.04)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.contactUsComponent .content{background:var(--color-bg-primary);border-radius:20px;max-width:860px;margin:auto;padding:48px 40px;animation:.5s ease-out fadeInUp;position:relative;overflow:hidden;box-shadow:0 4px 40px #3415470f,0 1px 6px #3415470a}@media (max-width:990px){.contactUsComponent .content{padding:32px 20px}}.contactUsComponent .bg-orb{pointer-events:none;filter:blur(70px);opacity:.35;border-radius:50%;position:absolute}.contactUsComponent .bg-orb--1{background:#f1b11d;width:240px;height:240px;animation:8s ease-in-out infinite float;top:-80px;left:-60px}.contactUsComponent .bg-orb--2{background:#341547;width:200px;height:200px;animation:10s ease-in-out 1s infinite float;bottom:-60px;right:-50px}.contactUsComponent .head{z-index:1;text-align:center;margin-bottom:40px;animation:.5s ease-out .1s both fadeInUp;position:relative}.contactUsComponent .head .badge{color:#c48c0a;letter-spacing:.02em;background:linear-gradient(135deg,#f1b11d1f,#f1b11d0f);border:1px solid #f1b11d40;border-radius:100px;margin-bottom:14px;padding:6px 20px;font-size:13px;font-weight:500;display:inline-block}.contactUsComponent .head h1{color:var(--color-primary);letter-spacing:-.01em;margin-bottom:10px;font-size:34px;font-weight:700}.contactUsComponent .head p{color:var(--color-font-second);max-width:500px;margin:0 auto;font-size:16px;font-weight:300;line-height:1.6}.contactUsComponent .contact-infos{z-index:1;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px;animation:.5s ease-out .2s both fadeInUp;display:grid;position:relative}@media (max-width:990px){.contactUsComponent .contact-infos{grid-template-columns:1fr;gap:12px}}.contactUsComponent .contact-infos .box{text-align:center;color:inherit;cursor:pointer;background:linear-gradient(#fff 0%,#fafbfc 100%);border:1px solid #e7eaee;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px 24px;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.contactUsComponent .contact-infos .box:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#f1b11d0f 50%,#0000 60%) 0 0/200% 100%;transition:opacity .35s;position:absolute;inset:0}.contactUsComponent .contact-infos .box:hover{border-color:#f1b11d66;transform:translateY(-4px);box-shadow:0 8px 30px #34154714,0 2px 8px #f1b11d14}.contactUsComponent .contact-infos .box:hover:before{opacity:1;animation:1.5s infinite shimmer}.contactUsComponent .contact-infos .box:hover .icon{transform:scale(1.08);box-shadow:0 4px 16px #3415471f}.contactUsComponent .contact-infos .box:hover .box__arrow{opacity:1;transform:translate(-4px)}.contactUsComponent .contact-infos .box .icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:26px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.contactUsComponent .contact-infos .box .icon--whatsapp{color:#25d366;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.contactUsComponent .contact-infos .box .icon--phone{color:#1976d2;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.contactUsComponent .contact-infos .box .icon--email{color:#c62828;background:linear-gradient(135deg,#fce4ec,#f8bbd0)}.contactUsComponent .contact-infos .box h2{color:var(--color-font-primary);z-index:1;margin-bottom:4px;font-size:15px;font-weight:600;position:relative}.contactUsComponent .contact-infos .box p{color:var(--color-font-second);z-index:1;direction:ltr;font-size:13px;font-weight:400;position:relative}.contactUsComponent .contact-infos .box .box__arrow{color:var(--color-second);opacity:0;font-size:18px;transition:all .35s;position:absolute;top:14px;left:14px;transform:translate(8px)}.contactUsComponent .form-section{z-index:1;animation:.5s ease-out .3s both fadeInUp;position:relative}.contactUsComponent .contact-form{background:linear-gradient(#fafbfc 0%,#f7f8fa 100%);border:1px solid #e7eaee;border-radius:16px;padding:32px 28px;transition:border-color .3s}@media (max-width:990px){.contactUsComponent .contact-form{padding:24px 18px}}.contactUsComponent .contact-form:focus-within{border-color:#f1b11d4d}.contactUsComponent .contact-form__header{border-bottom:1px solid #e7eaee;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;display:flex}.contactUsComponent .contact-form__header h2{color:var(--color-font-primary);margin-bottom:2px;font-size:20px;font-weight:600}.contactUsComponent .contact-form__header p{color:var(--color-font-second);font-size:13px;font-weight:400;line-height:1.5}.contactUsComponent .contact-form__icon{color:#f1b11d;background:linear-gradient(135deg,#341547,#4a2065);border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 4px 12px #34154733}.contactUsComponent .contact-form__body .ant-form-item-label>label{color:var(--color-font-primary);font-size:13px;font-weight:500}.contactUsComponent .contact-form__body .ant-input,.contactUsComponent .contact-form__body .ant-input-affix-wrapper{background:#fff;border:1px solid #e0e3e8;border-radius:10px;transition:all .25s}.contactUsComponent .contact-form__body .ant-input:hover,.contactUsComponent .contact-form__body .ant-input-affix-wrapper:hover{border-color:#c9cdd3}.contactUsComponent .contact-form__body .ant-input:focus,.contactUsComponent .contact-form__body .ant-input-focused,.contactUsComponent .contact-form__body .ant-input-affix-wrapper:focus,.contactUsComponent .contact-form__body .ant-input-affix-wrapper-focused{border-color:#f1b11d80!important;box-shadow:0 0 0 3px #f1b11d14!important}.contactUsComponent .contact-form__body .ant-input-affix-wrapper{height:40px;padding:0 11px}.contactUsComponent .contact-form__body .ant-input-affix-wrapper .ant-input{border:none;box-shadow:none!important}.contactUsComponent .contact-form__body textarea.ant-input{resize:none;border-radius:10px;min-height:120px;padding:12px 14px}.contactUsComponent .contact-form__body textarea.ant-input:focus{border-color:#f1b11d80!important;box-shadow:0 0 0 3px #f1b11d14!important}.contactUsComponent .contact-form__body .input-icon{color:#a0a5ab;margin-inline-end:4px;font-size:18px;transition:color .25s}.contactUsComponent .contact-form__body .ant-input-affix-wrapper-focused .input-icon,.contactUsComponent .contact-form__body .ant-input-affix-wrapper:focus-within .input-icon{color:#f1b11d}.contactUsComponent .contact-form__submit{cursor:pointer;border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 32px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #34154733;color:#fff!important;background:linear-gradient(135deg,#341547,#4a2065)!important;border:none!important}.contactUsComponent .contact-form__submit svg{font-size:18px;transition:transform .3s}.contactUsComponent .contact-form__submit:hover{transform:translateY(-2px)!important;box-shadow:0 6px 24px #3415474d!important}.contactUsComponent .contact-form__submit:hover svg{transform:translate(-3px)rotate(-15deg)}.contactUsComponent .contact-form__submit:active{transform:translateY(0)!important;box-shadow:0 2px 8px #34154733!important}
