.youtube-facade{cursor:pointer;border-radius:inherit;background:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.youtube-facade-thumbnail{object-fit:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.youtube-facade:hover .youtube-facade-thumbnail{opacity:.9}.youtube-facade-play-button{cursor:pointer;z-index:10;background:0 0;border:none;width:90px;height:60px;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-facade-play-button:hover{transform:translate(-50%,-50%)scale(1.2)}.youtube-facade-play-button:active{transform:translate(-50%,-50%)scale(1.1)}.youtube-play-icon{filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:100%}.youtube-facade-iframe{border-radius:inherit;border:none;width:100%;height:100%;position:absolute;top:0;left:0}
.video-tutorial{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:80px 20px;position:relative;overflow:hidden}.video-tutorial:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 40%,#93c5fd33 0%,#0000 50%),radial-gradient(circle at 70% 60%,#c4b5fd33 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.video-tutorial-container{text-align:center;z-index:1;max-width:1200px;margin:0 auto;position:relative}.video-tutorial-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Playpen Sans,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2}.video-tutorial-subtitle{color:#64748b;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-family:Playpen Sans,sans-serif;font-size:1.125rem;line-height:1.6}.video-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;width:100%;max-width:900px;height:0;margin:0 auto;padding-bottom:50.625%;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 15px 30px #667eea26,0 10px 40px #00000014}.video-wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea33,0 15px 50px #0000001f}.video-iframe{border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.video-tutorial{padding:60px 16px}.video-tutorial-title{font-size:2rem;font-weight:800}.video-tutorial-subtitle{margin-bottom:32px;font-size:1rem}.video-wrapper{border-radius:16px}.video-wrapper:hover{transform:translateY(-2px)}.video-iframe{border-radius:16px}}@media (max-width:480px){.video-tutorial{padding:40px 12px}.video-tutorial-title{font-size:1.75rem;font-weight:800}.video-tutorial-subtitle{font-size:.9375rem}.video-wrapper,.video-iframe{border-radius:12px}}