body { font-family: Poppins } {/* Hero Gradient & Glow for The Undersong Project */
#hero-section { background: radial-gradient(1000px 700px at 50% 30%, rgba(20,184,166,0.35), transparent 60%), radial-gradient(600px 420px at 60% 20%, rgba(212,175,55,0.25), transparent 55%), linear-gradient(180deg, #0E1E2E 0%, #11283D 70%); position: relative; overflow: hidden; color: #fff;
}
#hero-section::before { content: ""; position: absolute; inset: 0; background-image: url('https://theundersongproject.com/img/noise.png'); /* optional small texture */ opacity: 0.1; mix-blend-mode: overlay; pointer-events: none;
}
#hero-section h1,
#hero-section h2,
#hero-section p { color: #fff !important;
}
} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 639px) { .gp-component-id-Wgzr9HEz2[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Wgzr9HEz2[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Wgzr9HEz2[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Wgzr9HEz2[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-Wgzr9HEz2[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } /* ---------- Brand Colors ---------- */ :root { --uds-indigo:#0E1E2E; --uds-indigo2:#11283D; --uds-teal:#14B8A6; --uds-gold:#D4AF37; --uds-sand:#F2EDE4; } /* ---------- Hero Layout ---------- */ #uds-hero { position:relative; overflow:hidden; padding:100px 20px 140px; text-align:center; color:#fff; background: radial-gradient(1000px 700px at 50% 30%, rgba(20,184,166,0.35), transparent 60%), radial-gradient(650px 450px at 65% 20%, rgba(212,175,55,0.25), transparent 55%), linear-gradient(180deg, var(--uds-indigo), var(--uds-indigo2) 70%); } /* Subtle background texture */ #uds-hero::before { content:""; position:absolute; inset:0; opacity:.10; mix-blend-mode:overlay; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNgYAAAAAMAASsJTYQAAAAASUVORK5CYII='); background-size:200px 200px; } /* Faint resonance rings */ #uds-hero::after { content:""; position:absolute; inset:0; opacity:.08; background: radial-gradient(circle at center, transparent 0, transparent 24%, rgba(255,255,255,.7) 24%, transparent 26%) 0 0/28px 28px; animation:udsPulse 10s ease-in-out infinite; } @keyframes udsPulse { 0%,100% {transform:scale(1); opacity:.08;} 50% {transform:scale(1.03); opacity:.14;} } /* ---------- Content Styling ---------- */ .uds-wrap {max-width:1100px; margin:0 auto; position:relative; z-index:1;} .uds-logo { width:320px; height:auto; margin:0 auto 24px; display:block; max-width:none !important; filter:drop-shadow(0 0 40px rgba(212,175,55,.55)); transition:all .3s ease; } .uds-logo:hover { transform:scale(1.05); filter:drop-shadow(0 0 50px rgba(212,175,55,.7)); } .uds-title { margin:0 0 14px; font-family:"Fraunces", Georgia, "Times New Roman", serif; font-weight:600; font-size:clamp(36px, 5vw, 60px); line-height:1.15; color:#fff; } .uds-sub { margin:0 auto 32px; max-width:820px; font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:clamp(16px, 2vw, 22px); line-height:1.55; color:rgba(242,237,228,.9); } .uds-cta { display:inline-block; background:var(--uds-teal); color:#fff; text-decoration:none; padding:16px 26px; border-radius:10px; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight:600; font-size:17px; letter-spacing:.2px; box-shadow:0 6px 18px rgba(0,0,0,.25); transition:transform .18s ease, filter .18s ease, box-shadow .18s ease; } .uds-cta:hover { transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 10px 24px rgba(0,0,0,.28); } /* ---------- Responsive Tweaks ---------- */ @media (max-width:480px) { #uds-hero {padding:80px 16px 100px;} .uds-logo {width:220px;} } .gp-component-id-nBmZljhZGS { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-nBmZljhZGS { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nBmZljhZGS { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nBmZljhZGS { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nBmZljhZGS { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-nBmZljhZGS { min-height: 50px;position: relative;z-index: auto; } } .gp-component-id-Ylf0MxIajI { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-Ylf0MxIajI { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Ylf0MxIajI { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Ylf0MxIajI { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Ylf0MxIajI { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-Ylf0MxIajI { min-height: 50px;position: relative;z-index: auto; } } .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } @media (max-width: 639px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (min-width: 1200px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } .gp-component-id-5GxcqyamUc { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-5GxcqyamUc { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-5GxcqyamUc { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-5GxcqyamUc { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-5GxcqyamUc { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-5GxcqyamUc { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-k6dau9qJC4 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .gp-component-id-k6dau9qJC4 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-k6dau9qJC4 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-k6dau9qJC4 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-k6dau9qJC4 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-k6dau9qJC4 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto;max-width: 1200px; } } .gp-component-id-myTPrmFdQ4 { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-myTPrmFdQ4 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-myTPrmFdQ4 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-myTPrmFdQ4 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-myTPrmFdQ4 { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-myTPrmFdQ4 { min-height: 50px;position: relative;z-index: auto; } }