"Neslihan ile pozitif gelişim" içeriklerimize eriş!

"Pozitif Zihin Kodlama Nedir?"

İster yaşamınızda bir dönüm noktasında olun, ister sadece kendinizi daha yakından tanımak isteyin, burada size iyi gelecek bir adım atabilirsiniz.

/* Dalgalı animasyon ve thumbnail için ek stiller */ #video-box-tanitim #video-thumbnail-tanitim { opacity: 1; transition: opacity 0.3s; } #video-box-tanitim.video-playing #video-thumbnail-tanitim { opacity: 0; } .wave-animation { pointer-events: none; } /* Tanıtım video kutusu ve play butonu animasyonu */ #video-box-tanitim { position: relative; width: 100%; max-width: 600px; height: 340px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8fafc 0%, #e3e8ee 100%); border-radius: 32px; box-shadow: 0 8px 32px rgba(0,0,0,0.12); overflow: hidden; border: 1px solid #e3e8ee; transition: box-shadow 0.3s, border 0.3s; } #video-box-tanitim:focus-within, #video-box-tanitim:hover { box-shadow: 0 12px 48px rgba(255,105,180,0.18); border: 2px solid #ff69b4; } #play-video-btn-tanitim { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: linear-gradient(135deg, #ff69b4 0%, #ffb6c1 100%) !important; border: none; border-radius: 50%; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 16px rgba(255,105,180,0.18) !important; cursor: pointer; transition: box-shadow 0.2s, transform 0.2s; z-index: 2; animation: pulse 1.5s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255,105,180,0.18); } 70% { box-shadow: 0 0 0 18px rgba(255,105,180,0); } 100% { box-shadow: 0 0 0 0 rgba(255,105,180,0); } } #play-video-btn-tanitim:hover { transform: translate(-50%,-50%) scale(1.08); box-shadow: 0 4px 24px rgba(255,105,180,0.28) !important; }