.contact-main{background:radial-gradient(880px 520px at 86% -10%, rgba(var(--brand-purple-rgb), .16), transparent 62%), radial-gradient(680px 420px at 4% 10%, #ca9e6717, transparent 60%), #0a0c1a;padding:clamp(44px,5.5vw,84px) clamp(16px,4vw,64px) clamp(80px,8vw,130px)}.contact-hub{max-width:var(--max);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);margin:0 auto;display:grid}.contact-panel{text-align:center;background:linear-gradient(#ffffff0e,#ffffff03);border:1px solid #ffffff17;flex-direction:column;align-items:center;gap:14px;padding:clamp(26px,3vw,40px) 22px clamp(24px,2.6vw,34px);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;display:flex;position:relative}.contact-panel:before{content:"";background:linear-gradient(90deg,#0000,#ca9e678c,#0000);height:1px;position:absolute;inset-block-start:0;inset-inline:0}.contact-panel__label{color:#ca9e67eb;letter-spacing:.22em;text-transform:uppercase;font:700 9px/1 Manrope,sans-serif}.contact-panel__value{color:#fff;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-family:Manrope,IBM Plex Sans Arabic,sans-serif;font-size:clamp(19px,2.1vw,27px);font-weight:700;line-height:1.25}.contact-panel__value--mail{letter-spacing:0;font-size:clamp(15px,1.55vw,19px);font-weight:600}.contact-panel__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px;display:flex}.contact-chip{color:#c6cdd0;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .22s,color .22s,border-color .22s,transform .22s;display:grid}.contact-chip svg{width:19px;height:19px}.contact-chip:hover{color:#f0e2cd;background:#ca9e6724;border-color:#ca9e6780;transform:translateY(-2px)}.contact-chip--wa{color:#6fdd9b;background:#25d3661a;border-color:#25d36647}.contact-chip--wa:hover{color:#07130c;background:#25d366;border-color:#25d366}.contact-chip--call{color:#e2c39a;background:#ca9e671a;border-color:#ca9e6752}.contact-chip--call:hover{color:#0b0d18;background:#ca9e67;border-color:#ca9e67}.contact-chip--mail{color:#d5c4e2;background:#ad8abe1f;border-color:#ad8abe52}.contact-chip--mail:hover{color:#0b0d18;background:#ad8abe;border-color:#ad8abe}@media (hover:hover) and (pointer:fine){.contact-panel:hover{border-color:#ca9e6766;transform:translateY(-6px);box-shadow:0 24px 46px #0000006b}}.contact-map{background:radial-gradient(620px 220px at 84% 24%,#ca9e6729,#0000 70%),linear-gradient(#ffffff0d,#ffffff03);border:1px solid #ffffff17;grid-column:1/-1;align-items:center;gap:clamp(14px,2.4vw,26px);margin-top:clamp(6px,1vw,12px);padding:clamp(22px,3vw,38px) clamp(20px,3.2vw,44px);transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.contact-map:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.contact-map__pin{color:#e2c39a;background:#ca9e671a;border:1px solid #ca9e6773;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative}.contact-map__pin svg{width:26px;height:26px}.contact-map__pin:after{content:"";border:1px solid #ca9e674d;border-radius:50%;animation:2.8s ease-out infinite contact-pin-pulse;position:absolute;inset:-7px}@keyframes contact-pin-pulse{0%{opacity:.85;transform:scale(.9)}70%{opacity:0;transform:scale(1.22)}to{opacity:0;transform:scale(1.22)}}.contact-map__copy{gap:7px;min-width:0;display:grid}.contact-map__copy small{color:#ca9e67e6;letter-spacing:.22em;text-transform:uppercase;font:700 9px/1 Manrope,sans-serif}.contact-map__copy strong{color:#fff;font-size:clamp(15px,1.7vw,21px);font-weight:600;line-height:1.65}.contact-map__cta{color:#e2c39a;white-space:nowrap;border:1px solid #ca9e6773;align-items:center;gap:8px;margin-inline-start:auto;padding:11px 18px;font-size:12px;font-weight:700;transition:background .22s,color .22s,border-color .22s;display:inline-flex}.contact-map__cta svg{width:14px;height:14px}.contact-map:hover{border-color:#ca9e6761;box-shadow:0 22px 44px #00000059}.contact-map:hover .contact-map__cta{color:#0b0d18;background:#ca9e67;border-color:#ca9e67}@media (max-width:900px){.contact-hub{grid-template-columns:1fr}.contact-panel{padding:26px 18px}}@media (max-width:620px){.contact-map{text-align:start;flex-direction:column;align-items:flex-start}.contact-map__cta{justify-content:center;width:100%;margin-inline-start:0}}.contact-main{isolation:isolate;background:radial-gradient(900px 560px at 88% 2%,#ad8abe36,#0000 66%),radial-gradient(700px 500px at 8% 30%,#596fb71f,#0000 67%),linear-gradient(155deg,#080a18 0%,#111426 55%,#090b17 100%);position:relative;overflow:hidden}.contact-main:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 88%);mask-image:linear-gradient(#000c,#0000 88%)}.contact-main:after{z-index:-1;aspect-ratio:1;content:"";pointer-events:none;border:1px solid #c9b3eb14;border-radius:50%;width:420px;position:absolute;inset:22% auto auto -190px;box-shadow:0 0 0 24px #c9b3eb05,0 0 0 72px #c9b3eb03}.contact-hub{z-index:1;grid-template-columns:minmax(0,1.14fr) repeat(2,minmax(0,1fr));gap:18px;position:relative}.contact-panel{isolation:isolate;text-align:start;background:radial-gradient(at 100% 0,#ad8abe1f,#0000 55%),linear-gradient(145deg,#ffffff13,#ffffff05);border:1px solid #ffffff1c;border-radius:22px;justify-content:space-between;align-items:stretch;gap:20px;min-height:264px;padding:clamp(23px,2.7vw,34px);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff12}.contact-panel:before{z-index:2;background:linear-gradient(90deg,#0000,#ca9e67e6,#ad8abea6,#0000);height:2px}.contact-panel:after{z-index:-1;color:#ffffff0e;content:"01";letter-spacing:-.1em;pointer-events:none;font:800 clamp(108px,13vw,174px)/.8 Manrope,sans-serif;transition:transform .4s cubic-bezier(.2,.7,.2,1),color .35s;position:absolute;inset:auto -8px -30px auto}.contact-panel:nth-child(2):after{content:"02"}.contact-panel:nth-child(3):after{content:"03"}.contact-panel>*{z-index:1;position:relative}.contact-panel:first-child{background:radial-gradient(at 100% 0,#ca9e6733,#0000 48%),radial-gradient(at 0 100%,#ad8abe36,#0000 52%),linear-gradient(145deg,#211c35 0%,#171a2b 58%,#121522 100%);border-color:#ca9e6742;box-shadow:0 24px 56px #00000047,0 0 32px #ad8abe1a,inset 0 1px #ffffff1c}.contact-panel:first-child:after{color:#ca9e671a}.contact-panel__label{color:#efd7b2;font:700 11px/1.4 var(--font-body-ar),sans-serif;letter-spacing:0;text-transform:none;background:#ffffff0b;border:1px solid #e2c39a38;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:8px 12px;display:inline-flex}.contact-panel__label:before{content:"";background:#d8b27d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #e2c39acc}.contact-panel__value{color:#fff;font:700 clamp(22px,2.2vw,30px)/1.35 var(--font-body-ar),sans-serif;letter-spacing:0;overflow-wrap:anywhere}[dir=rtl] .contact-panel__value[dir=ltr]{text-align:right}.contact-panel__value--mail{font-size:clamp(15px,1.45vw,18px)}.contact-panel__actions{justify-content:flex-start;gap:8px;margin-top:auto}.contact-chip{color:#e4dbea;width:auto;min-width:46px;height:44px;font:700 11px/1 var(--font-body-ar),sans-serif;white-space:nowrap;background:#ffffff0b;border-radius:999px;gap:8px;padding:0 13px;display:inline-flex}.contact-chip svg{flex:none;width:17px;height:17px}:is(.contact-chip:focus-visible,.contact-map:focus-visible){outline-offset:4px;outline:2px solid #e2c39a}.contact-panel:first-child .contact-chip--wa{color:#8ee7ac}.contact-panel:first-child .contact-chip--call{color:#efd7b2}.contact-map{background:radial-gradient(620px 240px at 86% 18%,#ad8abe2b,#0000 72%),linear-gradient(115deg,#ffffff0f,#ffffff05);border:1px solid #ca9e672b;border-radius:22px;min-height:122px;box-shadow:0 18px 44px #0003,inset 0 1px #ffffff0f}.contact-map__copy small{letter-spacing:0}.contact-map__cta{border-radius:999px}@media (hover:hover) and (pointer:fine){.contact-panel:hover{border-color:#ca9e6766;transform:translateY(-5px);box-shadow:0 27px 52px #00000057,0 0 28px #ad8abe1f}.contact-panel:hover:after{color:#ca9e6724;transform:translateY(-8px)}}@media (max-width:900px){.contact-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel:first-child{grid-column:1/-1;min-height:238px}.contact-panel{min-height:226px}}@media (max-width:620px){.contact-main{padding:36px 16px 72px}.contact-hub{grid-template-columns:1fr;gap:13px}.contact-panel,.contact-panel:first-child{border-radius:19px;grid-column:auto;min-height:0;padding:24px 21px}.contact-panel__value{font-size:24px}.contact-panel__value--mail{font-size:16px}.contact-panel__actions{flex-wrap:wrap}.contact-map{border-radius:19px;gap:13px;padding:24px 20px}.contact-map__cta{width:100%}}@media (prefers-reduced-motion:reduce){.contact-panel,.contact-chip,.contact-map,.contact-map__cta{transition:none}.contact-panel:hover{transform:none}.contact-map__pin:after{animation:none}}