.forminator-ui.forminator-custom-form-3581 /* =================================================================== */ /* ============= FORM STYLES - TRUE METALLIC GOLD REVISION ========= */ /* =================================================================== */ /* ========================== COMMON STYLING FOR ALL FIELDS ========================== */ .luxury-select select,.forminator-ui.forminator-custom-form-3581 .luxury-name input,.forminator-ui.forminator-custom-form-3581 .instagram-account input,.forminator-ui.forminator-custom-form-3581 .luxury-country-code select,.forminator-ui.forminator-custom-form-3581 .luxury-city select,.forminator-ui.forminator-custom-form-3581 .luxury-phone input,.forminator-ui.forminator-custom-form-3581 .age input,.forminator-ui.forminator-custom-form-3581 .marital-status select,.forminator-ui.forminator-custom-form-3581 .luxury-whatsapp input,.forminator-ui.forminator-custom-form-3581 .luxury-email input,.forminator-ui.forminator-custom-form-3581 .luxury-profession input,.forminator-ui.forminator-custom-form-3581 .luxury-dob input,.forminator-ui.forminator-custom-form-3581 .luxury-upload input[type="file"]{background: #000 !important;/* A pure, deep black background */ color: #f0f0f0 !important;/* A subtle initial border to make the focus state pop */ border: 1px solid rgba(0, 154, 238, 0.4) !important;/* Muted blue */ /* Added an inner shadow for a subtle "inlaid" depth effect */ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;border-radius: 4px !important;padding: 15px 18px !important;font-family: 'Inter', sans-serif !important;font-size: 1rem !important;outline: none !important;width: 100% !important;transition: all 0.3s ease-in-out !important;}.forminator-ui.forminator-custom-form-3581 /* ========================== SELECT DROPDOWN OPTIONS ========================== */ .luxury-select select option,.forminator-ui.forminator-custom-form-3581 .luxury-city select option,.forminator-ui.forminator-custom-form-3581 .marital-status select option,.forminator-ui.forminator-custom-form-3581 .luxury-country-code select option{background-color: #050505 !important;color: #009AEE !important;}.forminator-ui.forminator-custom-form-3581 /* ========================== PLACEHOLDER TEXT ========================== */ .luxury-select select::placeholder,.forminator-ui.forminator-custom-form-3581 .age input::placeholder,.forminator-ui.forminator-custom-form-3581 .instagram-account input::placeholder,.forminator-ui.forminator-custom-form-3581 .marital-status select::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-name input::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-country-code select::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-phone input::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-whatsapp input::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-email input::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-profession input::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-city select::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-dob input::placeholder,.forminator-ui.forminator-custom-form-3581 .luxury-upload input[type="file"]::placeholder{color: rgba(0, 154, 238, 0.7) !important;/* Placeholder text is now blue */ opacity: 1 !important;}.forminator-ui.forminator-custom-form-3581 /* ========================== FOCUS EFFECT - More Metallic Glow ========================== */ .luxury-select select:focus,.forminator-ui.forminator-custom-form-3581 .marital-status select:focus,.forminator-ui.forminator-custom-form-3581 .age input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-name input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-country-code select:focus,.forminator-ui.forminator-custom-form-3581 .instagram-account input::focus,.forminator-ui.forminator-custom-form-3581 .luxury-city select::focus,.forminator-ui.forminator-custom-form-3581 .luxury-phone input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-whatsapp input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-email input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-profession input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-dob input:focus,.forminator-ui.forminator-custom-form-3581 .luxury-upload input[type="file"]:focus{border-color: #009AEE !important;/* A bright, electric blue for the border */ /* Multi-layered shadow for a realistic glow */ /* Layer 1: A hard inner glow. Layer 2:A soft outer glow */ box-shadow:inset 0 0 5px rgba(0, 154, 238, 0.2), 0 0 15px rgba(0, 154, 238, 0.5) !important;}.forminator-ui.forminator-custom-form-3581 /* ========================== SUBMIT BUTTON - THE METALLIC CENTERPIECE ========================== */ button.luxury-begin,.forminator-ui.forminator-custom-form-3581 input.luxury-begin[type="submit"]{position: relative !important;width: 100% !important;padding: 16px !important;/* A complex gradient that simulates a blue metallic sheen */ background: linear-gradient(145deg, #0C0C0C 0%, /* Deep black shadow */ #005A8E 45%, /* Dark blue mid-tone */ #009AEE 55%, /* Bright highlight */ #0077B6 100% /* Rich mid-blue */ ) !important;background-size: 250% 100% !important;/* Wider for a smoother hover animation */ background-position: 100% 0 !important;/* Start with the darker part of the gradient */ /* Bright white text for high contrast */ color: #FFFFFF !important;font-family: 'Inter', sans-serif !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 2px !important;font-size: 1.1rem !important;/* 3D border effect for a chiseled look */ border: none !important;border-top: 1px solid rgba(0, 154, 238, 0.5) !important;/* Top edge highlight */ border-bottom: 1px solid rgba(12, 12, 12, 0.8) !important;/* Bottom edge shadow */ border-radius: 4px !important;cursor: pointer !important;/* Depth effect for the light text */ text-shadow: 0 1px 1px rgba(12, 12, 12, 0.4) !important;box-shadow: 0 5px 20px rgba(0, 154, 238, 0.4) !important;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;}.forminator-ui.forminator-custom-form-3581 /* Hover effect for the button */ button.luxury-begin:hover,.forminator-ui.forminator-custom-form-3581 input.luxury-begin[type="submit"]:hover{/* Animate the gradient to create a "light sweeping over metal" effect */ background-position: 0 0 !important;transform: translateY(-4px) !important;box-shadow: 0 10px 30px rgba(0, 154, 238, 0.6) !important;}.forminator-ui.forminator-custom-form-3581 /* ========================== LAYOUT & RESPONSIVE (No changes needed) ========================== */ .row{display: flex !important;gap: 15px !important;flex-wrap: wrap !important;}.forminator-ui.forminator-custom-form-3581 .row .half{flex: 1 1 48% !important;}.forminator-ui.forminator-custom-form-3581 .row .half{flex: 1 1 100% !important;}.forminator-ui.forminator-custom-form-3581 .luxury-select select,.forminator-ui.forminator-custom-form-3581 .marital-status select,.forminator-ui.forminator-custom-form-3581 .instagram-account input,.forminator-ui.forminator-custom-form-3581 .luxury-name input,.forminator-ui.forminator-custom-form-3581 .luxury-country-code select,.forminator-ui.forminator-custom-form-3581 .luxury-city select,.forminator-ui.forminator-custom-form-3581 .luxury-phone input,.forminator-ui.forminator-custom-form-3581 .luxury-whatsapp input,.forminator-ui.forminator-custom-form-3581 .luxury-email input,.forminator-ui.forminator-custom-form-3581 .luxury-profession input,.forminator-ui.forminator-custom-form-3581 .luxury-dob input,.forminator-ui.forminator-custom-form-3581 .age input,.forminator-ui.forminator-custom-form-3581 .luxury-upload input[type="file"]{font-size: 0.95rem !important;padding: 12px 10px !important;} @media (max-width: 768px) { .forminator-ui.forminator-custom-form-3581 .row{flex-direction: column !important;} }