.dnd-section.hero-section{background:linear-gradient(135deg,#9380ff,#a18bff);color:#fff!important;overflow:hidden;padding:120px 20px;position:relative;text-align:center}.dnd-section.hero-section h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.dnd-section.hero-section p{color:#f0f0f0;font-size:1.25rem;margin-bottom:2rem}.fade-section{opacity:0;transform:translateY(40px);transition:all 1s ease-out}.fade-section.is-visible{opacity:1;transform:translateY(0)}body.test-mode .hero-section{border:3px solid #7d5ba6}