/* InvestMuse Contact Page v2 — port of design_files/Contact.html. Scoped under #contactPage.contact-page-v2. */ body.contact-page-active, body.contact-page-active html { background: #050505 !important; } body.contact-page-active .simple-footer { display: none !important; } #page-contact, body.contact-page-active #pageContainer { background: #050505 !important; } #page-contact .hp-constellation-footer { background: #050505 !important; } #contactPage.contact-page-v2 { background: #050505 !important; color: #e8e8f0 !important; width: 100% !important; min-height: 100vh !important; margin: 0 !important; padding: 0 !important; position: relative; font-family: 'Inter', sans-serif; overflow-x: hidden; } body.dark-mode #contactPage.contact-page-v2 { background: #050505 !important; } #contactPage.contact-page-v2, #contactPage.contact-page-v2 * { text-shadow: none !important; } #contactPage.contact-page-v2 section { background: transparent !important; } #contactPage.contact-page-v2 .ct-particle-canvas { position: fixed; inset: 0; pointer-events: none; z-index: 0; } #contactPage.contact-page-v2 .ct-mesh-bg { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; } #contactPage.contact-page-v2 .ct-mesh-orb { position: absolute; border-radius: 50%; } #contactPage.contact-page-v2 .ct-orb-t { width:70vw;height:70vw;background:radial-gradient(circle,rgba(0,184,169,.07) 0%,transparent 65%);top:-20vw;left:-10vw;filter:blur(60px);animation:ctOF1 30s ease-in-out infinite; } #contactPage.contact-page-v2 .ct-orb-p { width:60vw;height:60vw;background:radial-gradient(circle,rgba(111,66,193,.08) 0%,transparent 65%);bottom:-10vw;right:-10vw;filter:blur(65px);animation:ctOF2 36s ease-in-out infinite; } #contactPage.contact-page-v2 .ct-orb-g { width:45vw;height:45vw;background:radial-gradient(circle,rgba(245,158,11,.04) 0%,transparent 65%);top:50vh;right:5vw;filter:blur(55px);animation:ctOF3 28s ease-in-out infinite; } @keyframes ctOF1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(5vw,8vh) scale(1.08)}} @keyframes ctOF2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6vw,-7vh) scale(1.1)}} @keyframes ctOF3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4vw,5vh) scale(.93)}} #contactPage.contact-page-v2 .ct-eyebrow { font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;color:#00B8A9;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px; } #contactPage.contact-page-v2 .ct-section-sep { width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,184,169,.15),transparent);position:relative;z-index:2; } #contactPage.contact-page-v2 .z2 { position: relative; z-index: 2; } #contactPage.contact-page-v2 .ct-section { position: relative; z-index: 2; padding: 72px 60px; } #contactPage.contact-page-v2 .ct-section-hd { font-family:'Outfit',sans-serif !important; font-size:clamp(24px,3vw,38px); font-weight:800; letter-spacing:-.8px; color:#fff !important; margin-bottom:10px; background:none; } #contactPage.contact-page-v2 .ct-section-hd .teal { color:#00B8A9; } #contactPage.contact-page-v2 .ct-section-sub { font-family:'Inter',sans-serif; font-size:15px; color:rgba(232,232,240,.42); max-width:500px; margin-bottom:44px; line-height:1.7; } #contactPage.contact-page-v2 .ct-glitch { position:relative; display:inline-block; } #contactPage.contact-page-v2 .ct-glitch::before, #contactPage.contact-page-v2 .ct-glitch::after { content:attr(data-text); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; } #contactPage.contact-page-v2 .ct-glitch::before { color:#00B8A9; animation:ctGlA 8s infinite; clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%); } #contactPage.contact-page-v2 .ct-glitch::after { color:#9C27B0; animation:ctGlB 8s infinite; clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%); } @keyframes ctGlA{0%,89%,100%{opacity:0;transform:translate(0)}90%{opacity:.7;transform:translate(-3px,1px) skewX(2deg)}92%{opacity:0}94%{opacity:.5;transform:translate(2px,-1px)}96%{opacity:0}} @keyframes ctGlB{0%,89%,100%{opacity:0;transform:translate(0)}91%{opacity:.6;transform:translate(3px,-1px) skewX(-2deg)}93%{opacity:0}95%{opacity:.4;transform:translate(-2px,1px)}97%{opacity:0}} /* HERO */ #contactPage.contact-page-v2 .ct-hero { position:relative; z-index:2; padding:120px 60px 70px; } #contactPage.contact-page-v2 .ct-hero h1 { font-family:'Outfit',sans-serif !important; font-size:clamp(38px,5.5vw,64px); font-weight:800; letter-spacing:-2.5px; line-height:1.05; color:#fff !important; margin-bottom:20px; background:none; } #contactPage.contact-page-v2 .ct-hero h1 .teal { color:#00B8A9; } #contactPage.contact-page-v2 .ct-hero-sub { font-family:'Inter',sans-serif; font-size:18px; color:rgba(232,232,240,.5); max-width:560px; line-height:1.7; } /* CHANNELS */ #contactPage.contact-page-v2 .ct-channels-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1100px; } @media (max-width:1000px){#contactPage.contact-page-v2 .ct-channels-grid{grid-template-columns:repeat(2,1fr);}} @media (max-width:600px) {#contactPage.contact-page-v2 .ct-channels-grid{grid-template-columns:1fr;}} #contactPage.contact-page-v2 .ct-ch-card { padding:28px 24px; border-radius:16px; background:rgba(255,255,255,.012); border:1px solid rgba(255,255,255,.055); backdrop-filter:blur(40px); position:relative; overflow:hidden; transition:transform .3s,border-color .3s,box-shadow .3s; } #contactPage.contact-page-v2 .ct-ch-card::before { content:''; position:absolute; top:0; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,rgba(0,184,169,.3),transparent); } #contactPage.contact-page-v2 .ct-ch-card:hover { transform:translateY(-5px); } #contactPage.contact-page-v2 .ct-ch-card.teal:hover { border-color:rgba(0,184,169,.28); box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 28px rgba(0,184,169,.08); } #contactPage.contact-page-v2 .ct-ch-card.gold-c::before { background:linear-gradient(90deg,transparent,rgba(245,158,11,.35),transparent); } #contactPage.contact-page-v2 .ct-ch-card.gold-c:hover { border-color:rgba(245,158,11,.25); box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 28px rgba(245,158,11,.08); } #contactPage.contact-page-v2 .ct-ch-card.purple-c::before { background:linear-gradient(90deg,transparent,rgba(111,66,193,.4),transparent); } #contactPage.contact-page-v2 .ct-ch-card.purple-c:hover { border-color:rgba(111,66,193,.28); box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 28px rgba(111,66,193,.1); } #contactPage.contact-page-v2 .ct-ch-tag { font-family:'JetBrains Mono',monospace; font-size:9.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; margin-bottom:14px; } #contactPage.contact-page-v2 .ct-ch-tag.t { color:rgba(0,184,169,.6); } #contactPage.contact-page-v2 .ct-ch-tag.g { color:rgba(245,158,11,.6); } #contactPage.contact-page-v2 .ct-ch-tag.p { color:rgba(111,66,193,.6); } #contactPage.contact-page-v2 .ct-ch-title { font-family:'Outfit',sans-serif !important; font-size:17px; font-weight:700; color:#fff !important; margin-bottom:9px; letter-spacing:-.2px; background:none; } #contactPage.contact-page-v2 .ct-ch-body { font-family:'Inter',sans-serif; font-size:13px; line-height:1.7; color:rgba(232,232,240,.45); margin-bottom:20px; } #contactPage.contact-page-v2 .ct-ch-cta { font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:gap .2s, opacity .2s; } #contactPage.contact-page-v2 .ct-ch-cta.t { color:#00B8A9; } #contactPage.contact-page-v2 .ct-ch-cta.g { color:#f59e0b; } #contactPage.contact-page-v2 .ct-ch-cta.p { color:#9C27B0; } #contactPage.contact-page-v2 .ct-ch-cta:hover { gap:10px; opacity:.8; } #contactPage.contact-page-v2 .ct-geo-icon { width:44px; height:44px; margin-bottom:16px; } /* FAST PATH */ #contactPage.contact-page-v2 .ct-fast-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:860px; } @media (max-width:700px){#contactPage.contact-page-v2 .ct-fast-grid{grid-template-columns:1fr;}} #contactPage.contact-page-v2 .ct-fast-card { padding:22px 20px; border-radius:12px; background:rgba(255,255,255,.01); backdrop-filter:blur(30px); display:flex; flex-direction:column; gap:8px; transition:transform .3s,border-color .3s; text-decoration:none; } #contactPage.contact-page-v2 .ct-fast-card.purple-f { border:1px solid rgba(111,66,193,.2); } #contactPage.contact-page-v2 .ct-fast-card.purple-f:hover { border-color:rgba(111,66,193,.38); transform:translateY(-3px); } #contactPage.contact-page-v2 .ct-fast-card.teal-f { border:1px solid rgba(0,184,169,.18); } #contactPage.contact-page-v2 .ct-fast-card.teal-f:hover { border-color:rgba(0,184,169,.38); transform:translateY(-3px); } #contactPage.contact-page-v2 .ct-fast-card.white-f { border:1px solid rgba(255,255,255,.06); } #contactPage.contact-page-v2 .ct-fast-card.white-f:hover { border-color:rgba(255,255,255,.16); transform:translateY(-3px); } #contactPage.contact-page-v2 .ct-fast-icon { width:28px; height:28px; margin-bottom:4px; } #contactPage.contact-page-v2 .ct-fast-title { font-family:'Outfit',sans-serif !important; font-size:15px; font-weight:700; color:#fff !important; background:none; } #contactPage.contact-page-v2 .ct-fast-sub { font-family:'Inter',sans-serif; font-size:12.5px; color:rgba(232,232,240,.4); line-height:1.5; } #contactPage.contact-page-v2 .ct-fast-btn-text { font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:600; letter-spacing:.07em; margin-top:6px; } #contactPage.contact-page-v2 .ct-fast-btn-text.p { color:rgba(111,66,193,.65); } #contactPage.contact-page-v2 .ct-fast-btn-text.t { color:rgba(0,184,169,.65); } #contactPage.contact-page-v2 .ct-fast-btn-text.w { color:rgba(232,232,240,.4); } /* FORM */ #contactPage.contact-page-v2 .ct-form-section { position:relative; z-index:2; padding:0 60px 80px; display:flex; flex-direction:column; align-items:center; } #contactPage.contact-page-v2 .ct-form-wrap { width:100%; max-width:600px; } #contactPage.contact-page-v2 .ct-glass { padding: 36px 32px; border-radius: 16px; background: rgba(255,255,255,.012); border: 1px solid rgba(255,255,255,.055); backdrop-filter: blur(40px) saturate(160%); -webkit-backdrop-filter: blur(40px) saturate(160%); position: relative; overflow: hidden; } #contactPage.contact-page-v2 .ct-glass::before { content:''; position:absolute; top:0; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,rgba(0,184,169,.28),transparent); } #contactPage.contact-page-v2 .ct-field-wrap { margin-bottom:16px; } #contactPage.contact-page-v2 .ct-field-label { font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:600; color:rgba(0,184,169,.65); letter-spacing:.14em; text-transform:uppercase; display:block; margin-bottom:7px; } #contactPage.contact-page-v2 .ct-field-label .req { color:#f87171; margin-left:2px; } #contactPage.contact-page-v2 .ct-field-input, #contactPage.contact-page-v2 textarea#contact_form_message, #contactPage.contact-page-v2 input#contact_form_name, #contactPage.contact-page-v2 input#contact_form_email { width:100% !important; padding:13px 16px !important; background:#0a0a0a !important; border:1px solid rgba(0,184,169,.22) !important; border-radius:8px !important; color:#e8e8f0 !important; font-family:'Inter',sans-serif !important; font-size:14px !important; outline:none !important; box-shadow:none !important; height:auto !important; transition:border-color .25s, box-shadow .25s; } #contactPage.contact-page-v2 .ct-field-input::placeholder, #contactPage.contact-page-v2 textarea#contact_form_message::placeholder, #contactPage.contact-page-v2 input#contact_form_name::placeholder, #contactPage.contact-page-v2 input#contact_form_email::placeholder { color:rgba(232,232,240,.22) !important; } #contactPage.contact-page-v2 .ct-field-input:focus, #contactPage.contact-page-v2 textarea#contact_form_message:focus, #contactPage.contact-page-v2 input#contact_form_name:focus, #contactPage.contact-page-v2 input#contact_form_email:focus { border-color:#00B8A9 !important; box-shadow:0 0 0 3px rgba(0,184,169,.1), 0 0 18px rgba(0,184,169,.1) !important; } #contactPage.contact-page-v2 .ct-field-input.error { border-color:rgba(248,113,113,.55) !important; } #contactPage.contact-page-v2 .ct-field-err { font-family:'Inter',sans-serif; font-size:11.5px; color:#f87171; margin-top:5px; display:flex; align-items:center; gap:5px; } #contactPage.contact-page-v2 textarea#contact_form_message { min-height:140px !important; resize:vertical !important; line-height:1.6 !important; } /* Topic dropdown — selectize */ #contactPage.contact-page-v2 .selectize-control { width:100% !important; } #contactPage.contact-page-v2 .selectize-input { background:#0a0a0a !important; border:1px solid rgba(0,184,169,.22) !important; border-radius:8px !important; color:#e8e8f0 !important; font-family:'Inter',sans-serif !important; font-size:14px !important; padding:13px 16px !important; box-shadow:none !important; min-height:auto !important; } #contactPage.contact-page-v2 .selectize-input.focus { border-color:#00B8A9 !important; box-shadow:0 0 0 3px rgba(0,184,169,.1) !important; } #contactPage.contact-page-v2 .selectize-input > .item { color:#e8e8f0 !important; background:transparent !important; padding:0 !important; margin:0 !important; border:none !important; } #contactPage.contact-page-v2 .selectize-input > input { background:transparent !important; border:none !important; box-shadow:none !important; padding:0 !important; margin:0 !important; height:auto !important; min-height:0 !important; color:#e8e8f0 !important; } #contactPage.contact-page-v2 .selectize-input::after { border-top-color:rgba(0,184,169,.5) !important; } #contactPage.contact-page-v2 .selectize-dropdown { background:#0d0d0d !important; border:1px solid rgba(0,184,169,.18) !important; border-radius:10px !important; color:#e8e8f0 !important; box-shadow:0 16px 48px rgba(0,0,0,.6) !important; margin-top:6px; } #contactPage.contact-page-v2 .selectize-dropdown .option { padding:11px 16px !important; color:#e8e8f0 !important; } #contactPage.contact-page-v2 .selectize-dropdown .option.active, #contactPage.contact-page-v2 .selectize-dropdown .option:hover { background:rgba(0,184,169,.06) !important; color:#fff !important; } /* Submit */ #contactPage.contact-page-v2 #contact_send_btn, #contactPage.contact-page-v2 .ct-btn-send { width:100% !important; padding:15px !important; font-family:'Outfit',sans-serif !important; font-size:15px !important; font-weight:700 !important; letter-spacing:.04em !important; color:#050505 !important; background:linear-gradient(135deg, #00B8A9, #009688) !important; border:none !important; border-radius:8px !important; animation: ctSendGlow 3s ease-in-out infinite; transition: transform .15s; margin-bottom: 10px !important; height: auto !important; text-shadow: none !important; } #contactPage.contact-page-v2 #contact_send_btn:hover { transform: translateY(-1px); } #contactPage.contact-page-v2 #contact_send_btn:disabled { opacity:.7; animation:none; } @keyframes ctSendGlow{0%,100%{box-shadow:0 0 14px rgba(0,184,169,.3)}50%{box-shadow:0 0 28px rgba(0,184,169,.65),0 0 50px rgba(0,184,169,.15)}} #contactPage.contact-page-v2 .ct-form-note { font-family:'Inter',sans-serif; font-size:11.5px; font-style:italic; color:rgba(232,232,240,.28); text-align:center; } /* Success state */ #contactPage.contact-page-v2 .ct-success-panel { text-align:center; padding:48px 40px; } #contactPage.contact-page-v2 .ct-success-icon { font-size:36px; margin-bottom:16px; color:#00B8A9; } #contactPage.contact-page-v2 .ct-success-title { font-family:'Outfit',sans-serif !important; font-size:24px; font-weight:800; color:#fff !important; margin-bottom:8px; background:none; } #contactPage.contact-page-v2 .ct-success-sub { font-family:'Inter',sans-serif; font-size:14px; color:rgba(232,232,240,.45); margin-bottom:28px; } #contactPage.contact-page-v2 .ct-btn-back { font-family:'Outfit',sans-serif; font-size:14px; font-weight:600; padding:11px 28px; border-radius:8px; background:rgba(0,184,169,.08); border:1px solid rgba(0,184,169,.28); color:#00B8A9; text-decoration:none; cursor:pointer; transition:border-color .2s, box-shadow .2s; display:inline-block; } #contactPage.contact-page-v2 .ct-btn-back:hover { border-color:#00B8A9; box-shadow:0 0 16px rgba(0,184,169,.2); } /* FAQ */ #contactPage.contact-page-v2 .ct-faq-section { position:relative; z-index:2; padding:0 60px 72px; max-width:780px; } #contactPage.contact-page-v2 .ct-faq-item { border-bottom:1px solid rgba(255,255,255,.05); } #contactPage.contact-page-v2 .ct-faq-q { width:100%; text-align:left; padding:17px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; background:none; border:none; cursor:pointer; font-family:'Outfit',sans-serif; font-size:15.5px; font-weight:600; color:rgba(232,232,240,.82); transition:color .2s; } #contactPage.contact-page-v2 .ct-faq-q:hover { color:#fff; } #contactPage.contact-page-v2 .ct-faq-plus { color:rgba(0,184,169,.5); font-size:18px; transition:transform .3s; flex-shrink:0; } #contactPage.contact-page-v2 .ct-faq-q.open .ct-faq-plus { transform:rotate(45deg); } #contactPage.contact-page-v2 .ct-faq-a { overflow:hidden; max-height:0; transition:max-height .4s ease, padding .3s; font-family:'Inter',sans-serif; font-size:14px; line-height:1.8; color:rgba(232,232,240,.48); } #contactPage.contact-page-v2 .ct-faq-a.open { max-height:200px; padding-bottom:16px; } /* Direct line */ #contactPage.contact-page-v2 .ct-direct-line { position:relative; z-index:2; margin:0 60px 72px; padding:28px 32px; border-radius:12px; background:rgba(245,158,11,.025); border:1px solid rgba(245,158,11,.18); text-align:center; overflow:hidden; } #contactPage.contact-page-v2 .ct-direct-line::before { content:''; position:absolute; top:0; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,rgba(245,158,11,.35),transparent); } #contactPage.contact-page-v2 .ct-direct-eyebrow { font-family:'JetBrains Mono',monospace; font-size:9.5px; font-weight:600; color:rgba(245,158,11,.55); letter-spacing:.2em; margin-bottom:8px; } #contactPage.contact-page-v2 .ct-direct-body { font-family:'Inter',sans-serif; font-size:14px; color:rgba(232,232,240,.5); line-height:1.7; } #contactPage.contact-page-v2 .ct-direct-body a { color:#f59e0b; text-decoration:none; transition:color .2s; } #contactPage.contact-page-v2 .ct-direct-body a:hover { color:#fff; } /* Honeypot — visually hide but keep in form (don't use display:none, bots skip those) */ #contactPage.contact-page-v2 .ct-honeypot { position: absolute; left: -10000px; top: -10000px; width: 1px; height: 1px; overflow: hidden; opacity: 0; } /* Mobile */ @media (max-width: 768px) { #contactPage.contact-page-v2 .ct-section, #contactPage.contact-page-v2 .ct-form-section, #contactPage.contact-page-v2 .ct-faq-section { padding-left: 20px; padding-right: 20px; } #contactPage.contact-page-v2 .ct-hero { padding: 100px 20px 56px; } #contactPage.contact-page-v2 .ct-direct-line { margin: 0 20px 56px; } } /* Hide legacy contact-container kids if they sneak through */ #contactPage.contact-page-v2 .contact-container > .contact-header, #contactPage.contact-page-v2 .contact-container > .contact-grid { display:none !important; } /* phones: 16px controls so focus never zooms the page (see app/globals.css) */ @media (max-width:860px),(pointer:coarse){#contactPage#contactPage.contact-page-v2 input:not([type=checkbox]):not([type=radio]),#contactPage#contactPage.contact-page-v2 select,#contactPage#contactPage.contact-page-v2 textarea,#contactPage#contactPage.contact-page-v2 .selectize-input,#contactPage#contactPage.contact-page-v2 .selectize-input input{font-size:16px !important;}}