* { 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 }
.cta-button { align-items: center; background: var(--accent-gradient); border-radius: 0.75rem; border: none; color: white; display: inline-flex; font-weight: 700; gap: 0.5rem; overflow: hidden; padding: 1rem 2.5rem; position: relative; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1 }
.cta-button::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); content: ""; height: 100%; left: -100%; position: absolute; top: 0; transition: left 0.6s ease; width: 100% }
.cta-button:hover { box-shadow: 0 10px 30px rgba(240, 180, 79, 0.3); transform: translatey(-4px) }
.cta-button:hover::before { left: 100% }
.notification-input { background: var(--card-bg); border-radius: 0.75rem; border: 1px solid var(--border); color: var(--text-primary); padding: 1rem 1.25rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 100% }
.notification-input:focus { background: var(--card-hover); border-color: var(--accent); box-shadow: 0 0 0 3px rgba(240, 180, 79, 0.2); outline: none }
.section-title::after { background: var(--accent-gradient); border-radius: 2px; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; transform: translatex(-50%); width: 60px }
.stagger-animation { animation-delay: var(--stagger-delay, 0ms); animation: fadeIn 0.8s ease-out forwards; opacity: 0 }