.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:var(--gradient-section-bg);padding:80px 20px;position:relative;overflow:hidden}.video-tutorial:before{content:"";background:var(--radial-decoration-blue),var(--radial-decoration-purple);pointer-events:none;z-index:0;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:var(--gradient-title-section);-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:var(--text-tertiary);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{border-radius:var(--radius-video);background:var(--bg-glass-white);width:100%;max-width:900px;height:0;-webkit-backdrop-filter:var(--backdrop-blur-strong);backdrop-filter:var(--backdrop-blur-strong);transition:var(--transition-standard);border:1px solid #ffffff4d;margin:0 auto;padding-bottom:50.625%;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:var(--radius-video);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:var(--radius-video-md)}.video-wrapper:hover{transform:translateY(-2px)}.video-iframe{border-radius:var(--radius-video-md)}}@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:var(--radius-video-sm)}}