/* LoanBazaar — Contact Us page styles */
@keyframes cfPlane{0%,100%{transform:none}50%{transform:translate(3px,-3px) rotate(-6deg)}}
@keyframes cfOrb{50%{transform:translate(-30px,24px) scale(1.15)}}
@keyframes cfBar{to{background-position:200% 0}}
.cform{padding:36px;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.cform h2{font-size:1.7rem;margin-bottom:24px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:flex;flex-direction:column;gap:7px}
.fld.full{grid-column:1/-1}
.fld input,.fld select,.fld textarea{width:100%;padding:13px 15px;border-radius:12px;border:1.5px solid rgba(122,82,36,.18);background:var(--cream);font:inherit;font-size:.95rem;color:var(--ink);outline:none;transition:border-color .3s,box-shadow .3s,background .3s;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(252,204,10,.2)}
.csend{width:100%;margin-top:22px}
.cinfo h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.mapbox{border-radius:var(--r-xl);overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow);height:460px}
.mapbox iframe{width:100%;height:100%;border:0}
@media (max-width:760px){.cgrid{grid-template-columns:1fr}.cform{padding:24px}.mapbox{height:340px}}
.cform{position:relative;overflow:hidden;isolation:isolate;padding:40px 38px 38px;border:1px solid rgba(232,132,47,.22);box-shadow:0 40px 80px -40px rgba(120,70,20,.55),0 0 0 6px rgba(252,204,10,.07)}
.cform::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--sun),var(--orange),var(--sun));background-size:200% 100%;animation:cfBar 4s linear infinite}
.cf-orb{position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(252,204,10,.22),transparent 65%);animation:cfOrb 7s ease-in-out infinite;pointer-events:none}
.cform h2{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.cf-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.05rem;color:#2B1A08;background:linear-gradient(135deg,var(--sun),var(--orange));box-shadow:0 10px 22px -10px rgba(232,132,47,.8);animation:cfPlane 3s ease-in-out infinite}
.cgrid{gap:18px 16px}
.fld{position:relative}
.fld span{font-size:.8rem;letter-spacing:.02em}
.fld-ic{position:absolute;left:16px;bottom:20px;font-size:.85rem;color:#C08A4E;pointer-events:none;transition:color .3s,transform .3s}
.fld textarea ~ .fld-ic,.fld .fld-ic:has(+ textarea){bottom:auto;top:41px}
.fld input,.fld select,.fld textarea{padding:14px 16px 14px 42px;border-radius:14px;background:#FFFBF1;border:1.5px solid rgba(122,82,36,.16);box-shadow:inset 0 1px 2px rgba(120,70,20,.06)}
.fld textarea{resize:vertical;min-height:120px}
.fld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#E8842F 50%),linear-gradient(135deg,#E8842F 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:rgba(232,132,47,.45)}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--orange);background-color:#fff;box-shadow:0 0 0 4px rgba(252,204,10,.22),0 10px 22px -14px rgba(232,132,47,.7)}
.fld:focus-within .fld-ic{color:var(--orange);transform:scale(1.15)}
.fld:focus-within span{color:var(--orange)}
.csend{position:relative;overflow:hidden;margin-top:26px;padding:16px 22px;font-size:1rem}
.csend::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);animation:hvSweep 3.2s ease-in-out infinite}
.csend i{transition:transform .4s var(--ease)}
.csend:hover i{transform:translate(5px,-4px) rotate(-8deg)}
.cinfo{display:flex;flex-direction:column}
.cinfo .ci{position:relative;align-items:center;gap:18px;margin-bottom:14px;padding:20px 54px 20px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,248,230,.85));border:1px solid rgba(232,132,47,.2);box-shadow:0 22px 44px -32px rgba(120,70,20,.7);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.cinfo .ci::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--sun),var(--orange));transform:scaleY(.35);transition:transform .45s var(--ease)}
.cinfo .ci::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(252,204,10,.18) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:120% 0;animation:advShine 5s ease-in-out infinite}
.cinfo .ci:nth-of-type(2)::after{animation-delay:.9s}
.cinfo .ci:nth-of-type(3)::after{animation-delay:1.8s}
.cinfo .ci:hover{transform:translateY(-4px);border-color:rgba(232,132,47,.5);box-shadow:0 30px 50px -28px rgba(232,132,47,.75)}
.cinfo .ci:hover::before{transform:scaleY(1)}
.cinfo .ci .ib{position:relative;width:56px;height:56px;border-radius:18px;font-size:1.2rem;color:#2B1A08;background:linear-gradient(135deg,var(--sun),var(--orange));box-shadow:0 12px 24px -10px rgba(232,132,47,.8)}
.cinfo .ci .ib::after{content:"";position:absolute;inset:-5px;border-radius:21px;border:2px solid rgba(252,204,10,.55);animation:advPing 2.4s ease-out infinite}
.cinfo .ci:nth-of-type(2) .ib::after{animation-delay:.8s}
.cinfo .ci:nth-of-type(3) .ib::after{animation-delay:1.6s}
.cinfo .ci h4{font-size:1.08rem}
.cinfo .ci p{font-size:.92rem}
.cinfo .ci a{display:inline-block;margin-top:2px;transition:color .3s}
.cinfo .ci a:hover{color:#B8540F}
.ci-go{position:absolute;right:18px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;color:var(--orange);background:rgba(252,204,10,.14);transition:transform .4s var(--ease),background .4s,color .4s}
.cinfo .ci:hover .ci-go{transform:translateX(4px) rotate(-30deg);background:linear-gradient(135deg,var(--sun),var(--orange));color:#2B1A08}
.mapbox{position:relative;height:580px;border:0;padding:8px;background:linear-gradient(135deg,var(--sun),var(--orange));box-shadow:0 50px 90px -40px rgba(120,70,20,.7)}
.mapbox iframe{border-radius:calc(var(--r-xl) - 8px)}
@media (max-width:760px){.cform{padding:28px 20px 24px}.cinfo .ci{padding:16px 48px 16px 16px;gap:14px}.cinfo .ci .ib{width:46px;height:46px;border-radius:14px;font-size:1rem}.mapbox{height:420px;padding:6px}}
#page-contact .sec .mapbox{width:100vw;max-width:none;margin-left:calc(50% - 50vw);height:calc(100vh - 110px);min-height:520px;padding:0;border-radius:0;background:none;box-shadow:none;border-block:4px solid #FCCC0A}
#page-contact .mapbox iframe{border-radius:0}
#page-contact .sec.sand:last-child{padding-bottom:70px}
@media (max-width:760px){#page-contact .sec .mapbox{height:calc(100vh - 140px);min-height:420px}}
@media (max-width:760px){#page-contact .sec.sand:last-child{padding-bottom:44px}}
#page-contact .phero{padding:70px 0 60px}
#page-contact .sec{padding:70px 0}
#page-contact .phero{padding-bottom:30px}
#page-contact .sec:first-of-type + .sec{padding-top:10px}
#page-contact .mapbox{height:400px}
@media (max-width:760px){#page-contact .phero{padding:50px 0 40px}#page-contact .sec{padding:50px 0}#page-contact .mapbox{height:300px}}