#particles-js { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -2 }
* { box-sizing: border-box }
.accent-text, .group:hover .group-hover\:accent-text, .hover\:accent-text:hover { color: var(--accent); transition: color 0.2s ease }
.card-enhanced { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: var(--glass-bg); border-radius: 1.25rem; border: 1px solid var(--border); overflow: hidden; position: relative; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) }
.card-enhanced::before { background: var(--accent-gradient); content: ""; height: 2px; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease }
.card-enhanced:hover { border-color: var(--accent); box-shadow: var(--shadow-primary), var(--shadow-secondary); transform: translatey(-8px) }
.card-enhanced:hover::before { opacity: 1 }
.countdown-box { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: var(--glass-bg); border-radius: 1.25rem; border: 1px solid var(--border); display: flex; flex-direction: column; height: 100px; justify-content: center; overflow: hidden; padding: 1.5rem; position: relative; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); width: 100px }
.countdown-box::before { background: var(--accent-gradient); content: ""; height: 2px; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease }
.countdown-box:hover { border-color: var(--accent); box-shadow: var(--shadow-primary); transform: translatey(-4px) scale(1.05) }
.countdown-box:hover::before { opacity: 1 }
.countdown-label { color: var(--text-muted); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; margin-top: 0.5rem; text-transform: uppercase }
.countdown-number { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background: var(--accent-gradient); font-family: "JetBrains Mono", monospace; font-size: 2.5rem; font-weight: 800; line-height: 1 }
.email-form { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: var(--glass-bg); border-radius: 1.25rem; border: 1px solid var(--border); overflow: hidden; padding: 2rem; position: relative }
.email-form::before { background: var(--accent-gradient); content: ""; height: 2px; left: 0; position: absolute; right: 0; top: 0 }
.email-input { background: var(--card-bg); border-radius: 0.75rem; border: 1px solid var(--border); color: var(--text-primary); font-size: 1rem; padding: 1rem 1.25rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 100% }
.email-input::placeholder { color: var(--text-muted) }
.email-input:focus { background: var(--card-hover); border-color: var(--accent); box-shadow: 0 0 0 3px rgba(240, 180, 79, 0.1); outline: none }
.fade-in-delay-4 { animation: fadeIn 0.8s ease-out 0.8s forwards; opacity: 0 }
.light-mode { --accent-gradient: linear-gradient(135deg, #F0B44F 0%, #40C0C0 100%); --accent-secondary: #1A7A7A; --accent: #D4861F; --bg-secondary: #F1F7F9; --bg: #F7FAFB; --border: #E1EEF2; --card-bg: #FFF; --card-hover: #F8FCFD; --glass-bg: rgba(255, 255, 255, 0.7); --gradient-mesh: radial-gradient(circle at 20% 30%, rgba(212, 134, 31, 0.02) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(26, 122, 122, 0.03) 0%, transparent 40%), radial-gradient(circle at 40% 80%, rgba(212, 134, 31, 0.015) 0%, transparent 50%); --header-bg: rgba(255, 255, 255, 0.85); --shadow-primary: 0 4px 32px rgba(212, 134, 31, 0.08); --shadow-secondary: 0 8px 64px rgba(26, 122, 122, 0.05); --tag-bg: #E8F8F9; --tag-text: #1A7A7A; --text-muted: #5B7A86; --text-primary: #0A2329; --text-secondary: #2A4853 }
.section-title::after { background: var(--accent-gradient); border-radius: 2px; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; transform: translatex(-50%); width: 60px }
.social-proof { -webkit-backdrop-filter: blur(10px); align-items: center; backdrop-filter: blur(10px); background: var(--glass-bg); border-radius: 0.75rem; border: 1px solid var(--border); display: inline-flex; gap: 0.5rem; padding: 1rem 1.5rem; transition: all 0.3s ease }
.social-proof:hover { border-color: var(--accent); transform: translatey(-1px) }
.stagger-animation { animation-delay: var(--stagger-delay, 0ms); animation: fadeIn 0.8s ease-out forwards; opacity: 0 }
.submit-button { background: var(--accent-gradient); border-radius: 0.75rem; border: none; color: white; font-size: 1rem; font-weight: 700; overflow: hidden; padding: 1rem 2rem; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 100% }
.submit-button::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); content: ""; height: 100%; left: -100%; position: absolute; top: 0; transition: left 0.5s ease; width: 100% }
.submit-button:disabled { cursor: not-allowed; opacity: 0.7; transform: none }
.submit-button:hover { box-shadow: 0 8px 25px rgba(240, 180, 79, 0.25); transform: translatey(-2px) }
.submit-button:hover::before { left: 100% }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-image: var(--gradient-mesh); background: var(--bg); color: var(--text-secondary); display: flex; flex-direction: column; font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; line-height: 1.6; min-height: 100vh; scroll-behavior: smooth; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) }