@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);.contact-page{display:flex;flex:1 1;flex-direction:column;font-family:Inter,Noto Sans Arabic,sans-serif;isolation:isolate;margin-top:-80px;padding-top:80px;transition:background .3s}.contact-page:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.contact-page:before,body.dark-mode .contact-page:before{background:#141517;background:var(--bg-dark,#141517)}body.light-mode .contact-page:before{background:#f5f6f8;background:var(--bg-light,#f5f6f8)}.contact-hero{overflow:hidden;padding:72px 24px 52px;position:relative;text-align:center}.contact-hero-glow{inset:0;pointer-events:none;position:absolute}.contact-hero-content{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:560px;position:relative}.contact-hero-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:6px 14px}.contact-hero-title{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.18;margin:0}.contact-hero-sub{font-size:1rem;line-height:1.6;margin:0;max-width:420px}.contact-methods-wrapper{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:720px;padding:48px 24px 64px}.contact-methods-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}@media (max-width:600px){.contact-methods-grid{grid-template-columns:1fr}}.contact-method-card{border-radius:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:28px 24px 22px;position:relative;transition:box-shadow .25s,border-color .25s,transform .22s}.contact-method-card:hover{border-color:#10a37f44!important}.contact-method-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.contact-method-body{display:flex;flex:1 1;flex-direction:column;gap:6px}.contact-method-title{font-size:1rem;font-weight:700;line-height:1.3;margin:0}.contact-method-desc{font-size:.85rem;line-height:1.55;margin:0;word-break:break-word}.contact-method-cta{align-items:center;border-top:1px solid #0000000f;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;margin-top:auto;padding-top:14px;transition:gap .2s}.contact-method-card:hover .contact-method-cta{gap:9px}.contact-info-strip{align-items:center;border-radius:14px;display:flex;font-size:.83rem;gap:10px;line-height:1.5;padding:14px 18px}.contact-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.contact-modal{border-radius:24px;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;gap:22px;max-width:480px;padding:28px;width:100%}.contact-modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.contact-modal-title{font-size:1.2rem;font-weight:800;margin:0 0 4px}.contact-modal-subtitle{font-size:.82rem;line-height:1.5;margin:0}.contact-modal-close{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s;width:36px}.contact-modal-close:hover{background:#0000001a}.contact-modal-autofill{display:flex;flex-direction:column;gap:8px}.contact-autofill-field{align-items:center;border-radius:12px;display:flex;font-size:.85rem;gap:8px;padding:10px 14px}.contact-modal-form{display:flex;flex-direction:column;gap:16px}.contact-modal-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.contact-modal-textarea{border-radius:14px;box-sizing:border-box;font-family:Inter,Noto Sans Arabic,sans-serif;font-size:.9rem;line-height:1.6;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s;width:100%}.contact-modal-textarea:focus{border-color:#10a37f!important;box-shadow:0 0 0 3px #10a37f26}.contact-modal-send{align-items:center;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:Inter,Noto Sans Arabic,sans-serif;font-size:.95rem;font-weight:700;gap:9px;justify-content:center;padding:15px;transition:background .2s,opacity .2s;width:100%}.contact-modal-send:disabled{cursor:not-allowed}.contact-modal-success{flex-direction:column;gap:12px;padding:24px 0;text-align:center}.contact-modal-success,.contact-success-icon{align-items:center;display:flex;justify-content:center}.contact-success-icon{border-radius:50%;height:64px;width:64px}.contact-spinner{animation:contactSpin .65s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes contactSpin{to{transform:rotate(1turn)}}[dir=rtl] .contact-method-cta svg{transform:rotate(180deg)}