.contactPage{color:#fff;background:#000;min-height:100vh;font-family:Poppins,sans-serif}.contactHero{text-align:center;background-color:#0000;background-image:linear-gradient(#000000b3 0%,#000000e6 100%),url(/FAQ-Banner-Jim-Fahad-Digital.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100%;min-height:400px;padding:160px 20px 100px;display:flex;position:relative;overflow:hidden}.contactHeroOverlay{pointer-events:none;background:radial-gradient(#00cc001a 0%,#0000 70%);position:absolute;inset:0}.contactHeroContent{z-index:2;max-width:800px;animation:.8s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contactBadge{color:#0c0;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#0c03 0%,#00aa001a 100%);border:1px solid #00cc0080;border-radius:50px;margin-bottom:20px;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-block}.contactHeroContent h1{background:linear-gradient(135deg,#0c0 0% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:3.5rem;font-weight:800;line-height:1.2}.contactHeroContent p{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.7}.contactMain{background:linear-gradient(#000 0%,#0a0a0a 100%);padding:80px 20px}.contactContainer{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;max-width:1400px;margin:0 auto;display:grid}.contactInfo{position:sticky;top:120px}.contactInfoHeader{margin-bottom:40px}.contactInfoHeader h2{color:#fff;margin:0 0 15px;font-size:2rem;font-weight:700;display:inline-block;position:relative}.contactInfoHeader h2:after{content:"";background:linear-gradient(90deg,#0c0 0%,#0000 100%);border-radius:3px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.contactInfoHeader p{color:#fff9;margin:0;font-size:1rem;line-height:1.7}.contactCards{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.contactCard{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:20px;padding:25px;transition:all .3s;display:flex}.contactCard:hover{background:linear-gradient(135deg,#00cc001a 0%,#00cc0008 100%);border-color:#00cc004d;transform:translate(10px)}.contactCardIcon{background:linear-gradient(135deg,#0c0 0%,#0a0 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 15px #00cc004d}.contactCardIcon svg{color:#000;font-size:1.4rem}.contactCardContent h3{color:#fff;margin:0 0 8px;font-size:1rem;font-weight:700}.contactCardContent p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6}.contactSocial{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;padding:25px 30px}.contactSocial h3{color:#fffc;margin:0 0 20px;font-size:1rem;font-weight:600}.socialLinks{gap:15px;display:flex}.socialLinks a{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.socialLinks a svg{color:#ffffffb3;font-size:1.3rem;transition:all .3s}.socialLinks a:hover{background:linear-gradient(135deg,#0c0 0%,#0a0 100%);border-color:#0000;transform:translateY(-5px);box-shadow:0 8px 20px #0c06}.socialLinks a:hover svg{color:#000}.contactFormWrapper{width:100%}.contactFormBox{background:linear-gradient(135deg,#111 0%,#0a0a0a 100%);border:1px solid #0c03;border-radius:24px;padding:50px;transition:all .3s;box-shadow:0 20px 60px #00000080}.contactFormBox:hover{border-color:#0c06;box-shadow:0 25px 80px #00cc001a}.contactFormBox h2{color:#fff;margin:0 0 10px;font-size:1.8rem;font-weight:700}.contactFormBox>p{color:#ffffff80;margin:0 0 35px;font-size:1rem}.contactForm{grid-template-columns:1fr 1fr;gap:20px;display:grid}.formGroup{flex-direction:column;gap:10px;display:flex}.formGroup.fullWidth{grid-column:1/-1}.formGroup label{color:#ffffffd9;font-size:.9rem;font-weight:500}.required{color:#f44;font-weight:700}.formGroup input,.formGroup textarea,.formGroup select{color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:16px 18px;font-family:inherit;font-size:1rem;transition:all .3s}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#ffffff4d}.formGroup input:focus,.formGroup textarea:focus,.formGroup select:focus{background:#00cc000d;border-color:#0c0;box-shadow:0 0 0 4px #00cc001a}.formGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300cc00' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:45px}.formGroup select option{color:#fff;background:#111;padding:10px}.formGroup textarea{resize:vertical;min-height:120px}.formNote{text-align:center;color:#fff6;grid-column:1/-1;margin:10px 0;font-size:.85rem}.submitBtn{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0c0 0%,#0a0 100%);border:none;border-radius:12px;grid-column:1/-1;width:100%;padding:18px 40px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 25px #0c06}.submitBtn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 35px #00cc0080}.submitBtn:active:not(:disabled){transform:translateY(-1px)}.submitBtn:disabled{cursor:not-allowed;opacity:.8}.submitBtn.sending{background:linear-gradient(135deg,#0a0 0%,#080 100%)}.submitBtn.success{background:linear-gradient(135deg,#0f0 0%,#0c0 100%)}.mapSection{background:#0a0a0a;padding:80px 20px}.mapHeader{text-align:center;margin-bottom:50px}.mapHeader h2{color:#fff;margin:0 0 15px;font-size:2.2rem;font-weight:700}.mapHeader p{color:#ffffff80;margin:0;font-size:1.1rem}.mapWrapper{border:1px solid #0c03;border-radius:24px;max-width:1400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.mapMarkerBadge{z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-105%)}.mapMarkerLogo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0aeb;border:2px solid #00cc0073;border-radius:999px;width:72px;height:72px;padding:14px;position:relative;box-shadow:0 14px 40px #00000073}.mapWrapper iframe{filter:grayscale()invert(92%)contrast(83%);transition:filter .3s;display:block}.mapWrapper:hover iframe{filter:grayscale(50%)invert(92%)contrast(90%)}@media (max-width:1100px){.contactContainer{grid-template-columns:1fr;gap:50px}.contactInfo{position:relative;top:0}.contactCards{grid-template-columns:1fr 1fr;gap:20px;display:grid}}@media (max-width:768px){.contactHero{min-height:auto;padding:120px 20px 60px}.contactHeroContent h1{font-size:2.2rem}.contactHeroContent p{font-size:1rem}.contactMain{padding:50px 20px}.contactCards{grid-template-columns:1fr}.contactFormBox{padding:30px 25px}.contactFormBox h2{font-size:1.5rem}.contactForm{grid-template-columns:1fr}.contactForm .formGroup{grid-column:1}.mapSection{padding:50px 15px}.mapHeader h2{font-size:1.8rem}.mapWrapper{border-radius:16px}.mapWrapper iframe{height:350px}}@media (max-width:480px){.contactHero{padding:100px 16px 50px}.contactHeroContent h1{font-size:1.8rem}.contactBadge{padding:8px 18px;font-size:.8rem}.contactCard{padding:20px}.contactCardIcon{width:45px;height:45px}.contactSocial{padding:20px}.socialLinks a{width:45px;height:45px}.contactFormBox{padding:24px 16px}.submitBtn{padding:16px 30px;font-size:1rem}}.alertSuccess{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:20px;padding:12px 20px}.alertError{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:20px;padding:12px 20px}