shortcode renders here */ #hebct-root .hebct-form-slot{ background: var(--glass); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); border:1px solid var(--glass-border); border-radius:18px; padding: 30px; box-shadow: 0 20px 44px rgba(0,0,0,.4), 0 0 40px rgba(79,168,232,.08); } /* Fluent Forms re-skin — targets default Fluent Forms classes */ #hebct-root .fluentform, #hebct-root .ff-el-form-control{ color: var(--ink) !important; } #hebct-root .fluentform .ff-el-group{ margin-bottom: 20px !important; } #hebct-root .fluentform label, #hebct-root .fluentform .ff-el-input--label label{ color: rgba(255,255,255,.75) !important; font-weight:700 !important; font-size:13px !important; } #hebct-root .fluentform input[type="text"], #hebct-root .fluentform input[type="email"], #hebct-root .fluentform input[type="tel"], #hebct-root .fluentform input[type="number"], #hebct-root .fluentform textarea, #hebct-root .fluentform select, #hebct-root .fluentform .ff-el-form-control{ background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 10px !important; color: #fff !important; padding: 12px 14px !important; margin-bottom: 6px !important; transition: border-color .25s ease, box-shadow .25s ease !important; } #hebct-root .fluentform .ff-t-container, #hebct-root .fluentform .ff-el-input--content{ margin-bottom: 14px !important; } #hebct-root .fluentform .ff-row > div{ margin-bottom: 14px !important; } #hebct-root .fluentform input::placeholder, #hebct-root .fluentform textarea::placeholder{ color: rgba(255,255,255,.4) !important; } #hebct-root .fluentform input:focus, #hebct-root .fluentform textarea:focus, #hebct-root .fluentform select:focus{ outline:none !important; border-color: var(--ice) !important; box-shadow: 0 0 0 3px rgba(79,168,232,.25), 0 0 20px rgba(79,168,232,.35) !important; } #hebct-root .fluentform button[type="submit"], #hebct-root .fluentform .ff-btn-submit{ background: linear-gradient(180deg, var(--ribbon), var(--ribbon-deep)) !important; border:none !important; border-radius:999px !important; color:#fff !important; font-weight:800 !important; padding: 14px 34px !important; box-shadow: 0 10px 24px rgba(194,59,59,.4), 0 0 22px rgba(194,59,59,.35) !important; transition: transform .25s ease, box-shadow .25s ease !important; } #hebct-root .fluentform button[type="submit"]:hover, #hebct-root .fluentform .ff-btn-submit:hover{ transform: translateY(-3px) scale(1.03) !important; box-shadow: 0 14px 30px rgba(194,59,59,.55), 0 0 28px rgba(194,59,59,.5) !important; } /* ---------- contact info column ---------- */ #hebct-root .hebct-info-card{ background: var(--glass); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); border:1px solid var(--glass-border); border-radius:18px; padding: 30px; box-shadow: 0 20px 44px rgba(0,0,0,.4); } #hebct-root .hebct-info-row{ display:flex; gap:16px; align-items:flex-start; margin-bottom:26px; } #hebct-root .hebct-info-row:last-of-type{ margin-bottom:0; } #hebct-root .hebct-info-icon{ width:44px; height:44px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:19px; background: radial-gradient(circle at 35% 30%, var(--ice), #142c4d 100%); box-shadow: 0 0 14px rgba(79,168,232,.4); } #hebct-root .hebct-info-row p{ font-size:14.5px; font-weight:600; line-height:1.7; color: var(--ink); } #hebct-root .hebct-info-row p b{ color:#fff; font-weight:800; } #hebct-root .hebct-social-title{ font-family:'Baloo 2', sans-serif; font-weight:700; font-size:18px; color:#fff; margin: 30px 0 16px; } /* ---------- social icons (updated: frosted glass circles + real SVGs) ---------- */ #hebct-root .hebct-social-row{ display:flex; gap: 14px; } #hebct-root .hebct-social{ width: 46px; height: 46px; border-radius: 50%; display:flex; align-items:center; justify-content:center; background: rgba(255,255,255,.10); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.22); box-shadow: 0 4px 14px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; } #hebct-root .hebct-social svg{ width: 19px; height: 19px; fill: #fff; opacity: .92; transition: opacity .25s ease; } #hebct-root .hebct-social:hover{ transform: translateY(-4px); background: rgba(79,168,232,.22); border-color: rgba(79,168,232,.5); box-shadow: 0 8px 22px rgba(79,168,232,.35), 0 0 20px rgba(79,168,232,.35); } #hebct-root .hebct-social:hover svg{ opacity: 1; } @media (max-width: 900px){ #hebct-root .hebct-grid{ grid-template-columns: 1fr; gap:40px; } } @media (prefers-reduced-motion: reduce){ #hebct-root .hebct-reveal{ opacity:1 !important; transform:none !important; transition:none !important; } #hebct-root .hebct-storm, #hebct-root .hebct-neon{ display:none !important; } }